Platform
Compain Site
Official Website
System
Other
2015
2016
2016
Site Map
Site Map
Mamber
Mobile Device Ver.
Site Map
KV Animation
Design
Design
Key Visual made by After Effect
Mobile Device Ver.
Mobile Device Ver.
Visual Dynamic Indication
Visual Dynamic Indication
Visual Dynamic Indication
Visual Dynamic Indication
Visual Dynamic Indication
Line Menu
Instagram
Facebook
Animation
Instagram
Facebook
Animation
After Effect
DM
Visual Deisgn
Booth Design
Product Design
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.
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.
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
Goals
▪ UI redesign
▪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
Competitive
IMB2B
Alibaba
SiteMap - Original
SiteMap - Optimization
Single Page Structure Screen Capture
User Flow - Login & Registration
Wireframe
Component
Deisgn - Original
Deisgn - Optimization
Prototype
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.
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.
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
Goals
▪ UI redesign
▪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
Competitive
IMB2B
Alibaba
SiteMap - Original
SiteMap - Optimization
Single Page Structure Screen Capture
User Flow - Login & Registration
Wireframe
Component
Deisgn - Original
Deisgn - Optimization
Prototype
Logo
Key Visual
Series Visual
Promotion Video
Mockup
Booth Design
Key Visual
Series Visual
Promotion Video
Mockup
Booth Design
Editor-in-Chief Live KV
Power Bank Design
Line Rich Media Menu
Power Bank Design
Line Rich Media Menu