안녕하세요~!
20년노하우, 국내 최다 홈페이지 제작 매스티지입니다^^
![](https://t1.daumcdn.net/keditor/emoticon/friends1/large/001.gif)
오늘은 이색적인 선술집 외식문화를 대중화시키는
감성 로바다야끼 선술집
일월육일
반응형홈페이지를 소개해드리려고합니다:)
![](https://blog.kakaocdn.net/dn/AKC8D/btsIlafxUpP/iOOUPElobUbRJSD2X9A8oK/img.jpg)
![](https://blog.kakaocdn.net/dn/biGiRs/btsIklogkJy/KGXuGLCLd2lqvmEVnKbZ31/img.jpg)
일월육일은
2020년 오픈한 감성 로바다야끼 선술집으로,
이색적인 선술집 외식물화를 대중화시키며
현재 전국적으로 많은 가맹정을 보유하고 있는
정통 로바다야끼 일식 프랜차이즈 기업입니다.
로바다야끼를 기반으로 한 창의적인 메뉴 개발과 독특한 분위기로
고객분들에게 색다른 외식 경험을 제공하고 있습니다.
![](https://blog.kakaocdn.net/dn/2mHRl/btsIlAY3S3h/EQ7KeTX1QXQ5quQXBU6jt0/img.jpg)
감성적인 분위기를 추구하는 독특한 인테리어로
고급스러움과 아늑함을 동시에 느낄 수 있는
일월육일에서 고객분들이 일상에서 벗어나
특별한 시간을 즐길 수 있는 기회를 제공합니다.
[메인페이지]
![](https://blog.kakaocdn.net/dn/qIUf3/btsImMdecBt/Rk7QLXc5pyYVkkG4R0xMnK/img.gif)
와이드한 풀페이지 형태의 레이아웃으로 전체적인 구조를 잡았는데요!
보다 넓은 화면 공간 활용으로 기업의 음식이 잘 보일 수 있도록 제작되었어요.
브랜드가 잘 소개할 수 있는 기업 스토리, 메뉴소개, 매장안내, 가맹문의 등의
컨텐츠를 구성하고 각 컨텐츠를 부각시키는 레이아웃으로
고객유치와 가맹점주 유치에 효율적이고
효과적인 마케팅이 될 수 있도록 구성했답니다^^
![](https://blog.kakaocdn.net/dn/lDhIk/btsInlfm8m3/ytCVeN019G0CRCNmUssCm0/img.jpg)
전체적인 컬러는 무채색의 블랙 컬러와 로고 BI, 레드 컬러를 활용하여
일본 선술집과 잘 어울리는 일식풍의 느낌이 나도록 디자인했고,
블랙 백그라운드에 레드 컬러 포인트로 고급스러우면서
눈에 확 띄는 일식 프랜차이즈 브랜드를 강조했답니다.
![](https://blog.kakaocdn.net/dn/WxnR5/btsImM5nj9j/ykSGA6f48OdfeveXUP6ymK/img.gif)
![](https://blog.kakaocdn.net/dn/bQXkhU/btsIklPkWqa/m96j5cbIorznlBinLKFfTk/img.gif)
가게의 내부 모습과 신선한 재료,
음식 조리 과정을 영상으로 만들어 메인 비주얼로 제작했습니다.
사용자가 홈페이지에 접속하자마자
브랜드 소개를 영상으로 쉽게 파악할 수 있어
빠른 정보 획득이 가능하고 고객과의 신뢰감을 생성할 수 있도록 제작되었으며
우측에 고정되는 가맹문의 탭을 만들어 클릭하면 !
원하는 페이지로 이동되어 가맹을 빠르게 할 수 있 접근성을 높여 제작했어요.
[상단 GNB 영역]
![](https://blog.kakaocdn.net/dn/x5IPu/btsInk1OW7k/pZnBsT83Mlo3rCljqoKre0/img.gif)
상단에 마우스 스크롤에 상관없이 고정되는 GNB 영역의 레이아웃을
블랙 컬러의 백그라운드로 구성하여 내비게이션 가독성을 높였고,
내비게이션 메뉴에 마우스 오버시 포인트 컬러로 변하도록 제작되었답니다^^
![](https://blog.kakaocdn.net/dn/JkHo7/btsIlCJp9vN/bkLk1rkJ0EiTlXg1c0Icn1/img.png)
바탕체, 궁서체 같은 폰트 사용으로
일식 선술집의 전통성을 보여주는 것에 초점을 맞춰 제작했습니다:)
좌측에 기업 BI 로고가 크게 들어가고
우측에 브랜드 스토리를 넣었답니다.
![](https://blog.kakaocdn.net/dn/bMgzPr/btsIkDPKriz/a8YaYzatkORWMeSzApraNK/img.gif)
다양한 메뉴들을 소개하는 컨텐츠로 자동재생되는
슬라이드 형식의 레이아웃으로 제작되었어요.
질감이 느껴지는 일식풍 이미지의 백그라운드를 깔고
테이블 위에 음식을 배치한 메뉴 사진을 배치했습니다.
좌우 화살표를 클릭해 직접 다양한 메뉴를 빠르게 확인할 수 있으며
또, 해당 메뉴를 클릭하면 메뉴 상세페이지로 이동하게된답니다^^
![](https://blog.kakaocdn.net/dn/AIxRX/btsIlXzOUls/Wx76iJlb7z7dzv3uxKniXk/img.gif)
전국에 있는 매장을 소개하는 컨텐츠로 마우스를 드래그하여
각 매장을 찾아볼 수 있으며, 해당 매장을 클릭하면
자세한 위치와 해당 지점의 주소, 영업시간, 전화번호 등
상세 내용을 확인하는 상세페이지로 이동이 가능합니다:)
![](https://blog.kakaocdn.net/dn/xjcOm/btsIlgmgeie/Ij6BWWtEW291Whyvmt3G9k/img.png)
![](https://blog.kakaocdn.net/dn/un9Y2/btsImeVvzcM/KKY2zmvAmvQc3DuYRoEfIK/img.png)
정통성이 느껴지는 이미지와 어울리는
전통문양의 디자인을 활용했어요.
강조되는 포인트 컬러로 색감 대비를 높여
눈에 확 띄고 강렬한 인식을 심어줌으로써
호기심이 생기고 가맹문의가 유도되도록 제작했답니다~^^
[서브페이지]
![](https://blog.kakaocdn.net/dn/cVF5D3/btsIkEnB7WK/PQR7Vk39zAXFt4wjfBWZMk/img.png)
![](https://blog.kakaocdn.net/dn/bcoOX7/btsIlV2282e/w01PN0rp59Of9xKjjwUs90/img.png)
상단 탭메뉴를 만들어 추천메뉴, 구이, 탕 등 카테고리를 설정해
원하는 메뉴를 손쉽게 확인 가능하도록 제작했답니다.
그리고 하단에 메뉴사진과 요리 이름을 크게 넣어
정보획득이 용이하게 만들었습니다:)
[가맹안내페이지]
![](https://blog.kakaocdn.net/dn/dELhw6/btsIk0RtXeh/OhW5uOB5pUti9xMK8DBT00/img.png)
기존 블랙 백그라운드에 포인트 컬러를 사용하여 컨텐츠를 만들었습니다.
더 많은 매스티지의 이야기는 홈페이지에서 보실 수 있습니다^^
매스티지는 전문 프로세스를 통한 다양한분야의 반응형홈페이지 제작 경험과
성공적인 사례로 각종 홈페이지 제작 어워드에 수상을 받을만큼
고객과의 신뢰를 구축하고있습니다.
매스티지의 20년노하우를 믿고,
함께 웹사이트를 구축하고 싶으시다면 언제든지 연락 주시기 바랍니다^^
개별상담을 통해 보다 자세한 제안을 드리겠습니다. 감사합니다~!
▼ 홈페이지 제작 및 문의▼
'포트폴리오[프랜차이즈]' 카테고리의 다른 글
[블랙모티브] 고객유치 성공률을 높이는 프랜차이즈 반응형홈페이지제작, 매스티지! (1) | 2024.07.05 |
---|---|
[디델리] 프랜차이즈 홈페이지 리뉴얼, 소비자의 입맛을 자극하는 라볶이 전문점 반응형홈페이지제작 (4) | 2024.07.03 |
[걸작떡볶이치킨] 18년도부터 함께 시작된 반응형프로젝트/ 브랜드성장에따라 이미지에 맞는 프랜차이즈홈페이지제작 노하우 (0) | 2024.06.20 |
[XOXO 핫도그커피]프랜차이즈홈페이지제작,뛰어난 기술 인력으로 진행되는 반응형프로젝트 잘하는 매스티지 (0) | 2024.06.18 |
[버거앤프라이즈] 프랜차이즈홈페이지 반응형-고객유치에 유리한 웹싸이트구축/ 매스티지가 쌓아온 20년의 경험이 보여줍니다 (0) | 2024.06.18 |