Musigner
- AE
- Kibbuem Oh Minji Kim
- AD
- Sojeong Shin
- DEV
- Bora Im
- JiYoon Byeon
Brand / Company Site Reniewal Project 
SIMPLE
SWEET
SOFTSIMPLESWEETSOFTSIMPLESWEETSOFT
SIMPLE
SWEET
SOFTSIMPLESWEETSOFTSIMPLESWEETSOFT
01 Overview
전국 280여 개 매장을 둔 대형 제과제빵 프랜차이즈 기업 홍루이젠의 브랜드사이트와 기업사이트를 리뉴얼한 프로젝트입니다.
홍루이젠의 다양한 제품과 브랜드를 소개하는 브랜드사이트와 창업예정 점주님들의 가맹상담을 위한 기업사이트를 연동해
사이트 방문자의 접근성을 향상시킨 것이 특징입니다.
통통튀는 인터렉션으로 홍루이젠의 톤앤무드를 표현해 전반적으로 브랜드 아이덴티티를 강화시켰고
신메뉴나 프로모션 관련 콘텐츠 업데이트가 많아 관리자가 편리하게 운영할 수 있도록 제작했습니다.
브랜드 아이덴티티
강화를 위한
디자인 디벨롭
각 사이트의 사용자와
이용 목적에 적합한
컨텐츠 구성
02 Design Concept
‘심플하고 스윗한 소프트 샌드위치 홍루이젠’의 슬로건에 걸맞게 사이트 내에서 홍루이젠의 무궁무진한 매력을 느낄 수 있도록 다양한 컬러와 통통 튀는 활기찬 인터랙션을 활용하였습니다. 또한, 신선한 재료로 당일 생산·당일 폐기의 원칙을 지키고 있는 홍루이젠의 장점을 부각시키기 위하여 신선함이 돋보이는 원재료 이미지를 사이트 곳곳에 활용하여, 홍루이젠의 아이덴티티를 부각시켰습니다.
03 Typography
04 Color System
#CE403D R:206 / G:64 / B:91 C:3 / M:93 / Y:76 / K:0 PANTONE 1788C
#3B2120 R:59 / G:33 / B:32 C:67 / M:85 / Y:79 / K:55 PANTONE 4975C
#DF8F9B R:223 / G:143 / B:155 C:0 / M:58 / Y:22 / K:0 PANTONE 1775C
#EFC150 R:239 / G:193 / B:80 C:0 / M:30 / Y:84 / K:0 PANTONE 123C
05 Main
화면 전환 시, 주변 요소들이 둥둥 떠다니는 인터랙션을 활용한 영역으로, 메인 배너를 심플하고 부드럽지만 발랄한 톤앤매너로 비주얼라이징하였습니다.
06 Product
각 메뉴를 구성하는 원재료를 아이콘과 함께 배치하여 소비자가 원하는 정보를 쉽고 빠르게 습득할 수 있으며,
호버 시, 배경 이미지가 바뀌는 인터랙션으로 시각적 즐거움을 더하여 홍루이젠 각 메뉴들의 장점을 부각시켰습니다.
07 GNB
베이커리 메뉴판을 연상시키는 디자인으로 GNB 영역을 구성하여 사이트맵을 제공하여 소비자에게 메뉴를 고르는 듯한 경험을 제공합니다.
07 Mobile Screen
홍루이젠의 다양한 메뉴를 상품 리스트 형식으로
메뉴 이미지 썸네일과 메뉴의 한줄 설명을 함께 볼 수 있어
사용자가 전체적인 메뉴를 쉽게 이해할 수 있습니다.
각 제품별로 상세설명,가격, 영양 및 알레르기 정보를 고지해두었고
해당 내용은 SNS로 공유할 수 있게 했습니다.
신제품과 시즌별 프로모션 정보를 볼 수 있는 브랜드관입니다.
Sorting 기능으로 원하는 콘텐츠를 골라 볼 수 있습니다.
Musigner Talk
Oh Ki-bbeum Communication dept
Kim Min-JiPlanning dept
Shin So-jeongDesign dept
Byeon Ji-yoonWeb Dev dept
Lim Bo-raWeb Dev dept
늘 성장을 거듭하는 모습을 보여주었습니다. 사용자에게 새로운 모습을 보여주고자 노력하는 고객사를 만나 프로젝트 뿐 아니라 개인적으로도
영감을 많이 받았고, 브랜드의 성장과 새로운 시도를 웹사이트에 녹여내고자 노력했습니다.
제품과 브랜드 소개가 중요한 일반 사용자와 가맹정보가 중요한 파트너 사용자로 구분되는 타겟층을 고려하여 브랜드 사이트와 기업 사이트를 나누되,
브랜드 아이덴티티를 보여줄 수 있는 일관된 UI와 인터랙션 뿐 아니라 통일된 컬러, 가이드 사용으로 완성도를 높이는데 중점을 두었습니다.