대교 강원심층수 '천년동안' 브랜드 쇼핑몰 UX/UI 구축

Client.

대교

Work.

Planning, UI Design, Publishing

Production.

WEB

Device.

PC, Smartphone

Period.

20.04~20.07

Project Overview.

대교그룹의 해양심층수 전문기업 ‘강원심층수’가 자사의 대표 브랜드인 ‘천년동안’ 심층수 판매를 위한 쇼핑몰 웹사이트 개발을 위해 UXstory와 함께했습니다.
다양한 형태의 배너와 퀵메뉴 등을 배치하여 상품을 구매하고 쇼핑몰을 이용할수 있도록 기획 및 디자인했습니다.


강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축1
강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축2
강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축3
강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축4
강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축5
강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축6
강원심층수 '천년동안' 브랜드 쇼핑몰 웹사이트 UI/UX 구축7


깨끗함의 깊이가 다른 물, '천년동안'


강원심층수의 '천년동안' 브랜드 쇼핑몰은 자사 해양심층수의 우수한 가치를 전달하고 직접 판매를 강화하기 위한 D2C 이커머스 웹사이트입니다. 기존 영업 및 소개형 채널 구조에서는 방문 고객이 제품 라인업을 한눈에 파악하기 어려웠고, 상품 구매 및 정기배송 신청으로 이어지는 과정에 탐색 마찰이 존재했습니다. 이에 브랜드 정체성을 극대화함과 동시에 정기배송과 일반 구매를 유기적으로 지원하는 자사몰 구축이 필요했습니다.
   
유엑스스토리(UXstory)는 깨끗하고 맑은 톤앤매너를 적용하여 신뢰감을 주는 쇼핑 UX를 설계했습니다. 메인 화면 상단에 프로모션 배너와 정기배송 서비스 영역을 우선 배치하고, 탭 메뉴와 고정 퀵메뉴를 통해 사용자가 어느 위치에서든 원하는 상품 카테고리와 이벤트로 진입하도록 경로를 최적화했습니다. 또한, PC와 모바일 환경 모두에 최적화된 상품 상세 페이지와 간편 결제 및 정기배송 신청 프로세스를 구현했습니다.
   
해양심층수의 청량함을 연상시키는 블루 테마와 상품 카드 UI, 이커머스 전용 타이포그래피를 정립하여 브랜드 디자인 시스템을 구축했습니다. 이를 통해 메인 프로모션 확인부터 정기배송 신청까지 이어지는 구매 단축 동선을 완성하여 자사몰 구매 전환율을 높이고, 신규 및 기존 고객 모두에게 편안하고 직관적인 쇼핑 경험을 완성했습니다.


Key Features

- 프로모션 중심 메인 배너: 자동 슬라이드 메인 배너 및 중간 배너를 통한 기획전 시인성 강화
- 정기배송 서비스 전용 UX: 콘텐츠 최상단 배치 및 간편 신청/멤버십 혜택 프로세스 연동
- 직관적인 탭 메뉴 & 카테고리: 상품 카테고리별 탭 구분과 시인성 높은 큰 이미지 배치
- 모바일 최적화 쇼핑 동선: PC와 모바일 환경 모두에서 끊김없는 구매 및 정기결제 프로세스
- 이커머스 브랜드 디자인 시스템: 해양심층수의 청정함을 담은 블루 톤앤매너 및 쇼핑 UI 컴포넌트 정립