E-commerce for a premium protein bar: a color world for every flavor and a short, calm path to checkout.
UX
UI design
E-commerce
Design system
Taste through the screen
E-commerce for a premium protein bar, designed in Figma: from a flavor to a filled box and checkout, on desktop and mobile.
Task, solution
Convey taste, emotion and memory through a screen, keep the premium feel, make ordering seamless. The answer: visual storytelling, a friction-free flow, refined type and space.
Audience and wireframes
Three groups, kids and teens, connoisseurs, active adults, and a wireframe for every step from discovery to checkout.
Desktop
An asymmetrical hero with a split, mouth-watering image, The art of flavor as a sensory deep dive, Why Core Bar for trust.
Type and colour
Playfair Display for the premium voice, Raleway for easy reading. Burnt orange, dark chocolate, ivory, green and bole: a color world for every flavor.
Find your match
Four signature flavors, each card in its own color world, then the hero on a MacBook.
Phone and tablet
Every key page adapted for phone and tablet: the custom box CTA, About us, reviews, partners and the footer.
