PENNY PAGE
CASE 682000꽃배달2026.10

주문서가 텔레그램으로 오는
꽃배달 사이트

축하·근조 화환과 꽃바구니·화분·난을 전국으로 배송하는 꽃배달 업체 사이트입니다. 착수 이튿날 자체 도메인으로 오픈했습니다.

업종
꽃배달(화환·꽃바구니·화분·난) · 전국 배송
형태
원페이지 + 주문예약 폼 텔레그램 접수
기간
착수 이튿날 오픈
구성
화환 · 꽃바구니·화분·난 · 리본 문구 예시
배송 안내 · 주문 절차 · 주문예약 폼
기술 스택
Cloudflare Pages · Pages Functions · Telegram Bot API · JSON-LD · 반응형 HTML/CSS
호스팅
Cloudflare Pages, 자체 도메인
2000꽃배달 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 682000꽃배달.kr

01과제

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

꽃배달 주문은 상품·날짜·받는 곳·리본 문구가 한 번에 정확히 들어와야 합니다. 그래서 상품 카드와 리본 문구 칩을 누르면 주문서가 자동으로 채워지게 하고, Cloudflare Pages Functions가 접수 내용을 대표님 텔레그램으로 바로 보내게 했습니다.

대표님 카톡 피드백을 반영해 고객 영상·사진을 실사 위주로 보정하고, 축하 분홍·근조 흑백 붓글씨 화환 카드와 경조사 리본 문구 섹션으로 완성했습니다. 텔레그램이 응답하지 않을 때는 문자앱으로 넘어가는 폴백을 두었습니다.

핵심 — 빠짐없는 주문서상품과 리본 문구를 누르면 주문서가 채워지고, 접수 내용은 대표님 텔레그램으로 바로 갑니다.

02화면

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

화환 상품 카드 — 축하·근조 3단 화환과 주문예약 버튼
01화환 상품 카드 — 축하·근조 3단 화환과 주문예약 버튼
리본 문구 예시 — 누르면 주문서에 입력
02리본 문구 예시 — 누르면 주문서에 입력
주문예약 폼 — 상품·배송·리본·연락처
03주문예약 폼 — 상품·배송·리본·연락처
꽃바구니·화분·난 상품 목록
04꽃바구니·화분·난 상품 목록

03구성

이 사이트에 들어간 것

  • 01
    주문예약 폼필수값 검증 후 접수
  • 02
    텔레그램 봇 알림Pages Functions가 접수 내용을 대표님께 전달
  • 03
    문자앱 폴백텔레그램 무응답 시 문자 주문으로 전환
  • 04
    상품·리본 문구 자동선택카드와 칩을 누르면 주문서 자동 입력
  • 05
    히어로 슬라이더축하·근조 화환 메인 비주얼
  • 06
    실사 사진 보정고객 사진을 gpt-image-2로 실사 위주 보정
  • 07
    모바일 하단 고정바전화주문·주문예약 바로가기
  • 08
    자체 도메인·검색 노출JSON-LD · OG
2000꽃배달 모바일 전체 화면

모바일 · 스크롤해서 보기

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

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