PENNY PAGE
CASE 23스톡디비2026.05

상담 버튼 여섯 곳이
텔레그램으로 직결되는
금융정보 랜딩

주식·코인·해외선물 정보 DB를 공급하는 업체의 랜딩 사이트입니다.

업종
주식·코인·해외선물 정보 DB 공급 (온라인)
형태
원페이지 랜딩 + 신청 접수 관리자
구성
실시간 주식DB · 핵심 서비스 · 중복제거 · 문의 띠
왜 STOCKDB · 해시태그 푸터
기술 스택
Cloudflare Pages · Cloudflare Worker · Workers KV · 반응형 HTML/CSS
호스팅
Cloudflare Pages + Worker
스톡디비 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 23

01과제

무엇을 받았고, 무엇을 했나

이 업종 고객은 긴 설명보다 바로 상담 창구를 찾습니다. 그래서 헤더·히어로·강조띠·플로팅·모바일 하단까지 CTA 6곳을 모두 텔레그램 상담으로 연결하고, 신청 접수용 Cloudflare Worker와 KV 관리자(CSV·상태 관리·중복 접수 차단)를 함께 구축했습니다.

의뢰인 측 수정 요청을 v6까지 반영해 다크 톤에서 오렌지·옐로·브라운 웜톤으로 전면 리디자인하고, 푸터 해시태그 15개를 정비해 완성했습니다.

핵심 — 상담 창구는 하나어디를 눌러도 텔레그램 상담으로 이어지고, 신청 접수는 Worker와 KV 관리자가 따로 받아 정리합니다.

02화면

히어로가 아니라 실제로 일하는 구간

실시간 유튜브 주식DB — 서비스 안내와 판매 카드
01실시간 유튜브 주식DB — 서비스 안내와 판매 카드
핵심 서비스 — 실시간 디비 추출·공급
02핵심 서비스 — 실시간 디비 추출·공급
문의 띠 — 실시간 디비 문의 CTA
03문의 띠 — 실시간 디비 문의 CTA
왜 STOCKDB — 8가지 특징과 해시태그 푸터
04왜 STOCKDB — 8가지 특징과 해시태그 푸터

03구성

이 사이트에 들어간 것

  • 01
    웜톤 반응형 랜딩오렌지·옐로·브라운 톤
  • 02
    텔레그램 CTA 6곳헤더·히어로·강조띠·플로팅·모바일 하단
  • 03
    신청 Worker APICloudflare Worker
  • 04
    KV 접수 관리자Workers KV, 상태 관리
  • 05
    CSV 내보내기접수 목록 다운로드
  • 06
    중복 접수 차단같은 신청 재접수 방지
  • 07
    IP 레이트리밋Worker 단 요청 제한
  • 08
    해시태그 15개푸터 키워드 태그
스톡디비 모바일 전체 화면

모바일 · 스크롤해서 보기

제작 당시 화면을 보존했습니다.

미러본은 납품 시점 화면을 그대로 보존한 사본입니다.