- CLIENT
- 멕시카나 치킨 ((주)멕시카나)
- INDUSTRY
- 외식 · 치킨 프랜차이즈 (1989년 창업)
- PROJECT
- 프랜차이즈 브랜드 홈페이지 구축 / 리뉴얼
- PERIOD
- 2020. 05 ~ 2021. 08
프릭스 수행범위
IA 설계, 주문, 메인/서브 GUI, 웹표준 마크업부터 반응형 대응까지 단일 팀이 수행했습니다.
BACKGROUND
리뉴얼이 필요했던 세 가지 이유
-
01
37년 전통이 오래된 이미지로 읽혔다
멕시카나는 1989년 시작한 1세대 치킨 브랜드이자 치즈치킨의 원조입니다. 그러나 '오래된 브랜드'라는 인식이 강해, 치필링·고추화삭·와삭칸처럼 지금도 새로운 메뉴를 만드는 브랜드라는 점이 충분히 전달되지 않았습니다.
-
02
네 종류의 방문자가 같은 문으로 들어왔다
치킨을 주문하는 고객, 가맹을 검토하는 예비 창업자, 자재를 발주하는 가맹점주, 본사 채용 지원자가 한 사이트에 동시에 들어옵니다. 목적이 전혀 다른 집단이 같은 메뉴를 거쳐야 했습니다.
-
03
국내외 접점이 하나로 연결되지 않았다
온라인 주문, E-쿠폰, 창업 상담, 영문·중문 사이트, 가맹점 인트라넷이 각각 다른 시스템에서 운영됩니다. 이 접점들을 본 사이트에서 일관되게 연결해야 했습니다.
다섯 집단, 다섯 개의 목적지
| 방문자 유형 | 방문 목적 | 도달해야 할 영역 |
|---|---|---|
| 주문하려는 고객 | 오늘의 메뉴와 할인 혜택은 무엇인가 | 메뉴 · E-쿠폰·치킨메뉴·사이드메뉴·온라인주문 |
| 매장을 찾는 고객 | 가까운 매장과 찾아가는 길은 | 멕시카나 치킨은?·매장찾기·찾아오시는 길 |
| 예비 창업자 | 창업 조건과 신규매장 현황은 | 창업 정보·창업 안내·신규매장·창업상담 |
| 가맹점주 | 공지와 자재 발주를 어디서 처리하는가 | 가맹점 스토리·공지사항·자재발주·CEO건의 |
| 지원자·언론 | 회사의 최근 소식과 채용 정보 | 커뮤니티 · 인재채용·보도자료·상시채용 |
SOLUTION
정보구조를 다시 세운 세 가지 원칙
-
01
방문자 유형별로 입구를 나눈다
고객(메뉴·E-쿠폰), 예비 창업자(창업 정보), 가맹점주(가맹점 스토리), 지원자(인재채용)를 각각 독립 1Depth로 분리했습니다. 누구든 자신의 이름이 붙은 메뉴에서 출발합니다.
-
02
역사가 아니라 지금의 메뉴로 말한다
메인 비주얼과 메뉴 슬라이드에 고추화삭·와삭칸·치필링 같은 최신 메뉴를 전면 배치하고, 원산지와 중량 정보를 함께 표기했습니다. 37년의 역사는 신뢰의 근거로만 뒷받침합니다.
-
03
흩어진 시스템을 하나의 관문으로 모은다
온라인 주문, E-쿠폰, 창업 상담, 영문·중문 사이트, 인트라넷을 헤더·퀵메뉴·푸터에 상설 배치했습니다. 목적이 분명한 방문자는 메뉴를 거치지 않고 바로 이동합니다.
정보구조 (Information Architecture)
- 멕시카나 치킨은?회사 소개CEO 인사찾아오시는 길매장찾기
- 메뉴치킨메뉴사이드메뉴
- 창업 정보창업 안내신규매장창업상담
- 커뮤니티멕시카나 소식보도자료고객의 소리업무제휴문의
- 가맹점 스토리공지사항이달의 우수 가맹점자재발주CEO 건의사항
- E-쿠폰E-쿠폰E-쿠폰 사용하기
- 인재채용인재채용상시채용
온라인 주문하기, 창업 간편상담 080-420-9995, KOR / ENG / CHN 전환, 로그인 / 회원가입, SNS(인스타그램 · 블로그 · 페이스북 · X), 인트라넷 — 전 페이지 상설 노출
FEATURES
무엇을 개발했는가
보이는 기능
01
신메뉴 중심 메인 비주얼
고추화삭·와삭칸·치필링 등 최신 메뉴를 메인 슬라이드와 메뉴 섹션에 전면 배치하고 원산지·중량을 함께 표기해, 맛과 신뢰를 한 화면에서 전달합니다.
02
소식 · 이벤트 · 오픈 매장
월별 프로모션 소식을 세로 롤링으로, 이벤트와 '이달의 오픈 매장'을 슬라이드로 보여줘 성장하는 브랜드의 현재를 메인에서 바로 확인합니다.
03
보도자료 · 인재채용 섹션
최근 보도자료와 채용 공고를 메인 하단에 함께 노출해, 언론·지원자처럼 목적이 분명한 방문자도 메인에서 바로 원하는 정보에 닿습니다.
04
KOR / ENG / CHN · 온라인 주문
헤더에서 영문·중문 사이트로 전환하고, 온라인 주문과 E-쿠폰 사용을 상설 버튼으로 연결해 국내외 고객을 하나의 사이트에서 응대합니다.
보이지 않는 기능
01
가맹점 전용 게시판
공지사항·이달의 우수 가맹점·자재발주·CEO건의사항을 가맹점 스토리 메뉴로 묶어, 본사와 가맹점의 소통 창구를 운영합니다.
02
소식 · 보도자료 CMS
멕시카나 소식, 보도자료, 프로모션 공지를 게시판으로 운영해 담당자가 직접 등록·노출을 관리합니다.
03
창업 상담 접수
창업 안내와 신규매장 현황, 창업상담 신청을 하나의 흐름으로 구성해, 예비 창업자의 문의를 온라인으로 접수합니다.
04
채용 공고 운영
본사·R&D센터·매장 채용 공고와 상시채용 지원을 게시판으로 운영해, 지원자를 사이트 안에서 바로 받습니다.
05
외부 시스템 연계
온라인 주문·E-쿠폰(spge.kr), 스마트스토어, 카카오 채널, 인트라넷을 본 사이트 동선 안으로 연결했습니다.
06
다국어 · 웹표준
국문·영문·중문 사이트 분리 운영, 원산지 표기와 개인정보 고지 반영.
DESIGN
오래된 브랜드가 아니라,
원조 브랜드로 보여준다
37년의 역사는 낡음이 아니라 원조의 증거여야 합니다.
1세대 브랜드의 신뢰는 지키면서도, 지금의 메뉴와 활기가 화면의 중심이 되도록 시각 언어를 정리했습니다.
메뉴가 주인공인 화면
신메뉴 사진을 크고 선명하게 배치하고 텍스트는 짧은 카피로만 얹었습니다. 설명을 읽기 전에 먹고 싶게 만드는 것이 목표였습니다.
활기찬 브랜드 컬러
멕시카나 특유의 강렬한 컬러를 포인트로 사용해 젊고 에너지 있는 인상을 만들고, 1세대 브랜드의 무거운 이미지를 덜어냈습니다.
짧고 리듬감 있는 카피
'화끈하게! 바삭하게!', '소리까지 와삭하니칸!'처럼 메뉴별 짧은 카피를 대형 타이포로 강조해 메뉴의 개성을 살렸습니다.
신뢰 정보의 명확한 표기
원산지와 원료육 기준 중량을 메뉴마다 같은 위치에 표기해, 맛의 카피 옆에서 신뢰 정보도 함께 읽히게 했습니다.
롤링 · 슬라이드 리듬
소식은 세로 롤링, 이벤트와 오픈 매장은 가로 슬라이드로 움직임을 나눠, 긴 메인에서도 정보 종류가 자연스럽게 구분됩니다.
반응형 재배치
데스크톱의 메뉴 슬라이드와 3단 소식 영역은 모바일에서 스와이프와 세로 스택으로 전환되고, 주문 버튼은 하단에 고정됩니다.
주요 화면
RESULT
무엇이 달라졌는가
| 구분 | BEFORE | AFTER | 의미 |
|---|---|---|---|
| 구조 | 회사 소개 중심 메뉴 | 방문자 유형별 7개 입구 | 고객·창업자·가맹점주·지원자가 각자의 메뉴에서 출발합니다. |
| 동선 | 주문 · 쿠폰 접점 분산 | 온라인 주문 · E-쿠폰 상설 | 주문 의사가 있는 고객이 메뉴를 거치지 않고 바로 이동합니다. |
| 브랜드 | 오래된 브랜드 인식 | 신메뉴 중심 메인 | 원조의 신뢰 위에 지금의 새로움이 먼저 보입니다. |
| 운영 | 가맹점 소통 분산 | 가맹점 스토리 게시판 운영 | 공지·자재발주·건의를 하나의 창구에서 처리합니다. |
