White label food tech

Year: 2025 Role: UX/UI Designer Team: Project manager, frontend developer, backend developer, mobile developer
Figma
Design system
Mobile
Web

A white-label food delivery platform. I joined the project shortly after launch to bring clarity and consistency to the UI of B2C part of the product.

Landing Hero

Challenge

There was no proper design system. A basic UI Kit existed, but without variables. Colours, border radii, and spacing varied across screens. Figma files were unstructured. Managers spent hours preparing custom layouts for each new client. The product was hard to scale and maintain. On top of that, the project had legacy elements carried over from an earlier version, which limited how much the design could be changed.

Goal

Refresh UI, bring order to the visual system, improve clarity, and prepare the design for scaling and handoff — all while staying compatible with existing components and development constraints.

Approach

Looked through the current screens with the product owner, mapped the user flow, and decided which screens to focus on first. Spotted repeating patterns in the UI and turned them into reusable components.

Userflow
User flow

I talked to the developers about the design system — they were already using UI libraries based on Material Design, so we decided to stick to those naming conventions. We started with a minimal set of tokens and added new ones as needed, mostly for colors. It helped us stay on the same page and keep things flexible.

Result

Created a clean, modern UI Kit that sped up design and made updates easier. Launching a new client now takes 7 days instead of a month.

Some components
UI kit
Menu
Menu screen 1Menu screen 2Menu screen 3
Address
Address screen 1Address screen 2Address screen 3
Item card
Item card screen 1Item card screen 2
Checkout
Checkout screen 1Checkout screen 2
Desktop
Desktop screen 1