A web redesign and web-development project that brings focus to POPMART’s product storytelling through clean layouts, neutral tones, and balanced visual hierarchy.
Overview
TYPE
Website Redesign Concept
ROLE
Web Designer, Web Developer
TOOL
Adobe XD, Adobe Illustrator, HTML, CSS, JavaScript, jQuery
SKILL
Web Design, Illustration, Front-End Development
COLOR PALETTE
TONE OF VOICE
Design
Vivid. Joyful. Organized.
01
Hero Banner
A large, adaptable hero with video or campaign capabilities, setting a vibrant, story-driven tone for the site.
02
Shopping Cart Drawer
A fast, accessible side-panel cart keeps shopping smooth and efficient without disrupting product discovery.
03
Product Detail
A clear, structured PDP layout with smart variant pickers and expandable sections for confident purchasing.
04
Product Filtering
A structured, visually balanced sidebar using swatches, sliders, and checkboxes to simplify complex filters.
05
Storytelling Menu
An editorial-inspired full-screen menu with strong typographic rhythm and bright accents, driving easy navigation.
06
Support Center
Accordion-based help links, a quick contact form, and social buttons keep support user-friendly and approachable.
07
Recommendations
Dynamic suggestion panels and curated carousels guide deeper exploration without overwhelming the shopper.
08
Collection Grid
A flexible product gallery with tags, badges, and structured visual hierarchy makes scanning effortless and engaging.
09
Designer Spotlight
Bright colors and a polka-dot pattern celebrate the designers behind the toys, framing their stories in a joyful, editorial spotlight.