동네 가게에도 비주얼 아이덴티티가 필요한가요?

동네 상점

Boucherie de l'Avenue

수제 정육점을 명품 메종처럼 다루었습니다 — 실제로 그렇기 때문입니다.

https://www.boucherie-avenue.fr

출발점

리옹 9구의 수제 정육점으로, 짧은 유통 경로의 고기를 다루며 케이터링 서비스도 제공합니다.

동네 식료품점은 거의 언제나 온라인에서 제대로 표현되지 못합니다. 플래시를 터뜨린 사진, 기본 서체, 고기의 원산지 정보 전무. 대형 마트와의 가격 차이를 정당화하는 장인의 솜씨가 어디에도 보이지 않았습니다.

장인을 럭셔리 브랜드처럼 대했습니다. 맞춤 아이덴티티, 정성 들인 타이포그래피, 연출된 사진, 원산지에 대한 완전한 정보. 고객이 정당화하고 싶은 것은 가격입니다. 그 근거를 쥐여 줘야 합니다.

주장이 아닌 측정

운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.

PageSpeed

100

디자인 & 아트 디렉션

이번 프로젝트를 위해 만든 비주얼 아이덴티티
모노그램, 팔레트, 타이포그래피 체계를 새로 설계하고, 이후 매장의 인쇄물에도 적용했습니다. 사이트는 아이덴티티가 적용된 결과물 중 하나였을 뿐입니다.
상품별 원산지 표시
품종, 산지, 그리고 확인된 경우 사육 농가까지. 장인과 셀프서비스 매대를 가르는 논거인데, 이전에는 어디에도 없었습니다.
연출된 사진
자연광, 중립 배경, 직접 플래시 금지. 정육점에서 조명이 나쁜 사진은 의도와 정반대의 효과를 냅니다.

제목용 서체

Cormorant Garamond 600

본문용 서체

Jost 400

간판에는 오트 쿠튀르 같은 세리프를, 상품 정보에는 절제된 지오메트릭 서체를 썼습니다. 두 서체의 대비가 포지셔닝의 전부입니다.

엔지니어링

진행 중인 성능 개선 과제
성능 69점. 고객 콘텐츠에서 넘어온 최적화되지 않은 상품 갤러리 때문입니다. AVIF 전환과 srcset을 통한 크기 조정은 작업량 산정과 일정이 잡혀 있습니다. 점수가 공개되어 있고 확인 가능하기에 적어 둡니다.
정적 사이트
데이터베이스 없이, 상품 카탈로그는 데이터 파일입니다. 사장님이 계절별 변경 사항을 보내 주면 한 시간 안에 반영됩니다.

검색엔진 최적화

“리옹 9구 정육점”, “베즈 수제 정육점”
경쟁이 거의 없고 즉시 구매 의도가 담긴 근거리 검색어입니다. 이를 입력하는 사람은 정보를 찾는 것이 아니라 오늘 고기를 살 곳을 찾습니다. “리옹 정육점”을 노렸다면 결코 9구까지 오지 않을 트래픽을 두고 시내 전체의 체인점과 경쟁해야 했을 것입니다.
ButcherShop 마크업
Schema.org에는 전용 유형이 있습니다. 일반 LocalBusiness 대신 이것을 쓰면 Google이 가게를 분류하는 방식이 개선됩니다.

사이트 구조