Evaluation 평가 - 평가내역

WEB AWARD KOREA evaluation

Home > WEB AWARD KOREA > 평가 > 평가내역

등록정보
타이틀 톰
THOME
서브타이틀 톰 브랜드 자사몰 UX/UI 전면 개편
THOME Brand Official Store UX/UI Redesign
URL https://thomeinc.cafe24.com/skin-skin41 사이트보기
소개 프리미엄 스킨 케어-솔루션 중심의 홈 에스테틱 브랜드 톰의 웹 비주얼 및 커머스 경험 설계
키워드 THOME,K-Beauty,Skincare,Beauty Device,UX/UI,Redesign
제작년월 2025.12
등록구분 데스크탑웹
후보등록분야 생활브랜드 부문 > 화장품
등록분야 목록보기
세부분류 >
소속사 주식회사 앳홈
소속사 제작진
Directing나세훈
PM장주상
디자인최고은
영상송용우
제작사

주식회사 바톤 정보보기
제작사 제작진
PM김지빈
디자인오유진,이해인,최미나
웹사이트 설명 [기획 의도]
톰은 홈 에스테틱 브랜드입니다. 이번 리뉴얼의 목표는 브랜드 컨셉인 'Private Aesthetic'을 디지털 경험으로 제공 하는 것이었습니다. 이를 위해 패션 브랜드의 시각 언어를 뷰티에 적용했습니다. 기능이나 설명보다 제품 이미지 자체의 힘을 통해 본능적으로 끌리는 비주얼로 먼저 사용자에게 몰입을 유도합니다. 이후 정제되고 모던한 UI 레이아웃이 절제된 타이포그래피로 정보를 제시하여, 직관적인 인식과 빠른 구매전환을 유도합니다.

[개선 전략 및 구조]
핵심은 프로그램과 디바이스 중심의 정보 구조입니다. 개별 상품 나열에서 벗어나 광채 솔루션 ‘G-PEEL Program’, 트러블 솔루션 ‘T-PEEL Program’, 대표 뷰티 디바이스 ‘THE GLOW’를 최상위 위계로 배치해 톰만의 차별화된 제품과 아이덴티티를 전달하고자 했습니다. 사용자는 단순 구매가 아니라, 자신에게 맞는 스킨 케어 루틴을 탐색 및 설계할 수 있습니다. Daily Care, Refill, Tools는 보조 카테고리로 배치해 루틴 완성도를 높였고, 불필요한 메뉴를 축소 및 병합해 탐색 기능을 강조하였습니다.

[디자인 및 사용자 경험]
홈 화면은 미니멀 레이아웃, 넉넉한 여백, 고해상도 비주얼, 절제된 전환 인터랙션으로 톰 특유의 정제되고 모던한 패션 뷰티 무드를 일관되게 전달합니다. 이후 큐레이션에서는 “나만의 속도로 변화가 축적되는 힘”이라는 메시지를 따라 프로그램–디바이스–제품을 끊김 없이 추천 해주고 있습니다. 사용자 경험에서 톰만의 고감도의 이미지가 먼저 시선을 사로잡고, 이를 더욱 많이 경험 할수 있는 썸네일 상에서의 호버 인터랙션과 텍스트는 필요한 순간 간결히 보조하는 욕망을 자극하는 구조로 설계 되었습니다.

[UX 설계]
상품 상세는 보기 → 이해 → 신뢰 → 행동 흐름에 맞춰 재배치 되었습니다. 대표 이미지, 사용자 후기·인증, 가격·혜택, 명확한 CTA, 핵심 소구와 행동 유도 요소가 순차적으로 노출됩니다. 모바일에서는 옵션·추가 구성 선택 시 현재 화면을 유지한 채 간단한 하단 선택 창으로 결정하도록 해 이탈을 줄였습니다. 또한 브랜드 제품군의 지속적 확장을 전제로, 카테고리와 SKU가 늘어나도 규칙이 흔들리지 않도록 확장형 스토어 구조(카테고리 규칙, 카드 및 상세 컴포넌트의 모듈화)를 설계해 향후 라인업 확대를 수월하게 대응합니다.

[성과 효과]
리뉴얼을 통해 프리미엄 브랜드로서의 아이덴티티를 명확히 전달하고, '톰다움'을 온전히 경험할 수 있는 디지털 공간으로 거듭났습니다. 톰 자사몰은 패션 브랜드의 비주얼 언어를 뷰티 경험에 적용하고, 프로그램-디바이스 중심 설계를 더해 브랜드 가치와 사용자 경험을 하나로 연결하는 경험 중심 커머스로 변화 되었습니다.
추가이미지
제작/구축 관련 자료 w_202511030836242631402642.pdf




평가의견




동일분야 목록보기 평가하기