Client

Swing tail


Service

UX Wireframe
UI Design(PC&Mobile)
UI Design Guide


Overview

스윙테일은 반려동물 굿즈 전문 플랫폼으로 꾸준히 증가 중인 반려동물 양육자들과 

굿즈 전문 작가들을 위한 브랜드입니다.  스윙테일은 반려동물 굿즈를 전문적으로 선보이는 점을 

기존 굿즈 플랫폼 시장들과 차별성을 갖고 있으며, 새로운 작가, 인기 작가 등 

다양한 반려동물 굿즈 작가를 만날 수 있으며, 더불어 작가의 일상들을 소개하여  

사용자들에게 더욱 친근하게 소통하며 다가갑니다.


Client  

원데이 샵, Swing tail


Service

UX Wireframe 

UI Design(PC&Mobile) 

UI Design Guide


Overview

스윙테일은 반려동물 굿즈 전문 플랫폼으로 꾸준히 증가 중인 반려동물 양육자들과 굿즈 전문 작가들을 위한 브랜드입니다. 스윙테일은 반려동물 굿즈를 전문적으로 선보이는 점을 기존 굿즈 플랫폼 시장들과 차별성을 갖고 있으며, 새로운 작가, 인기 작가 등 다양한 반려동물 굿즈 작가를 만날 수 있으며, 더불어 작가의 일상들을 소개하여 사용자들에게 더욱 친근하게 소통하며 다가갑니다.

Direction

01

굿즈의 창의성을 

표현하고자 한다.

02

반려동물 굿즈 전문 

플랫폼으로서
전문성을 보여주고자 한다.

03

사용자들에게 직관적으로 다가오는 디자인으로 쉽게 이용할 수 있다.

Core value

Typography · color

Light

Regular

Bold

Web Design

스윙테일의 브랜드 아이덴티티를 보여주는 브랜드 컬러와
직관성이 높은 다크모드 디자인을 적용하여 반려동물
굿즈 플랫폼의 전문성을 나타내고자 합니다.

Main

스윙테일의 홈페이지 메인에서는 브랜드
아이덴티티를 보여줄 수 있는 컬러를 많이 사용하여 브랜드 이미지를 직관적으로 전달할 수 있도록 설계하였습니다.

Best work

사용자에게 여러 스타일의 작가와 상품을 소개하고
추천하여 홈페이지 방문 목적에 따른 다양한 방면에서의
만족도를 높일 수 있도록 하였습니다.

Popular

실시간 인기 작품을 통해 실시간으로 이용자들의
니즈 흐름을 알 수 있고, 카테고리별 작품 소개를 통해
사용자가 원하는 상품을 쉽게 접근할 수 있도록
설계하였습니다.

Direction







01

굿즈의 창의성
표현하고자 한다.







02

반려동물 굿즈 전문 플랫폼으로서
전문성을 보여주고자 한다.







03

사용자들에게 직관적으로 다가오는
디자인으로 쉽게 이용할 수 있다.
Core value
Icon

메인에서 브랜드 컬러를 드러냄으로써 홈페이지를 첫 방문한 사용자에게 브랜드의 밝고 발랄한 이미지를 한눈에 전달할 수 있습니다. 이로 인해 긍정적인 쇼핑 경험을 이끌어낼 수 있습니다.

Mobile Design

스윙테일은 모바일로도 사용자들이 언제 어디서나 반려동물
굿즈를 살펴보고 구매할 수 있으며, 사용자들이 직관적이고
간편하게 서비스를 이용할 수 있도록 하였습니다.

Creator Home

‘작가의 일상'은 작가님들이 자신의 프로필을 소개하고,
독창적인 작품들을 선보일 수 있는 곳입니다.

작가님들과 고객들 간의 소통을 위한 Q&A는 작가님들이
받은 질문에 답변하고, 자주 묻는 질문을 통해 고객들의
궁금증을 해결할 수 있습니다.

Detail Page

제품 상세페이지에서 제품에 대한 충분한 정보와 고객들의
솔직한 후기들을 통해 제품을 구매할 수 있도록 도와줍니다.

Creative

창의적인

Professional

명확한 / 전문적인

Friendly

쉬운 친근한

TYPOGRAPHY · COLOR
Light
Regular
Bold











#FF7235

Primary 500



#FFE9E0

Primary 100



#1C1B1F

Gray 700/BG
PC Web UI Design

스윙테일의 브랜드 아이덴티티를 보여주는 브랜드 컬러와 직관성이 높은 다크모드 디자인을 적용하여
반려동물 굿즈 플랫폼의 전문성을 나타내고자 합니다.

Main

스윙테일의 홈페이지 메인에서는 브랜드 아이덴티티를 보여줄 수 있는 컬러를 많이 사용하여 브랜드 이미지를 직관적으로
전달할 수 있도록 설계하였습니다.

Best Work

사용자에게 여러 스타일의 작가와 상품을 소개하고 추천하여
홈페이지 방문 목적에 따른 다양한 방면에서의 만족도를 

높일 수 있도록 하였습니다.

Popular

실시간 인기 작품을 통해 실시간으로 이용자들의 니즈 흐름을 알 수 있고,
카테고리별 작품 소개를 통해 사용자가 원하는 상품을 쉽게
접근할 수 있도록 설계하였습니다.











 Icon

  메인에서 브랜드 컬러를 드러냄으로써 홈페이지를 첫 방문한 사용자에게
  브랜드의 밝고 발랄한 이미지를 한눈에 전달할 수 있습니다.
  이로 인해 긍정적인 쇼핑 경험을 이끌어낼 수 있습니다. 











 Icon

  메인에서 브랜드 컬러를 드러냄으로써 홈페이지를 첫 방문한 사용자에게
  브랜드의 밝고 발랄한 이미지를 한눈에 전달할 수 있습니다.
  이로 인해 긍정적인 쇼핑 경험을 이끌어낼 수 있습니다. 

Mobile Web UI Design

스윙테일은 모바일로도 사용자들이 언제 어디서나 반려동물 굿즈를 살펴보고 구매할 수 있으며,
사용자들이 직관적이고 간편하게 서비스를 이용할 수 있도록 하였습니다.

Main

스윙테일의 홈페이지 메인에서는 브랜드 아이덴티티를 보여줄 수 있는 컬러를 많이 사용하여 브랜드 이미지를 직관적으로
전달할 수 있도록 설계하였습니다.

Creator Home

‘작가의 일상'은 작가님들이 자신의 프로필을 소개하고, 독창적인
작품들을 선보일 수 있는 곳입니다.

작가님들과 고객들 간의 소통을 위한 Q&A는 작가님들이 받은 질문에 답변하고,
자주 묻는 질문을 통해 고객들의 궁금증을 해결할 수 있습니다.

Detail Page

제품 상세페이지에서 제품에 대한 충분한 정보와 고객들의
솔직한 후기들을 통해 제품을 구매할 수 있도록 도와줍니다.