숲소리 홈페이지 리뉴얼 프로젝트
Sound of the forest
Project
Overview 1
숲소리는 원목 교구로 시작해, 섬세한 가공 디테일과 부드러운
라운드 마감으로 브랜드만의 감성을 구축해왔습니다.
이번 리뉴얼 프로젝트는 단순한 쇼핑몰 개선이 아닌,
교구 브랜드에서 프리미엄 라이프스타일 가구 브랜드로 확장하기 위한
브랜드 경험 재정립에 초점을 맞췄습니다.
What we need 2
기존 홈페이지는 제품 정보 탐색 흐름이 명확하지 않고,
브랜드의 프리미엄 가치와 감성을 충분히 전달하지 못하고 있었습니다.
이에 브랜드와 쇼핑 경험을 자연스럽게 연결하고, 감각적인 콘텐츠와 비주얼 중심의 구조를 통해
제품 경험 자체를 강화하는 방향으로 리뉴얼을 진행했습니다.
01
브랜드와
쇼핑 경험의 통합- 브랜드 페이지와 쇼핑몰이 분리되어
있던 기존 구조를 개선하여,
브랜드 감성과 제품 경험이 하나의
흐름으로 이어지는 구조가 필요했습니다.
02
제품 탐색 중심의
UX 개선- 단순 구매 유도가 아닌, 제품을 깊이 있게
경험할 수 있는 콘텐츠 중심 UX가
요구되었습니다.
03
프리미엄
이미지 강화- 메인 화면에서 가격을 전면 노출하기보다,
브랜드의 무드와 제품 디테일을 먼저
경험하게 하여 고급 가구 브랜드로서의
인식을 강화하고자 했습니다.
04
브랜드
확장성 확보- 원목 중심의 기존 이미지에
국한되지 않고, 향후 컬러 가구 및
다양한 라이프스타일 제품군까지
자연스럽게 확장될 수 있는
유연한 디자인 시스템이 필요했습니다.
브랜드 감성과 제품 경험을 효과적으로 전달할 수 있는 프리미엄 중심의 콘텐츠형 구조로 개선
Forest
ExperienceGoal
숲소리만의 감성과 디테일을 담은 브랜드 리뉴얼
기존 HCT 홈페이지는 많은 정보를 한꺼번에 제공하고 있었지만, 그렇기 때문에 방문자는 방문 목적에 맞는 경로로 직접 찾아 들어가야만 했습니다.
HCT 홈페이지를 일방향적인 선언적 구조에서 양방향 소통의 구조로 재편할 필요가 있었습니다.
- AS-IS
- 제품 정보와 브랜드 경험이 분리되어 있어
브랜드의 감성과 프리미엄 가치 전달이 부족했습니다.
- TO-BE
- 브랜드 스토리와 제품 경험이 자연스럽게 연결되는
콘텐츠 중심의 프리미엄 브랜드 플랫폼으로 개선했습니다.
Strategy 3
Renewal
Keywords 4
01
Premium
- 브랜드 경험을 우선으로 전달하는
프리미엄 무드
02
Rounded
- 숲소리만의 부드러운
라운드 디테일을 반영한 디자인
03
Modular
- 모듈 가구의 구조감을 담은
정돈된 레이아웃
04
Forest
- ‘숲’을 현대적으로 재해석한
브랜드 세계관과 컬러 무드
Design
System 5
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.
Color
Deep Forest Green#092729
Warm Orange#F56438
Neutral Beige#EDECE8
Typeface
나무 향 가득 우리 아이 첫 침대,
스토리 유아침대
Pretendard
Story Kids Bed
Your Child’s First Bed
Jost
Product PAGES.
제품의 실제 사용 사진과 상세컷 이미지를 동시에 노출시켜 사용자가 한눈에 제품 의도를 파악 할 수 있게 돕고,
구매 과정에서 어려움을 겪지 않도록 깔금한 인터페이스를 구성하였습니다.
핵심적인 내용은 상단에 배치하여 한눈에 들어오는 구조로 구성하고
이외의 기능들도 파악하기 쉬운 레이아웃으로 구성하였습니다.
OTHER PAGES.
심플하고 쉬운 UI를 서브페이지에도 적용합니다.
다른 스타일의 구성을 몇몇 페이지에 적용하여 재미 요소를 더합니다.
mobile PAGES.
PC와 동일한 콘텐츠를 모바일 환경에서도
불편함 없이 최적화하여 볼 수 있도록 구성하였습니다.
Renewal
Sound of the forest
Credits
Director
- Baek GwangJong
Product Manager
- An KyungMin
Design
- Han SeHui
- Kim MiJoo
Development
- Lee MinKyung
- Joo D.H
- Moon SeoHee