home
0%
Upfront — E-commerce — 2024–Present

Scaling a FMCG brand from scrappy startup to 600% growth through design

Role
Design Lead
Scope
E-commerce · 3 major versions
Team
5-person design team (current)
Impact
600% growth · 10M+ impressions · +2% CVR

Three versions, three business phases, one design evolution

Each redesign wasn't cosmetic — it was driven by a shift in business strategy. I grew with the company from the only non-Dutch hire to leading a 5-person design team.

V0
Inherited — Before I joined

Cluttered, inconsistent, no system

The original site had heavy UI elements, inconsistent styling, unclear hierarchy, and no reusable components. Product categories were hard to navigate.

v0 Homepage desktop
v0 Homepage mobile
V1
My role: Design Assistant → Website Manager

Simplify, systematize, establish credibility

I stripped back the clutter, restructured product categories, built the first reusable component library, and established direct communication with the remote dev team. This earned me the role of Website Manager — the first non-Dutch hire.

v1 Homepage desktop
v1 Homepage mobile
V2
My role: Website Manager → UX Designer

Product-centric, concept-driven, mobile-first

Heatmap data revealed mobile-dominant usage and high interest in ingredients. I introduced the core concept: putting the back label upfront — flipping the product to show what's inside. Mobile UX was redesigned as an app-like experience with thumb-zone CTAs.

v2 Homepage desktop
v2 Homepage mobile

This version was featured on SeeSaw and gained 10M+ impressions from design influencer attention on social media.

Featured: seesaw.website/websites/upfront
V3
My role: UX Designer → Head of Design

Product speaks for itself

With 600% online growth, the brand no longer needed to explain its concept — it needed to get out of the way. Radical minimalism: every element earned its place. Ingredients moved to center stage.

v3 Homepage desktop
v3 Homepage mobile
V3 website sketch
600%
Business Growth
10M+
Social Impressions
+2%
Conversion Rate
Versions Shipped
Strategy

Design follows business phase, not trends

Each version solved a different strategic problem. V1: clarity. V2: brand awareness. V3: conversion efficiency.

Data

Heatmaps changed everything

Introducing heatmap analytics revealed that mobile users cared most about ingredients — reshaping the entire V2 direction.

Growth

From individual contributor to design leader

I grew from design assistant to leading a 5-person team, managing design system, web, email, and ads across all channels.

Craft

Minimalism is earned, not imposed

V3's radical simplicity only works because V2 built the brand recognition. You can't skip the storytelling phase.