Restaurant Zigana
손님을 끄는 매력은 지키면서 “케밥집”이라는 틀에서 벗어나기.
- 연도
- 2026
- 제작 기간
- 2주
- 기술 스택
- React · Tailwind · Vercel
- 디자인
- 개발
- 로컬 SEO
- 카피라이팅
Kayzen Web이 Vercel 주소에 공개한 데모 버전입니다. 정식 도메인은 고객 소유입니다.
- 개업 연도
- 2011
- 송아지고기, 매장에서 직접 준비
- 100%
- Lighthouse SEO
- 100/100
해결해야 했던 과제.
배경
Zigana는 2011년부터 리옹 9구 베즈(Vaise)의 발미 광장(place Valmy)에 자리한 식당입니다. 전통 튀르키예 요리, 그릴 요리, 그리고 매장에서 직접 준비하는 송아지고기 100% 케밥을 냅니다.
제약
이 업종에는 이 가게가 받을 이유 없는 품질에 대한 편견이 따라붙습니다. 사이트는 매출의 대부분을 만드는 검색량 많은 검색어를 놓치지 않으면서, 인식을 튀르키예 요리와 직접 만든 음식 쪽으로 옮겨야 했습니다.
해법
트래픽을 가져오는 단어는 그대로 두고, 곧바로 증거를 붙였습니다. “송아지고기 100%”, “매장에서 직접 준비”, “2011년부터”. 메뉴는 그릴 요리와 전통 요리를 샌드위치와 같은 비중으로 보여 줍니다. SEO는 두 영역을 나란히 겨냥합니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
실제 음식 사진
스톡 이미지가 아니라 매장에서 직접 찍은 사진입니다. 이 시장에서 카탈로그 사진은 금세 알아보이고, “직접 만든다”는 약속을 무너뜨립니다.
첫 화면에 증거
“송아지고기 100%”, “직접 만듦”, “2011년부터”를 메뉴보다 먼저 보여 줍니다. 망설이는 손님이 가진 세 가지 의구심에 정확히 답합니다.
영역별로 위계를 둔 메뉴
그릴 요리와 전통 요리가 먼저, 샌드위치는 그다음입니다. 메뉴의 순서는 레이아웃의 선택인 동시에 포지셔닝의 선택입니다.
프로젝트 색상 팔레트
숯불 레드
#A83232
아이덴티티
크림
#FAF5EC
배경
차콜
#26221F
텍스트
사프란
#D89A2C
강조
타이포그래피 체계
제목용 서체
Outfit 700
본문용 서체
Inter 400
중립적이고 읽기 쉬운 서체입니다. 30초 만에 훑어보는 메뉴에서 개성은 폰트가 아니라 사진에서 나옵니다.
보이지 않는 곳의 기술.
- React
- Tailwind
- Vercel
필요해서 가벼운 사이트
많은 방문이 점심시간 길거리에서 불안정한 4G로 들어옵니다. 사이트는 첫 화면 이미지를 포함해 HTML과 CSS 수십 킬로바이트면 충분합니다.
파악된 접근성 과제
88점은 보조 구성 요소 두 개의 명도 대비 부족 때문입니다. 기록해 두었고 다음 작업 때 수정합니다. 생략하기보다 적어 두는 쪽을 택합니다.
사이트가 검색되는 방식.
두 영역의 검색어
검색량을 위한 “베즈 케밥”, 포지셔닝을 위한 “리옹 9구 튀르키예 레스토랑”. 앞의 것을 포기했다면 트래픽 대부분을 잃었을 것이고, 앞의 것에만 머물렀다면 가게를 그 틀에 가뒀을 것입니다.
발미 광장 기반
광장 이름을 제목과 마크업에 넣었습니다. 리옹 사람들이 실제로 쓰는 기준점입니다.
납품한 결과물.
- 홈
- 메뉴
- 가게 이야기
- 오시는 길·영업시간
- 주문(전화)
프로젝트 진행 과정.
포지셔닝
두 영역을 함께 유지, 증거를 페이지 맨 위에.
사진
매장 현장 촬영, 실제 음식.
개발
가벼운 사이트, 위계를 둔 메뉴.
