- CLIENT
- 푸라닭 치킨 ((주)아이더스에프앤비)
- INDUSTRY
- 외식 · 치킨 프랜차이즈 (국내 · 해외)
- PROJECT
- 프랜차이즈 브랜드 홈페이지 구축 / 리뉴얼
- PERIOD
- 2020. 05 ~ 2020. 11
프릭스 수행범위
IA 설계, 주문, 메인/서브 GUI, 웹표준 마크업부터 반응형 대응까지 단일 팀이 수행했습니다.
BACKGROUND
리뉴얼이 필요했던 세 가지 이유
-
01
브랜드의 차별점이 메뉴판에 머물렀다
푸라닭은 오븐후라이드와 '요리 같은 치킨'이라는 콘셉트로 프리미엄 치킨 시장에서 자리를 잡은 브랜드입니다. 그러나 메뉴 나열 중심의 화면으로는 고급스러운 비주얼과 브랜드 세계관이 충분히 전달되지 않았습니다.
-
02
고객과 창업자가 같은 문으로 들어왔다
치킨을 주문하려는 고객, 가까운 매장을 찾는 고객, 가맹을 검토하는 예비 창업자, 해외 파트너가 한 사이트에 동시에 들어옵니다. 목적이 다른 방문자가 같은 메뉴를 거쳐야 해 각자의 목적지까지 거리가 멀었습니다.
-
03
주문과 창업 문의가 외부로 흩어져 있었다
온라인 주문, 창업 상담, 해외사업은 별도 시스템과 도메인에서 운영됩니다. 이 접점들을 본 사이트 안에서 일관되게 연결하지 않으면 전환 직전에 이탈이 생기는 구조였습니다.
다섯 집단, 다섯 개의 목적지
| 방문자 유형 | 방문 목적 | 도달해야 할 영역 |
|---|---|---|
| 주문하려는 고객 | 지금 무엇을 먹을지 고르고 바로 주문하고 싶다 | MENU·치킨·사이드 메뉴·온라인 주문 |
| 매장을 찾는 고객 | 가까운 매장과 연락처는 어디인가 | LOCATION·시·도 / 구·군 매장찾기 |
| 예비 창업자 | 왜 푸라닭인지, 비용과 절차는 어떤가 | FRANCHISING·창업절차·창업비용·창업문의 |
| 브랜드 팬·언론 | 푸라닭은 어떤 브랜드인가 | BRAND·푸라닭 컨셉·수상내역·BI |
| 해외 파트너 | 해외 진출 현황과 협업 창구 | GLOBAL·해외사업·글로벌 사이트 |
SOLUTION
정보구조를 다시 세운 세 가지 원칙
-
01
고객과 창업자의 입구를 나눈다
BRAND · MENU는 고객을 위한 영역으로, FRANCHISING은 예비 창업자를 위한 영역으로 분리했습니다. 왜 푸라닭인가 → 창업절차 → 창업비용 → 창업문의 순으로 창업 검토 흐름을 따라 배치했습니다.
-
02
브랜드를 메뉴만큼 깊게 보여준다
푸라닭 소개·컨셉·수상내역·BI·전용 폰트·해외사업까지 BRAND 메뉴에 담았습니다. 프리미엄 치킨의 근거가 맛뿐 아니라 브랜드 전체의 완성도에 있다는 것을 보여줍니다.
-
03
전환 접점을 한 번에 닿게 한다
온라인 주문, 매장찾기, 창업 문의를 메인과 퀵메뉴에 상설 배치하고 대표번호·가맹문의 번호를 함께 노출했습니다. 목적이 분명한 방문자는 메뉴를 거치지 않고 바로 전환합니다.
정보구조 (Information Architecture)
- BRAND푸라닭 소개푸라닭 컨셉수상내역푸라닭 BI푸라닭 폰트해외사업
- MENU전체메뉴치킨 메뉴사이드 메뉴나만의 레시피메뉴별 정보
- FRANCHISING왜 푸라닭인가창업절차창업비용창업문의창업 FAQ
- LOCATION매장찾기시·도 / 구·군 / 매장명 검색
- 회사소개 · 이벤트회사소개이벤트고객의 소리가맹점 게시판찾아오시는 길
온라인 주문하기, 대표번호 1599-9206, 창업문의 1668-2921, GLOBAL 사이트, 로그인 / 회원가입, SNS(페이스북 · 블로그 · 인스타그램) — 전 페이지 상설 노출
FEATURES
무엇을 개발했는가
보이는 기능
01
브랜드 비주얼 메인 슬라이드
'차별화된 맛과 비주얼로 요리와 같은 치킨을 만듭니다' 메시지를 프리미엄 푸드 이미지 위에 얹었습니다. 메뉴판보다 브랜드의 품격이 첫 문장이 되도록 설계했습니다.
02
지역 선택형 매장찾기
시·도와 구·군, 매장명으로 전국 매장을 바로 검색하는 위젯을 메인에 배치해, 매장 페이지로 이동하지 않고도 가까운 매장을 찾습니다.
03
메뉴 슬라이드 · 메뉴별 정보
대표 메뉴를 슬라이드로 소개하고, 치킨·사이드·나만의 레시피·메뉴별 정보로 나눠 원산지와 상세 정보까지 확인하게 했습니다.
04
주문 · 창업 퀵 버튼
온라인 주문하기와 창업 문의하기를 고정 버튼으로 노출하고 대표번호·가맹문의 번호를 함께 보여줘, 고객과 창업자 모두 한 번에 전환합니다.
보이지 않는 기능
01
매장 데이터 검색
전국 매장을 지역·매장명 기준으로 검색하는 매장 데이터베이스를 운영해, 신규 매장 개설 시 바로 반영합니다.
02
메뉴 CMS
치킨·사이드 메뉴와 메뉴별 정보를 관리자에서 직접 등록·수정해, 신메뉴 출시 일정에 맞춰 즉시 노출합니다.
03
창업 문의 연계
창업문의를 전용 창업 사이트(puradakopen.com)와 연결하고, 창업 FAQ로 반복 질문을 미리 해소합니다.
04
주문 · 해외 사이트 연계
온라인 주문 시스템과 글로벌 사이트(puradakglobal.com)를 본 사이트 동선 안으로 연결했습니다.
05
회원 · 고객의 소리
회원가입·로그인과 고객의 소리, 가맹점 게시판을 운영해 고객 문의와 가맹점 소통 창구를 나눠 관리합니다.
06
웹표준 · 개인정보
개인정보처리방침과 회원 약관 고지 반영, 크로스브라우징 대응.
DESIGN
메뉴판이 아니라,
브랜드를 보여준다
프리미엄 치킨의 가치는 가격표로 설명되지 않습니다.
'요리 같은 치킨'이라는 콘셉트가 화면 전체의 분위기로 전달되도록 시각 언어를 정리했습니다.
푸드 비주얼이 주인공인 화면
고해상도 메뉴 사진을 풀블리드로 사용하고 텍스트는 최소한만 얹습니다. 맛을 설명하기 전에 '요리처럼 보이게' 하는 것이 목표였습니다.
프리미엄 다크 톤
어두운 배경과 절제된 포인트 컬러로 일반 치킨 브랜드와 다른 고급스러운 인상을 만들고, 음식 사진의 색감을 돋보이게 했습니다.
전용 BI · 폰트 체계
푸라닭 BI와 전용 폰트를 사이트 전반에 일관되게 적용하고 별도 메뉴로 공개해, 브랜드 자산을 하나의 시스템으로 보여줍니다.
절제된 슬라이드 인터랙션
메인 비주얼과 메뉴 슬라이드에 부드러운 전환만 적용했습니다. 프리미엄 브랜드의 여유는 과한 연출에서 나오지 않습니다.
목적별 버튼 컬러
주문과 창업 문의 버튼을 서로 다른 강조색으로 구분해, 고객과 예비 창업자가 자신의 버튼을 바로 찾게 했습니다.
반응형 재배치
데스크톱의 메뉴 슬라이드와 매장찾기 위젯은 모바일에서 스와이프와 세로 폼으로 전환되고, 주문 버튼은 하단에 고정됩니다.
주요 화면
RESULT
무엇이 달라졌는가
| 구분 | BEFORE | AFTER | 의미 |
|---|---|---|---|
| 구조 | 메뉴 나열 중심 | BRAND · MENU · FRANCHISING | 고객과 예비 창업자가 각자의 입구로 들어옵니다. |
| 동선 | 주문 · 창업 접점 분산 | 주문 · 창업 퀵 버튼 상설 | 목적형 방문자가 메뉴를 거치지 않고 바로 전환합니다. |
| 매장 | 매장 정보 탐색 불편 | 메인 지역 선택형 매장찾기 | 가까운 매장을 메인에서 바로 찾습니다. |
| 운영 | 요청 기반 메뉴 갱신 | 메뉴 · 매장 CMS 직접 운영 | 신메뉴와 신규 매장을 담당자가 직접 반영합니다. |
