SHEIN UI RESPONSIVE
SHEIN UI RESPONSIVE
SHEIN UI RESPONSIVE
SHEIN UI RESPONSIVE
SHEIN UI RESPONSIVE
SHEIN UI RESPONSIVE
Overview
SHEIN is a global e-retailer bringing accessible fashion to everyone.
Overview
SHEIN is a global e-retailer bringing accessible fashion to everyone.
problem
Repetitive information that confuses users, outdated designs, and poor font choices that make reading hard.
solution
Simplify information and highlight key details for a clearer user experience.
problem
Repetitive information that confuses users, outdated designs, and poor font choices that make reading hard.
solution
Simplify information and highlight key details for a clearer user experience.
ROLES
UI Design
Art Direction
my team
Lois Choi
TOOLS
Adobe Creative Cloud
Figma
DURATION
16 Weeks
ROLES
UI Design
Art Direction
my team
Lois Choi
TOOLS
Adobe Creative Cloud
Figma
DURATION
16 Weeks
Table of contents
Table of contents
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
CASESTUDY
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
Category Page
Category Page
By enhancing the hierarchy, adjusting font sizes, and implementing a card system helped improve the user experience for better usability.
By enhancing the hierarchy, adjusting font sizes, and implementing a card system helped improve the user experience for better usability.
PRODUCT DETAIL PAGE
PRODUCT DETAIL PAGE
A consistent color theme and organized design reduce clutter for easier use. Plus, a style gallery lets users see others wearing it for better outfit inspiration.
A consistent color theme and organized design reduce clutter for easier use. Plus, a style gallery lets users see others wearing it for better outfit inspiration.
Shopping cart
Shopping cart
The card-style cart simplifies the process and suggests items based on other customers' purchases.
The card-style cart simplifies the process and suggests items based on other customers' purchases.
Add-ons
Add-ons
Add-on tabs organize info and boost interactivity, creating a more engaging experience.
Add-on tabs organize info and boost interactivity, creating a more engaging experience.
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
UI RESPONSIVE
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
THE EVERYMAN
THE creator
color theory
color theory
Complementary colors and color psychology, helps the design create appealing color schemes
Complementary colors and color psychology, helps the design create appealing color schemes
contrast
contrast
Contrast uses differences in color, size, shapes, or textures to add interest and highlight key points in a design
Contrast uses differences in color, size, shapes, or textures to add interest and highlight key points in a design
Hex: E2E71A
RBG: 226 231 26
BLACK
BLACK
BLACK
Hex: FFC103
RBG: 255 193 3
WHITE
WHITE
WHITE
Hex: FE6226
RBG: 254 98 38
ORANGE
ORANGE
ORANGE
Hex: BBD6EB
RBG: 244 67 119
PINK
PINK
PINK
Hex: E2E71A
RBG: 226 231 26
CREAM
CREAM
CREAM
Hex: FFC103
RBG: 255 193 3
RED
RED
RED
Hex: FE6226
RBG: 254 98 38
GREEN
GREEN
GREEN
Hex: BBD6EB
RBG: 244 67 119
BLUE
BLUE
BLUE
Heading Text
BEBAS NEUE
Body Text
BE VIETNAM PRO
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
DESIGN SYSTEM
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
SHEIN, a playful, user-friendly interface that was re-designed, unnecessary and repetitive info was removed, and new features were added to create an easy shopping experience!
SHEIN, a playful, user-friendly interface that was re-designed, unnecessary and repetitive info was removed, and new features were added to create an easy shopping experience!
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY
TAKEAWAY