문의하기
← 포트폴리오 목록
카페·F&B

라떼파이브

동네 단골을 만드는 스페셜티 카페 웹사이트

카페 웹사이트의 핵심은 "이 가게에 가보고 싶다"는 감정을 만드는 것입니다. 라떼파이브 데모는 따뜻한 크림 톤과 클래식 세리프 타이포그래피로 스페셜티 커피의 정성을 전달하고, 시그니처 메뉴·오늘의 원두·매장 정보를 한눈에 보여줘 신규 방문과 원두 주문을 동시에 끌어냅니다.

xn--wk0b85e.com/demos/cafe/
새 탭 ↗

DESIGN HIGHLIGHTS

이 데모의 핵심 포인트

실제 운영 사이트로 발전시킬 수 있는 검증된 구성 요소입니다.

메뉴를 메뉴판처럼

시그니처 6종을 클래식 메뉴판 스타일로 정리해 방문 전 기대감을 만듭니다. 사이드 정보와 가격을 명확히 노출.

🫘

오늘의 원두 큐레이션

주간 로스팅 싱글 오리진을 원산지·플레이버 노트와 함께 보여줘 원두 주문 전환을 만들어냅니다.

📖

브랜드 스토리 섹션

"왜 우리 카페인지"를 다섯 가지 약속으로 풀어 단골과 신규 손님의 신뢰를 동시에 잡습니다.

📍

매장 정보 3블록 분리

운영시간·오시는 길·원두 배송 주문을 3개 카드로 나눠 방문·온라인 구매 두 경로를 모두 명확히 안내합니다.

커피잔 일러스트 + 김 애니메이션

CSS만으로 그린 커피잔과 스팀 애니메이션으로 사진 없이도 분위기를 전달합니다. 로딩이 빠르고 SEO에 유리.

📱

인스타·네이버 지도 연결

카페의 핵심 트래픽 소스인 인스타·네이버 지도·전화로 한 번에 연결되는 액션 버튼을 제공합니다.

RESPONSIVE

모바일에서도 완벽하게

카페 방문 결정의 80% 이상이 모바일 검색에서 이루어집니다. 라떼파이브 데모는 모바일에서도 메뉴판이 한눈에 들어오고, 운영시간 확인과 전화·지도 액션이 한 번의 탭으로 이어지도록 설계했습니다.

  • 메뉴 그리드 한 칸씩 펼쳐서 가독성 극대화
  • 운영시간 표를 카드로 분리해 빠른 확인
  • 엄지 영역에 전화·지도·인스타 액션 배치
  • 원두 배송 CTA로 매장 외 매출도 동시에 유도

카페·F&B 사이트, 비슷한 디자인으로 만들 수 있나요?

네, 가능합니다. 업종 특성에 맞춘 맞춤 제안을 빠르게 드릴 수 있어요.