01 메인 화면
로스팅 · 발송 요일과 이번 주 원두 보기 · 원두 납품 문의를 첫 화면에 두었습니다.
데모 사이트 · 라떼파이브
원두별 상세 · 정기 구독 · 카페 원두 납품 · 매장 2곳 · 클래스까지, 로스터리의 매출 창구가 되도록 만든 13페이지 카페 홈페이지 샘플입니다.
원두를 직접 볶아 팔고 다른 카페에 납품까지 하는 로스터리라면, 홈페이지는 분위기를 보여주는 곳을 넘어 거래가 시작되는 곳입니다. 라떼파이브 데모는 크림 톤과 세리프 서체로 매장 분위기를 살리면서, 원두마다 산지 · 향미 · 레시피 · 식품 표시사항을 담은 상세 페이지와 정기 구독 조건, 무료 샘플로 시작하는 원두 납품 문의를 두었습니다. 매장 페이지는 플레이스와 같은 영업시간 · 좌석 · 주차 정보로 맞췄습니다.
SCREENS
라떼파이브 데모의 주요 화면과 각 화면을 이렇게 만든 이유입니다.
01 로스팅 · 발송 요일과 이번 주 원두 보기 · 원두 납품 문의를 첫 화면에 두었습니다.
02 취향과 용도로 먼저 안내하고, 원두 카드와 비교표로 차이를 보여줍니다.
03 산지 · 향미 · 용량 · 분쇄 선택과 추천 레시피, 식품 표시사항을 담았습니다.
04 구독 상품 2종과 변경 · 해지 · 교환 조건을 가입 전에 보여줍니다.
05 납품 대상과 포함 내역을 숫자로 적고 무료 샘플 신청으로 문의를 받습니다.
06 영업시간 · 좌석 · 주차 · 픽업 정보를 플레이스와 같게 정리했습니다.
07 음료와 디저트 가격, 알레르기 정보를 글자로 만든 메뉴 페이지입니다.
08 일정 · 정원 · 수강료 · 취소 규정을 신청 버튼 옆에 두었습니다.
GUIDE
카페는 플레이스와 SNS로 처음 발견되지만, 원두를 팔고 다른 카페에 납품까지 하는 로스터리라면 홈페이지가 매출 창구가 됩니다. "예가체프 원두", "카페 원두 납품"처럼 상품과 거래 조건으로 검색하는 사람을 받는 구성이 핵심입니다.
원두 상품에는 식품유형 · 원재료 · 내용량 · 소비기한 · 보관방법 · 제조원을 적고, 푸터에 통신판매업 신고번호와 영업 등록 정보를 둡니다. "최고급" 같은 확인할 수 없는 표현은 쓰지 않습니다.
DESIGN HIGHLIGHTS
실제 운영 사이트로 그대로 옮겨 쓸 수 있는 구성 요소입니다.
산지 · 가공 · 로스팅 · 향미 · 추천 레시피와 식품 표시사항을 원두마다 정리했습니다.
주기 · 금액 · 변경 · 해지 · 교환 기준을 가입 전에 모두 보여줍니다.
최소 주문량과 출고 기준, 세팅 지원을 숫자로 적고 무료 샘플 신청으로 문의를 받습니다.
영업시간 · 좌석 · 주차 · 픽업 정보를 플레이스와 같게 적고 매장 구조화 데이터를 넣었습니다.
메뉴와 가격, 디저트 알레르기 정보를 글자와 메뉴 구조화 데이터로 만들었습니다.
버튼 하나로 섹션마다 제작 의도와 식품 · 전자상거래 표시 기준을 보여줍니다.
RESPONSIVE
카페 손님은 매장 근처에서 휴대폰으로 영업시간과 메뉴를 찾고, 원두는 퇴근길에 주문합니다. 모바일에서는 하단에 전화 · 납품 문의 · 원두 구매 버튼을 고정하고, 원두 상세에서 용량과 분쇄를 버튼으로 고르게 했습니다.
이 데모처럼 원두 상세 · 정기 구독 · 원두 납품 · 매장별 안내 · 클래스까지 갖춘 13페이지 구성은 전문 업종형 150만원부터입니다. 메뉴 · 매장 안내 위주의 구성은 비즈니스형 45만원부터, 한 페이지 구성은 원페이지형 10만원부터입니다. 실제 결제(쇼핑몰 연동)는 따로 상담합니다.
메뉴와 원두 정보는 데이터 한 곳만 고치면 메인 · 목록 · 상세 페이지에 함께 반영되도록 만듭니다. 오픈 후 무상 수정 기간 안에는 요청하시면 바로 반영해 드립니다.
스마트스토어는 결제에, 홈페이지는 납품 · 구독 · 클래스처럼 설명이 필요한 거래에 강합니다. 홈페이지 원두 페이지에서 스마트스토어 구매로 연결하는 방식도 함께 쓸 수 있습니다.
무료 상담 · 무료 진단
네, 가능합니다. 업종 특성에 맞춘 맞춤 제안을 빠르게 드릴 수 있어요.
카카오톡으로 물어보기
