UXUI UI Concept Building Lo-Fi Prototyping, Figma
Tech HTML5, CSS, CSS Preprocessor, Web/App Accessibility, C#, RESTful
API, Swit, Objective-C
Client WATTZ Creative
UXUI UI Concept Building Lo-Fi Prototyping, Figma
Tech HTML5, CSS, CSS Preprocessor, Web/App Accessibility, C#, RESTful
API, Swit, Objective-C
Client WATTZ Creative
쇼핑의 새로운 기준 와츠업

나의 취향에 맞는 스타일을 제안하고,
신진 브랜드들이 팬을 만들며,
나만 알고 싶은 브랜드를
공유하는 라이브 커머스 플랫폼

취향을 발견하고 스타일을
공유하는
라이브 커머스의
새로운 기준을 제안합니다.

와츠업은 2030세대의 트렌드에 민감하며 개성을 중시하는
소비자층을 겨냥한 라이브 커머스 플랫폼입니다.

소비자의 개인적이고 소통 지향적인 쇼핑 특성에 초점을
맞춰, 와츠업은 팬과 브랜드가 실시간으로 소통할 수 있는
공간을 제공하며,
고감도 콘텐츠를 통해 새로운
뉴 힙 컬처를 제안합니다.

와츠업만의 브랜딩을 강화한
UX/UI 제작

라이브 커머스 시장의 후발 주자인 와츠업이 경쟁력을 확보할 수 있도록,
브랜딩을 강화하고 일관성있게 전달하는 것에 집중했습니다.

Brand Core Value
라이브 커머스의 새로운 기준을 제안합니다.

와츠업의 브랜드 핵심 가치는 3가지로 정의되며

이를 바탕으로 디자인 원칙과 전략을 만듭니다.

단순하고 일관성있는

다양한 카테고리와 형식의 콘텐츠에 사용자가 집중하고
몰입할 수 있도록, 공간은 단순한
구조로 설계되어야
합니다. 심플한 구조의 레이아웃을 통해 사용자가 다양한
콘텐츠를
일관된 경험으로 접할 수 있도록 유도합니다.
또한, 정보 제공 방식에 통일성을 부여해
콘텐츠별 정보
습득 단계를 자연스럽게 학습하도록 돕습니다.

정보의 위계를 느낄 수 있는

심플한 레이아웃 안에서 콘텐츠의 감도를 높이기 위해
요소들 간에 깊이감을
느낄 수 있는 구조로 설계합니다.

활동적이고 위트있는

다양한 카테고리의 콘텐츠를 돋보이게 할 효과적인
전달 방식이 필요합니다.
제품의 특징을 잘 드러낼 수
있도록 적합한 무드(컬러)와 모션 또는 영상을 활용해

플랫폼에 생동감을 더합니다.

쇼핑의 새로운 기준, 와츠업
로고를 모티브화하여

위트있는 이미지 전달

와츠업 로고의 12도 기울기를 모티브로 삼아,

새로운 기준을 제시하는 커머스로서의 확장성과
유니크한 이미지를 표현합니다.

3가지 디자인 원칙을 바탕으로
디자인 컨셉 도출

앞서 정의한 핵심 가치와 디자인 원칙을 바탕으로,
유연하게 활용 가능한
디자인 요소와 컴포넌트를 제작하
여 브랜드의 일관성을 유지합니다.

디자인 요소를 정의하여

브랜딩을 일관성있게

앞서 정의한 핵심 가치와 디자인 원칙을 바탕으로,
유연하게 활용 가능한
디자인 요소와 컴포넌트를 제작하
여 브랜드의 일관성을 유지합니다.

컴포넌트를 활용하여

브랜딩을 일관성있게

앞서 정의한 핵심 가치와 디자인 원칙을 바탕으로,
유연하게 활용 가능한
디자인 요소와 컴포넌트를 제작하여
브랜드의 일관성을 유지합니다.

다이나믹한 스케일과

디자인 모티브로

생동감있는 이미지 전달

그래픽 모티브와 모션으로 트렌디한 이미지를 강조한
페이지입니다.
2단 레이아웃과 호버 모션을 활용해 각
콘텐츠에 집중을 유도하며,
적은 콘텐츠 양으로도
효과적인 전달이 가능하도록 설계했습니다.

새로운 브랜드의 발견,

나만의 스타일 공유

다른 사람들의 스타일을 탐색하고, 추천하고 싶은
브랜드나 스타일을 자유롭게
공유하는 공간입니다.
상단의 이미지 태그로 탐색을 유도하고, 이미지 중심
카드
배열로 콘텐츠를 효과적으로 소비할 수 있도록
설계했습니다.

취향에 맞는 브랜드 제안과 탐색

자유로운 소통 커뮤니티

소비자가 관심있는 브랜드, 태그, 커뮤니티를 추천하고

새로운 주제들도 탐색하도록 다양한 영역에서
맞춤 추천 섹션을 제공합니다

Project Manager
Myeongho Yoo
Creative Director
Junu Kim
Project Leader
Ji Lee
UXUI Designer
Chaeyeon Park
Hyewon Shin
Jungwoo Eom
Heeji Park
Developer
Yongho Lee
Sooyoung Song
Minsoo Kim
Hyungwook Jeon
Minjae Kim
Jihoon Kim