Sprinklez

03UX/UI / Website / Branding

Giving a dessert brand the same personality online it has in person.

Client

SPRINKLEZ

Tools

Figma, Webflow

Type

Website Design

Duration

3 months

Role

UI/UX Designer, Graphic Designer

Problem

In person, Sprinklez is colour, sugar, and personality. Online, none of it came through: the old site was flat, and the products that sell themselves on a counter looked ordinary on a screen.

Solution

One playful system that carries the brand across storefront, menu, email, and social, with an interactive menu that lets customers customise without leaving the flow.

Outcome

+35% online orders, higher conversion, and campaign assets that now ship in hours instead of days.

Visual System

Color

#6FC6E6
#EC618C
#FFF0DE
#FFFFFF

Typeface

Poppins

AaBbCc Gg Qq 0123456789

Bold, playful, geometric

LightRegularSemiboldBold

Project emphasis

Research & Strategy30%
UI & Systems35%
Motion20%
Prototype & Handoff15%

The story, section by section.

0101

Overview

Sprinklez sells joy across a counter: colour, sugar, and personality. The old site sold none of it. I built a brand system and storefront that carries that energy from the packaging through the menu, email, and paid social, with ordering treated as part of the fun rather than the tax at the end.

0202

Challenge & Constraints

The products photograph beautifully and the brand has real character, but the site flattened both. It had to become modern and inviting without turning into novelty, and the same playfulness had to survive on a phone, where most of the browsing happens.

Footage forthcomingdrop public / media / sprinklez-stage-01.png
0303

Discovery

I studied dessert and food brands that translate well online: how they organise categories, how much work photography does, and where ordering loses people. The pattern was consistent. Appetite is visual, decisions are fast, and anything between the craving and the cart is friction.

Footage forthcomingdrop public / media / sprinklez-stage-02.png
0404

Strategy

Build one system, not one page. Wireframes prioritised menu access and product detail, and planned for seasonal items and promotions to drop in without a redesign. The same components had to feed the storefront, email, and social so the brand stayed recognisable wherever a customer met it.

Footage forthcomingdrop public / media / sprinklez-stage-04.png
0505

Design & Execution

Bright pinks, blues, and creams set the tone, with Poppins carrying bold, geometric headings against a clean body text. Sprinkles and character motifs act as accents and interactive icons rather than wallpaper, so the page stays playful without becoming loud.

Footage forthcomingdrop public / media / sprinklez-stage-05.png
Footage forthcomingdrop public / media / sprinklez-stage-06.png
0606

Motion & Prototype

Subtle transitions and hover feedback make the menu feel alive as you browse. The interactive menu lets customers pick flavours, toppings, and sizes inline, and filters narrow long lists by taste or dietary need. Built responsively in Webflow with the CMS handling seasonal content.

Footage forthcomingdrop public / media / sprinklez-stage-03.png
Footage forthcomingdrop public / media / sprinklez-stage-07.png
0707

Launch & Outcome

Online orders increased by 35%, with visitors spending longer browsing and converting at a higher rate. Because every channel now draws from the same system, new campaign assets ship in hours instead of days.

Footage forthcomingdrop public / media / sprinklez-stage-09.png
0808

Reflection

The lesson here was about consistency, not decoration. A brand that behaves the same way in the packaging, the storefront, the inbox, and the feed compounds. Once the system existed, everything downstream got faster and more recognisable.

The Results

+35% online orders

+35% online orders, higher conversion, and campaign assets that now ship in hours instead of days.

Antwon Ward