왜 베이커리 홈페이지는 ‘온기’에서 출발하는가
베이커리 홈페이지 제작에서 가장 먼저 푸는 문제는 화려함이 아니라 식욕과 온기입니다. 동네 빵집을 찾는 손님은 ‘오늘 뭐가 갓 나왔지’, ‘여기 따뜻한 곳일까’를 0.3초에 느끼고 들어옵니다. 그래서 이 베이커리 홈페이지는 “이곳은 매일 굽고, 따뜻하다”를 한눈에 전하는 것을 1번 목표로 잡았습니다. 실제 히어로도 “매일 새벽 굽는 동네 빵집”이라는 한 줄과 막 나온 빵의 질감으로 채워, 보자마자 ‘들어가 보고 싶다’는 감정을 먼저 만들게 했습니다. 멋부린 메가메뉴가 아니라, 빵 그 자체가 손님을 부르는 화면입니다.
색: 버터 골든의 따뜻함
바탕은 차가운 흰색이 아니라 버터 페이퍼(#fffdf8)와 버터 크림(#fff6e7)입니다. 빵집은 ‘깨끗’해 보여야 하지만, 형광 흰색은 베이커리의 온기를 죽입니다. 그래서 따뜻한 미색을 깔고, 포인트로 크러스트 골든(#c98a3c·#a86a26)과 밀빛(#e7c78a)을 더해 ‘갓 구운 빵 껍질’의 색을 화면 전체에 입혔습니다. 잼 레드(#b23a48)는 가격·주문 같은 핵심 행동에만 절제해 찍어, 식욕을 자극하면서도 어수선해지지 않게 했습니다. 결과적으로 ‘차가운 프랜차이즈’가 아니라 ‘오븐 앞 빵집’의 색입니다.
타이포: 명조의 정성
헤드라인과 메뉴 제목에 명조(나눔명조)를 쓴 건 우연이 아닙니다. 명조의 가는 세리프는 손맛·정성·오래된 동네 가게의 따뜻함을 시각으로 전합니다 — 매일 손으로 반죽해 굽는다는 이 빵집의 결과 정확히 맞습니다. 본문은 Pretendard로 가독성을 확보하고, 한글은 word-break를 어절 단위(keep-all)로 잡아 ‘소금빵’ 같은 메뉴 이름이 음절 중간에서 어색하게 끊기지 않게 했습니다. 격식보다 ‘정성스러운 손글씨 같은 느낌’을 노린 셈입니다.
이미지: 빵의 식감이 주인공
히어로와 메뉴 이미지는 매장 외관이나 사람보다 빵 그 자체의 식감을 앞세웠습니다. 바삭한 바게트 단면, 결이 살아 있는 크루아상, 김이 오르는 갓 구운 식빵처럼 ‘맛이 보이는’ 장면이 베이커리에서는 가장 강한 한 줄입니다. 사진은 자연광 톤으로 통일해 버터 골든 팔레트와 어긋나지 않게 했고, 각 이미지에 width/height를 지정해 레이아웃이 튀지 않도록(CLS 0) 맞췄습니다. 빵집에서는 잘 찍은 빵 사진 한 장이 어떤 카피보다 손님을 끌어옵니다.
구조와 전환: 구경에서 방문까지
메뉴를 식빵·바게트·소금빵·케이크처럼 카테고리로 묶어 손님이 원하는 빵을 빠르게 찾게 했고, ‘오늘 갓 구운’ 대표 빵을 맨 위에 두어 시선을 모았습니다. 그다음 영업시간·오시는 길을 한 화면에 묶고, 상단 유틸바·히어로·하단까지 모든 동선이 메뉴 보기와 오시는 길(주문·문의)이라는 핵심 행동으로 모이게 했습니다. 베이커리 홈페이지 제작에서 디자인의 목적은 결국 ‘한 명의 손님이 가게 문을 여는 것’입니다.
모바일에서 시작되는 방문
손님은 대개 출근길이나 산책 중에, PC가 아니라 휴대폰으로 ‘근처 빵집’을 찾습니다. 그래서 이 사이트는 모바일을 먼저 설계했습니다. 작은 화면에서도 오늘의 빵과 영업시간이 한눈에 들어오고, 화면 어디서든 한 번의 터치로 전화·길찾기·주문이 되도록 했습니다. 메뉴는 자바스크립트 없이 가볍게 열리게 해 빠르고 안정적입니다. 데스크톱에서는 여백과 큰 빵 사진으로 식욕을 키우고, 모바일에서는 속도와 길찾기 동선을 키워, 같은 페이지가 두 맥락 모두에서 제 역할을 하도록 맞췄습니다.
정직과 발견(표시광고법·GEO)
빵집 홈페이지에서도 정직이 먼저입니다. 「표시·광고의 공정화에 관한 법률」 취지에 맞게, 만들지 않은 후기나 ‘100% 천연’ 같은 입증되지 않은 단정을 쓰지 않았습니다. 원재료·알레르기 유발 성분·영업시간 같은 사실을 명확히 적을 자리를 설계에 넣고, 가격은 실제와 일치하도록 비워 두었습니다. 동시에 “베이커리 메뉴”, “빵집 주문”처럼 손님이 실제로 검색하는 질문에 답하는 FAQ와 구조화 데이터(Bakery·FAQPage 스키마)를 넣어 — 검색엔진과 AI 답변 양쪽에서 베이커리 홈페이지 제작 사례로 발견되게 했습니다. 보기 좋은 사이트가 아니라, 정직하면서도 찾아지고 방문으로 이어지는 사이트를 목표로 했습니다.