PENNY PAGE
CASE 74MZpay 바로카드2026.08

신청서부터 관리자까지,
가맹점 모집 랜딩

부가세 지원 카드단말기 가맹점을 모집하는 상세페이지형 랜딩입니다. 의뢰 당일 신청서와 관리자 페이지까지 갖춰 오픈했습니다.

업종
카드단말기·결제 · 온라인 가맹점 모집
형태
상세페이지형 랜딩 + 신청 접수 어드민
기간
의뢰 당일 오픈
구성
혜택 · 단말기 소개 · 자주 묻는 질문
대상 업종 · 가맹점 신청서
기술 스택
Cloudflare Pages · Cloudflare Worker · D1 데이터베이스 · Email Routing 알림
호스팅
Cloudflare Pages + Worker·D1, 자체 도메인
MZpay 바로카드 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 74barocard.kr

01과제

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

가맹점 모집은 사장님이 신청서를 끝까지 쓰게 만드는 게 핵심입니다. 그래서 상세페이지 이미지 흐름 끝에 신청서를 두고, 독립 Cloudflare Worker가 접수 내용을 D1에 저장해 관리자 페이지에서 바로 보고 CSV로 받게 했습니다.

대표님 요청에 맞춰 신청폼을 전화 영업에 맞는 필수 항목만 남기고, 접수 즉시 Email Routing으로 알림 메일이 가도록 마무리했습니다.

핵심 — 끝까지 쓰는 신청서상세페이지 흐름의 끝에 신청서를 두고, 접수 건은 관리자 페이지와 알림 메일로 바로 확인합니다.

02화면

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

혜택 안내 — 바로 체감하는 4가지
01혜택 안내 — 바로 체감하는 4가지
자주 묻는 질문과 대상 업종
02자주 묻는 질문과 대상 업종
결제 수단 안내 — 국내·해외 페이 지원
03결제 수단 안내 — 국내·해외 페이 지원
가맹점 신청서 — 필수 항목만 남긴 폼
04가맹점 신청서 — 필수 항목만 남긴 폼

03구성

이 사이트에 들어간 것

  • 01
    상세페이지형 랜딩이미지 흐름 끝에 신청서 배치
  • 02
    가맹점 신청서전화 영업에 맞춘 필수 항목
  • 03
    Worker 접수 API독립 Cloudflare Worker
  • 04
    D1 저장접수 내용 데이터베이스 보관
  • 05
    관리자 페이지PBKDF2 비밀번호 · 최초 변경 강제 · CSV 다운로드
  • 06
    유입 채널 추적?ch= 파라미터로 경로 구분
  • 07
    접수 알림 메일Email Routing
  • 08
    고정 신청 CTA하단 고정 신청 버튼 · robots/sitemap · OG
MZpay 바로카드 모바일 전체 화면

모바일 · 스크롤해서 보기

실제 사이트에서 확인하세요.

지금도 운영 중인 사이트입니다.