Logger Script 홍루이젠 view - MUSIGN
VIEW
닫기

Give us a challenge, we dig that.
Our doors are always open.

FILE

BRAND/COMAPNY SITE RENEWAL PROJECT

  • Simple
  • Sweet
  • Soft

Honruizhen brand and company website renewal project

Musigner

Ae
Kibbuem Oh
Minji Kim
Ad
Sojeong Shin
Dev
Bora Im

Worked period

  • SIMPLE
  • SWEET
  • SOFT
  • SIMPLE
  • SWEET
  • SOFT
  • SIMPLE
  • SWEET
  • SOFT
  • SIMPLE
  • SWEET
  • SOFT
  • SIMPLE
  • SWEET
  • SOFT
  • SIMPLE
  • SWEET
  • SOFT

HONGRUIZHEN

하나의 샌드위치에 담긴 수많은 매력

01 Overview

전국 280여 개 매장을 둔 대형 제과제빵 프랜차이즈 기업 홍루이젠의 브랜드사이트와 기업사이트를 리뉴얼한 프로젝트입니다.

홍루이젠의 다양한 제품과 브랜드를 소개하는 브랜드사이트와 창업예정 점주님들의 가맹상담을 위한 기업사이트를 연동해
사이트 방문자의 접근성을 향상시킨 것이 특징입니다.

통통튀는 인터렉션으로 홍루이젠의 톤앤무드를 표현해 전반적으로 브랜드 아이덴티티를 강화시켰고
신메뉴나 프로모션 관련 콘텐츠 업데이트가 많아 관리자가 편리하게 운영할 수 있도록 제작했습니다.

Company Site

브랜드 아이덴티티
강화를 위한
디자인 디벨롭

각 사이트의 사용자와
이용 목적에 적합한
컨텐츠 구성

Brand Site

SANDWICHES DESSERT DRINK

BRAND
  • COMPANY
  • BRAND
  • COMPANY
  • BRAND
COMPANY

02 Design Concept

‘심플하고 스윗한 소프트 샌드위치 홍루이젠’의 슬로건에 걸맞게 사이트 내에서 홍루이젠의 무궁무진한 매력을 느낄 수 있도록 다양한 컬러와 통통 튀는 활기찬 인터랙션을 활용하였습니다.
또한, 신선한 재료로 당일 생산·당일 폐기의 원칙을 지키고 있는 홍루이젠의 장점을 부각시키기 위하여 신선함이 돋보이는 원재료 이미지를 사이트 곳곳에 활용하여 홍루이젠의 아이덴티티를
부각시켰습니다.

03 Typography

04 Color System

  • HUNG RUI CHEN RED

    #CE403D
    R:206 / G:64 / B:91
    C:3 / M:93 / Y:76 / K:0
    PANTONE 1788C

  • HUNG RUI CHEN BROWN

    #3B2120
    R:59 / G:33 / B:32
    C:67 / M:85 / Y:79 / K:55
    PANTONE 4975C

  • HUNG RUI CHEN PINK

    #DF8F9B
    R:223 / G:143 / B:155
    C:0 / M:58 / Y:22 / K:0
    PANTONE 1775C

  • HUNG RUI CHEN YELLOW

    #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

MOBILE
MENU

홍루이젠의 다양한 메뉴를 상품 리스트 형식으로
메뉴 이미지 썸네일과 메뉴의 한줄 설명을 함께 볼 수 있어
사용자가 전체적인 메뉴를 쉽게 이해할 수 있습니다.
각 제품별로 상세설명,가격, 영양 및 알레르기 정보를 고지해두었고
해당 내용은 SNS로 공유할 수 있게 했습니다.

BRAND

신제품과 시즌별 프로모션 정보를 볼 수 있는 브랜드관입니다.
Sorting 기능으로 원하는 콘텐츠를 골라 볼 수 있습니다.

HONGRUIZHEN
홍루이젠

11 Review

Oh Ki-bbeum Communication dept.

홍루이젠 사이트를 준비하는 동안, 뮤자인에서 웹 기획 및 개발 제안을 드린 만큼 홍루이젠도 꾸준히 신제품 출시와 프랜차이즈 확장 등
늘 성장을 거듭하는 모습을 보여주었습니다. 사용자에게 새로운 모습을 보여주고자 노력하는 고객사를 만나 프로젝트 뿐 아니라 개인적으로도
영감을 많이 받았고, 브랜드의 성장과 새로운 시도를 웹사이트에 녹여내고자 노력했습니다.
제품과 브랜드 소개가 중요한 일반 사용자와 가맹정보가 중요한 파트너 사용자로 구분되는 타겟층을 고려하여 브랜드 사이트와 기업 사이트를 나누되,
브랜드 아이덴티티를 보여줄 수 있는 일관된 UI와 인터랙션 뿐 아니라 통일된 컬러, 가이드 사용으로 완성도를 높이는데 중점을 두었습니다.

Kim Min-JiPlanning dept.

다양한 메뉴 종류만큼 콘텐츠가 풍부했던 프로젝트입니다.
특히 기업사이트에는 예비 창업주가 가맹점을 개설하기 위해
필요한 고관여 정보 콘텐츠를 포함하기에 가독성과
쉽게 이해할 수 있도록 기획했습니다.

Shin So-jeongDesign dept.

홍루이젠의 브랜드 아이덴티티를 부각시킬 수 있는
디자인 에센스와 인터랙션을 고민하며 작업했던 시간은
잊지 못할 경험이 될 것 같습니다.
사이트에 방문하는 것만으로도 방문자에게 홍루이젠의
밝고 명랑한 에너지가 전달되었으면 좋겠습니다. :)

Byeon Ji-yoonWeb Dev dept.

홍루이젠은 남녀노소 전연령대의 사랑을 받기 때문에
너무 화려하거나 복잡한 기능 보다는 모두가 보기 편하고 쉽게
표현하는 것이 좋겠다고 생각했습니다.
그래서 버튼을 일일이 누르지 않아도 되고 자연스럽게 표현될 수 있는
스크롤과 마우스 호버로 인터렉션을 구현했고 사용자들이 힘을
들이지 않고도 다양한 정보를 얻어갈 수 있게 된 것 같습니다.

Lim Bo-raWeb Dev dept.

'심플,스윗,소프트' 라는 브랜드 이미지를 극대화 시켜주기 위해
단순하면서 부드럽고 친근한 인터렉션으로 구현했습니다.
사이트의 전체적인 무드와 너무 잘 어울려서 만족스럽네요.