Compain Site
Platform
Official Website
System
Other
2015



2016




Site Map




Site Map



Member






Mobile Device Ver.





Site Map

KV Animation




Design




Key Visual made by After Effect


Mobile Device Ver.




Visual Dynamic Indication
Visual Dynamic Indication



















Visual Dynamic Indication





Visual Dynamic Indication




Visual Dynamic Indication




Line Menu


Instagram

Facebook


Animation




























After Effect
DM




Visual Deisgn



Booth Design

Product Design






Concept
Redeisgn UI for platform
Duration
3 Months
Tools
Figma / PhotoShop
Role
UI Designer
Background
Bicycle Cluster is a B2B matchmaking marketing platform for bicycle parts. Before the
project
started, the basic functions and initial UI were completed and launched.
Analysis
Advantage : Complete functional planning whitch includes a complete business model for the
platform
Disdvantage : There is room for optimization of the user experience of some functions.Also insufficient brand visual personality.
Disdvantage : There is room for optimization of the user experience of some functions.Also insufficient brand visual personality.
Personas
Boss Chen, 42 years old, male.
Distributing bicycle parts from abroad.
He hopes to upload and expose the agency’s products through the platform, find stores who are interested in retailing, and increase the sales channels of their products.
Distributing bicycle parts from abroad.
He hopes to upload and expose the agency’s products through the platform, find stores who are interested in retailing, and increase the sales channels of their products.
Problems
▪ Complex operation
▪ Messy screen placement
▪ Too much information on a single screen
▪ Information is easy to lose focus
▪ Function instructions are not clear enough
▪ Messy screen placement
▪ Too much information on a single screen
▪ Information is easy to lose focus
▪ Function instructions are not clear enough
Goals
▪ UI redesign
▪Make function operation flow and experience smooth
▪ Information is easy to read
▪Make function operation flow and experience smooth
▪ Information is easy to read
Challenge
▪ The system architecture has been completed, so it must be developed on the original
architecture
▪ The manufacturer information cannot be re-uploaded, and the picture size cannot be changed
▪ Classification, number of words and other details are clear, and more details need to be considered
▪ The manufacturer information cannot be re-uploaded, and the picture size cannot be changed
▪ Classification, number of words and other details are clear, and more details need to be considered
SiteMap - Original

SiteMap - Optimization

Single Page Structure Screen Capture

User Flow - Login & Registration

Wireframe

Component

Deisgn - Original

Deisgn - Optimization

Actual Website
Demo Site
Design Process





Logo
Key Visual

Series Visual







Promotion Video
Mockup


Booth Design

Different Version




Editor-in-Chief Live KV






Line Rich Media Menu





Desktop



Mobile



Brief
Since its initial launch in 2018, Vogue Shop has been a cornerstone for fashion enthusiasts
seeking curated style and inspiration.
Over the past five years, user feedback and evolving shopping behaviors have provided invaluable insights into how we can enhance the experience.
This redesign marks a pivotal moment, leveraging everything we've learned to deliver a more intuitive, engaging, and seamless journey for our users.
With a renewed focus on personalization, functionality, and aesthetic refinement, we aim to elevate the Vogue Shop experience to meet the needs of today's modern shopper.
Over the past five years, user feedback and evolving shopping behaviors have provided invaluable insights into how we can enhance the experience.
This redesign marks a pivotal moment, leveraging everything we've learned to deliver a more intuitive, engaging, and seamless journey for our users.
With a renewed focus on personalization, functionality, and aesthetic refinement, we aim to elevate the Vogue Shop experience to meet the needs of today's modern shopper.
Ui Kits




Actual Website















Key visual of the year

Series Key visual





Social Media


Booth Design

Video
Key visual of the year

Series Key visual




Series DM





Video
Invitation
Power Point Design






















On-site photos

Power Point Design















