대표가 직접 상담하는 쌀국수 프랜차이즈 창업 웹사이트

프리미엄 베트남 쌀국수 전문점 월미당의 가맹 창업 강점과 대표이사가 직접 상담하는 방식을 예비 점주에게 전달하기 위해 구축한 창업 홍보 웹사이트입니다. 메인 화면은 월미당 소개 → 브랜드 경쟁력 → 메뉴 → 매장 안내 → 창업 문의 순으로 이어지며, 창업 비용과 수익 구조, 3일 교육, 영업 반경 같은 핵심 내용을 섹션별로 나누어 보여줍니다. 특히 브라운과 베이지의 따뜻한 컬러에 손글씨 느낌의 서체를 더해 국수 한 그릇의 친근한 이미지를 살렸고, 하단 고정 상담바와 창업 문의 폼으로 상담 신청이 끊기지 않도록 했습니다.

#월미당
#베트남쌀국수
#쌀국수프랜차이즈
#프랜차이즈창업
#소자본창업
#창업상담
#매장안내
#창업홈페이지
#반응형웹
#UIUX

Client: 월미당
Category: 랜딩

Design Concept

한 그릇의 신뢰를 창업으로

창업을 고민하는 예비 점주가 가장 궁금해하는 비용, 수익, 교육, 지원을 한 화면 흐름 안에서 확인하도록 하는 것을 출발점으로 삼았습니다.
브라운과 베이지의 따뜻한 컬러에 노란 포인트를 더하고 손글씨 느낌의 서체를 사용해, 국수 한 그릇처럼 친근하면서도 힘 있는 브랜드 인상을 만들었습니다.
또한 NO.1부터 NO.4까지 선택 이유를 번호로 나누고 수치를 큰 숫자로 보여주어 긴 스크롤에서도 핵심 정보를 놓치지 않도록 설계했습니다.

Design Elements

01

번호로 정리한 선택 이유

창업비용, 회전율, 입문 장벽, 인건비를 NO.1~NO.4 카드로 나누어 보여줍니다.
예비 점주가 월미당을 선택하는 이유를 빠르게 비교할 수 있습니다.
02

숫자로 보여주는 수익 구조

순수익, 투자금 회수 기간, 평균 임대료, 운영 평수를 큰 숫자 위주로 배치했습니다.
긴 설명 없이도 사업 구조를 한눈에 파악할 수 있습니다.
03

메뉴와 매장 안내

대표 메뉴를 사진과 설명으로 소개하고 전국 매장의 이름과 주소를 목록으로 정리했습니다.
브랜드의 맛과 운영 현황을 함께 확인할 수 있습니다.

Responsive

디바이스 대응

PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.

Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일

Design System

컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.

Colors

Main Color#AA6938

Sub Color#EBD8B3

Point Color#F8B62D
Dark Brown#231815
Charcoal#222222
Mid Gray#7F7F7F
Light Gray#E6E6E6
White#FFFFFF

Typography

Aa 가나다 Cafe24 Ohsquare

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Weight

가나다 Aa
가나다 Aa

Regular · Bold

Aa 가나다 Pretendard

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Weight

가나다 Aa
가나다 Aa

Regular · Bold

Aa 가나다 GmarketSans

가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Weight

가나다 Aa
가나다 Aa

Regular · Bold

Main Page

메인 페이지

첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.

www.example.com

스크롤하여 전체 보기 ↓

Sub Page

서브 페이지

주요 서브 페이지를 같은 규칙으로 설계했습니다.

02 Pages

대표가 직접 상담하는 쌀국수 프랜차이즈 창업 웹사이트 서브 페이지 1 — Sub Page 블로그 페이지 01

대표가 직접 상담하는 쌀국수 프랜차이즈 창업 웹사이트 서브 페이지 2 — Sub Page 인사이트 페이지 02

Note

창업 정보 콘텐츠를 같은 규칙의 게시판으로 확장할 수 있도록 설계했습니다.

창업 성공 사례, 창업 정보, 매장 이야기, 본사 지원 혜택을 하나의 블로그 게시판에서 분류로 나누어 관리합니다.
서브 페이지도 메인과 같은 베이지 헤더와 하단 상담 영역을 유지해 사이트 안의 일관성을 지켰습니다.

Grid: 블로그 글을 분류별 목록으로 정리해 원하는 창업 정보를 찾기 쉽게 했습니다.
Header: 상단 고정 헤더에서 월미당·브랜드경쟁력·메뉴·매장·창업안내와 블로그로 이동할 수 있습니다.
CTA: 전화번호와 창업 문의 폼으로 이어지는 상담 영역을 메인과 하위 페이지에 일관되게 두었습니다.

Mobile

모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.

Bottom Bar

하단 고정 상담바대표 전화번호와 창업 문의를 화면 하단에 상시 노출

접히는 상단 메뉴좁은 화면에서는 헤더 메뉴를 정리해 섹션으로 바로 이동

Optimization

Menu

PCMenu · 상단 고정 헤더에 5개 섹션 메뉴와 블로그 배치

MOMenu · 좁은 화면에 맞춰 접히고 펼쳐지는 메뉴
Layout

PCLayout · 사진과 문구를 좌우로 나눈 섹션 구성

MOLayout · 사진과 문구를 세로로 쌓은 1단 구성
Typography

PCTypography · 손글씨 느낌의 큰 헤드라인과 숫자 강조

MOTypography · 줄바꿈을 고려해 크기를 줄인 헤드라인
Image

PCImage · 메뉴 사진과 매장 사진을 크게 사용

MOImage · 화면 폭에 맞춰 비율을 유지한 사진