홈페이지
모바일
랜딩페이지
디자인
진행중인 프로젝트순대고집 반응형
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹)
메인 화면 기획 및 브랜드 신념 중심 랜딩 구성
[메인 화면 기획]
'고집으로 평정하다' 붓글씨 슬로건과 김이 오르는 순대국 비주얼을 첫 화면에 배치하고,
국내산 냉장육과 직접 담그는 겉절이 등 맛에 대한 고집을 이야기로 풀어 브랜드 신념을 먼저 전달하도록 기획했습니다.
이어서 운영 포인트 5가지, 가맹점 매출 현황, 대표 메뉴, 고객 후기, 창업 절차, 가맹 비용, 가맹점 현황 순으로 예비 창업자가 확인할 정보를 단계적으로 쌓아
가맹 상담 신청까지 한 페이지 안에서 자연스럽게 이어지도록 구성했습니다.
메인 디자인 시스템
[메인 디자인]
로고 낙관의 진한 레드와 다크 브라운을 메인 컬러로 삼고,
한지 텍스처 배경과 붓글씨 서체를 섹션 타이틀 전반에 적용해 전통 국밥 브랜드다운 정갈하고 묵직한 톤을 완성했습니다.
어두운 배경 위에 탑뷰 음식 사진과 누끼 메뉴 이미지를 크게 배치해 음식의 질감과 푸짐함이 먼저 눈에 들어오도록 했으며,
원형 아이콘과 낙관 모티프로 정보 영역에도 브랜드 색을 일관되게 이어갔습니다.
콘텐츠 디자인 및 정보 구조
[콘텐츠 디자인]
가맹점 매출 현황은 매장 외관과 내부 사진을 나란히 두고
최고 매출·평수를 함께 표기해 실제 운영 성과를 객관적으로 보여주도록 구성했습니다.
창업 절차는 9단계를 하나의 길처럼 이어진 타임라인으로, 가맹 비용은 스프링 메모지 형태로 시각화했으며,
전국 가맹점 현황은 매장 사진과 위치 확인 버튼을 카드형으로 정리해 브랜드 규모와 신뢰를 한눈에 전달했습니다.
웹사이트 UX/UI 최적화
[웹사이트 UX/UI]
원페이지 구조에 순대고집·노하우·가맹사업·매출현황 등 앵커 메뉴를 두어 원하는 섹션으로 바로 이동할 수 있게 하고,
헤더 우측에 가맹 상담 전화번호를 상시 노출했습니다.
화면 하단에는 이름·지역·전화번호만 입력하는 가맹 상담 신청 폼을 고정해
PC와 모바일 어디서든 스크롤 중 즉시 상담을 남길 수 있도록 전환 접점을 설계했습니다.
상담요청
