Designing a native mobile app for ordering diet catering
Caterings is an all-in-one CRM/ERP system and e-commerce platform that provides everything catering companies need to create and run an online store — from customer service to logistics, analytics, and a white-label storefront.
I designed a new native mobile app for Caterings’ customers, using the opportunity to rethink workflows that had accumulated UX debt over time.
GOAL
Creating a strong digital channel for customer retention
The overarching business goal for the mobile app was to improve retention. Diet caterings run on repeat orders.
At the product level, the goal was to make ordering and managing diets faster, clearer, and more convenient on mobile, while maintaining the familiarity of the web experience.
MY ROLE
Mobile app design
Design system
TEAM
1x Designer (me)
2x Developers
TIMEFRAME
0->1 in 4 months
SEE LIVE
CHALLENGES
Balancing a better experience with an established ecosystem
UX debt of the web platform
The existing web platform came with established patterns that users already knew, but also years of accumulated UX debt. Some workflows were confusing, unnecessarily long, or simply not designed with mobile in mind.
Designing for a highly customizable product
Caterings powers white-label storefronts, so the app needed to adapt to multiple brands, each with its own visual identity and e-commerce configuration.
MY PROCESS
Designing around real customer friction
01 Auditing existing user pain points
I started by reviewing Jira tickets related to ordering and order management. I also met with the Customer Success team to understand recurring user complaints and pain points.
The main issues were:
Configuring a diet took an average of 6 steps, with customer and delivery details spread across separate forms.
The cart and order summary were difficult to scan.
Order management options were buried too deep in the interface, making them difficult to find.
Users struggled to understand how to change delivery days.
02 Designing the app
Once I established the visual direction, I built a design system structured to accommodate multiple brands and both light and dark themes.
I automated component creation using Claude Code connected to Figma MCP, saving me hours of work.
03 Validating under a tight deadline
Design and development ran in parallel, flow by flow, which left no room for usability testing with users before launch.
I traded that for speed and covered the risk in two ways: the Caterings team tested every flow internally, and catering businesses gave feedback on builds throughout development.
SOLUTION
A mobile-first rethink of the web experience with improved UX
Shorter ordering flow
I reduced the diet configuration process from 6 to 3 steps by consolidating customer and delivery information into the final Summary & Payment step.
A more scannable order summary
The redesigned summary gives users a much better understanding of what they're actually ordering. They can move from a high-level overview to a detailed breakdown of meals for each day.
Easier access to order actions
Users can manage their diet directly from the orders calendar, including changing delivery days, without navigating deeper into the interface.
Reminders that bring customers back
A progress bar shows how far along the current diet is. As the plan nears its end, a push notification prompts the customer to reorder.
OUTCOMES
A successful first rollout
The app went live in September 2026 for the first brand, Mój Catering, replacing its previous webview app.
Early feedback from catering businesses and internal usability tests has been enthusiastic about the UX.
It's too early to draw conclusions from quantitative data, so we're tracking:
Repeat order rate
Drop-off rates throughout the ordering flow
Support tickets related to ordering and order management
