White label food tech

Year: September 2022 — August 2025 Role: UX/UI Designer, part-time Team: Project manager, frontend developer, backend developer, mobile developer
Figma
Design system
Mobile
Web

About the project

I worked as a UX/UI Designer in a distributed team on a white-label food delivery platform, built specifically for small business owners—local cafes and private delivery companies—serving the regional markets of the Urals and Western Siberia.

What I did

I joined the team just after launch, when the product was ready to grow but needed some order and visual harmony. My main goal was to bring clarity and consistency to the B2C interface, making the experience smooth for both users and our growing team. I dived into UI audits, built out a brand-new design system pretty much from scratch, mapped out user flows, and worked side-by-side with our devs to roll out updates faster and more confidently—on both web and mobile.

Landing Hero

Challenge

At the early stage, we supported just 2–3 clients, but customizing the platform for each of them was a pain: there was no design system, over 40 screens had to be edited manually every time we changed logos, colors, or fonts. Visuals lacked consistency, and even small updates took a lot of back-and-forth with developers.

Below is an example of the UI before the redesign
UI before redesign

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

    To fix this, I:
  • Audited all existing screens to spot patterns and inconsistencies
  • Broke down the main UI components and set up a modular structure in Figma
  • Quickly checked a few competitor apps for inspiration and pitfalls
  • Picked out the best UX/UI patterns for food and order flows
  • Built a flexible design system so client branding could be updated in minutes, not days
  • Worked closely with developers to make implementation smooth and painless
Userflow
User flow

Result

Built a flexible design system that made updates and branding changes effortless. Launching a new client now takes just 7 days instead of a month.

Design system highlights

Foundations:

Color tokens, typography scales, and spacing — fully customizable for each client brand. I use the Tailwind Color Palettes plugin to create ready-made, balanced palettes—less guesswork, faster workflow, and smoother collaboration from Figma prototypes to live code.
Color tokens
E9B147
brand/primary
primary
1C1917
stone/900
on-primary
Figma Color Tokens

Modular components:

Built with atomic design in mind—from button states to cards, every UI piece is flexible and easy to maintain.

Accessibility:

All components hit color contrast targets and support full keyboard navigation.
Some components
UI kit

Example screens

Here are screens showcasing custom brand styles. Use the tabs to switch between them.

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