keelson.

App · Commerce

SHOWNY

짧은 영상으로 옷을 파는 앱.

브랜딩 · CI / BI · 웹 개발 · 팝업·행사

서비스와 화면 설계

쇼니버스 재직 중 제작한 프로젝트입니다.

짧은 패션 영상과 착장 상품, 배틀, 개인 피드를 한 흐름으로 연결한 쇼니 앱입니다. 영상을 보며 상품을 확인하고, 스타일을 등록하거나 배틀에 참여하고, 관심 있는 계정의 피드를 탐색할 수 있도록 구성했습니다.

영상에서 시작하는 쇼핑

짧은 패션 영상을 보다가 화면에 연결된 착장 상품을 바로 확인할 수 있습니다. 콘텐츠 감상과 상품 탐색이 끊기지 않도록 한 화면 안에 두 흐름을 배치했습니다.

SHOWNY 앱 화면 · 영상과 착장 상품

착장 상품에서 개인 상점까지

영상 위에서 착장 상품 목록을 펼치고, 개인 상점에서는 대표 이미지와 판매 상품을 살펴볼 수 있습니다. 콘텐츠에서 상품과 판매자 정보로 자연스럽게 이어집니다.

SHOWNY 앱 화면 · 착장 상품과 개인 상점

두 착장을 비교하는 배틀

두 스타일을 나란히 넘겨 보며 마음에 드는 착장에 투표할 수 있습니다. 진행 단계와 득표율, 착장에 연결된 상품을 한 화면에서 확인합니다.

SHOWNY 앱 화면 · 아웃핏 배틀 투표

콘텐츠에서 배틀 참여까지

배틀 홈에서는 참여 안내와 연결 상품을 배너로 소개합니다. 선명한 색의 참여 영역과 상품 탐색 영역을 나누어 다음 행동을 쉽게 고를 수 있도록 했습니다.

SHOWNY 앱 화면 · 배틀 참여와 상품 탐색 배너

개인의 스타일을 모은 프로필

프로필에서 게시물과 팔로워 정보를 확인하고, 피드 격자로 스타일 콘텐츠를 한눈에 살펴볼 수 있습니다. 계정 정보와 콘텐츠 탐색을 한 화면에 정리했습니다.

SHOWNY 앱 화면 · 프로필과 스타일 피드

취향에 맞는 콘텐츠를 발견하다

패션 사진을 세 열의 격자로 정리하고 상단에 탐색 탭과 검색을 배치했습니다. 큰 이미지 중심으로 여러 착장을 빠르게 훑어볼 수 있습니다.

SHOWNY 앱 화면 · 콘텐츠 탐색

영상으로 보는 앱 사용 흐름

스타일 등록과 완료 안내, 배틀 참여 제안, 영상 피드, 프로필과 탐색 화면으로 이어지는 실제 사용 흐름입니다.

SHOWNY 앱 화면 녹화 · 약 21초재생 버튼으로 영상 보기

이미지