📌 HALFF COFFEE - 커피 프랜차이즈 웹사이트
🔹 프로젝트 개요
🔹 프로젝트 목적
하프커피는 버터크림라떼를 시그니처로 한 커피 프랜차이즈입니다. 가맹점 모집 광고가 도착하는 페이지라서, 예비 점주가 "이 브랜드로 창업하면 실제로 얼마가 남는가"를 스크롤 한 번에 확인하고 그 자리에서 상담을 신청하도록 만드는 것이 목표였습니다. 브랜드 소개보다 숫자와 근거를 앞에 세우고, 매출 증명 → 수익 구조 → 운영 지원 → 창업 절차 → 창업 비용 → 문의로 이어지는 한 흐름으로 구성했습니다. 광고로 들어온 방문자가 이탈하지 않도록 스크롤을 붙잡는 연출은 쓰지 않았고, 상단 고정 메뉴와 빠른 상담 바로 어디서든 문의로 넘어갈 수 있게 했습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
Proof Receipts (매출 증명 영수증 카드):
직영점·가맹점 매출을 영수증 모양 카드로 보여 줍니다. 카드가 프린트되듯 차례로 나타나고 숫자가 올라가며, 포인터를 따라 살짝 기울어집니다. 터치 기기와 동작 줄이기 설정에서는 효과를 덜어 냅니다.
Profit Flow (수익 구조 흐름도):
월 매출이 재료비·임대료·인건비·관리비로 나뉘고 순수익이 남는 과정을 흐름도로 그렸습니다. 화면에 들어오는 순간 한 번 흘러가며, 표 대신 그림 하나로 수익 구조가 읽히게 했습니다.
Inquiry to Admin (문의에서 관리자까지):
가맹 문의 폼과 상단 빠른 상담 바로 접수된 문의는 데이터베이스에 저장되고 담당자에게 알림 메일이 갑니다. 관리자 페이지에서 문의를 확인·처리할 수 있고, 메타 광고 리드폼으로 들어온 문의도 자동으로 모여 한곳에서 관리됩니다.
Ad Conversion Tracking (광고 전환 추적):
문의 접수 시점에 광고 전환 이벤트가 발생하도록 연결해, 어떤 광고에서 문의가 들어왔는지 확인할 수 있게 했습니다.
🔹 디자인 포인트
🔹 담당 역할