프로젝트 사례
Soban Korean Restaurant Website
전통 한식의 따뜻한 톤을 살린 레스토랑 마케팅 웹사이트. 메뉴 탐색을 빠르게 만들고, 방문 정보와 배달/테이크아웃(외부 플랫폼) 동선을 명확히 연결해 전환을 높이는 구조로 설계했습니다. 1개월 동안 1인 개발로 구축했습니다.
라이브 프로젝트 보기 →개요
Soban 웹사이트는 전통 한식의 따뜻한 정서와 “편안한 한 끼” 메시지를 중심으로, 방문자가 메뉴를 빠르게 확인하고 방문 또는 주문으로 이동할 수 있도록 설계한 레스토랑 마케팅 사이트입니다.
첫 화면에서는 “A Warm Bowl, Made with Heart”와 함께 SOBAN 브랜드를 전면에 두고, Explore Menu CTA로 주요 행동을 명확히 제시합니다.
또한 랜딩 본문에서 Soban의 핵심 컨셉을 “Korean home cooking, banchan made fresh daily, comfort food”로 설명해 톤과 신뢰를 동시에 확보합니다.
개발 기간은 1개월이며, 1인 개발로 구축했습니다.
목표
브랜드 톤과 메시지를 첫 화면에서 즉시 전달
메뉴 탐색을 카테고리 중심으로 단순화해 이탈을 줄이기
방문 정보(주소/시간/연락처)를 한 곳에 모아 의사결정을 빠르게 만들기
배달/테이크아웃 주문을 외부 플랫폼으로 직결해 전환을 단축
향후 메뉴 확장에도 유지보수 가능한 구조로 구성
정보 구조(IA)
사이트는 “브랜드 소개 → 메뉴 확인 → 방문/주문 전환” 흐름으로 설계했습니다.
Landing(About): 레스토랑 소개 + 대표 CTA(메뉴 탐색)
Menu: 카테고리 앵커 기반 섹션형 메뉴 구성
Visit Us: 주소/운영시간/연락처를 한 영역에 집약
Order Online: Uber Eats, Skip The Dishes로 연결
핵심 UX 결정
1) “메뉴로 가는 길”을 가장 짧게
첫 화면에서 즉시 Explore Menu로 연결해 방문자의 목적 행동(메뉴 확인)을 단축했습니다.
상단 네비게이션도 About, Menu, Order Online 중심으로 단순하게 유지해 선택 부담을 낮췄습니다.
2) Menu는 카테고리 앵커 기반 “스캔 UX”
메뉴 페이지는 섹션 앵커로 빠르게 이동할 수 있도록 구성했습니다.
Best Appetizers
Soban Hansang Set Meal
Rice
Noodle
Stew
Vegetarian Menu
방문자가 원하는 영역만 빠르게 스캔할 수 있어 모바일에서 특히 효율적입니다.
3) 식단/알레르기 안내를 상단에 배치
메뉴 페이지 상단에 dietary restrictions / allergies 안내를 배치해 레스토랑 특성상 중요한 신뢰 요소를 먼저 제시했습니다.
4) “세트 메뉴”로 가치 제안을 구조화
Hansang Set Meal 섹션은 메인과 함께 제공되는 구성(샐러드, 잡채, 밥, 반찬, 수프)을 명확히 적어, 단품 메뉴 대비 가치가 직관적으로 전달되도록 했습니다.
5) 방문/주문 전환 섹션은 한 화면에서 결론까지
Visit Us 섹션에서 주소, 연락처, 운영 시간을 한 번에 제공하고
Order Online은 Uber Eats 및 Skip The Dishes 링크를 즉시 노출해 전환을 단축했습니다.
운영 측면에서 달라진 점
빠르고 가벼운 페이지: 사이트 용량을 꾸준히 관리해 휴대폰으로 찾아온 손님도 빠르게 페이지를 볼 수 있습니다.
관리 부담이 적은 호스팅: 미리 만들어진 정적 페이지로 배포되어 호스팅이 간단하고, 손이 많이 가지 않으면서도 안정적으로 운영됩니다.
쉬운 메뉴 업데이트: 메뉴와 섹션이 일관된 구조로 되어 있어 메뉴가 늘어나도 추가·수정이 간단합니다.
모든 화면에서 자연스러운 디자인: 휴대폰부터 데스크톱까지 화면에 맞춰 레이아웃이 조정되며 일관된 분위기를 유지합니다.
기억에 남는 첫인상: 홈 화면의 가벼운 3D 비주얼이 브랜드의 따뜻한 인상을 더합니다.
이 프로젝트가 보여주는 역량
레스토랑 사이트에서 중요한 “메뉴 탐색”과 “주문 전환”을 중심으로 IA를 설계하는 역량
카테고리 앵커 기반 스캔 UX로 모바일 탐색 효율을 높인 구성
방문 정보와 외부 주문 플랫폼 링크를 한 흐름으로 연결해 전환 단계를 줄이는 접근
Live: https://soban.servith.com/
Timeline: 1 month
Role: Solo delivery (IA → UI → shipping)
