Enhancing FoodsUp's Mobile UI/UX for Efficiency

FoodsUp is a digital restaurant supply platform that helps restaurants purchase food, ingredients, packaging, and operational supplies through a streamlined mobile experience.

The platform connects restaurants with thousands of products across categories such as fresh vegetables, meat, seafood, dairy, beverages, cooking oils, takeout containers, utensils, and cleaning supplies. It provides transparent pricing, promotional offers, no-minimum ordering, and next-day delivery across supported regions in Canada.

The FoodsUp mobile application is designed to make restaurant procurement faster and easier by allowing restaurant owners and staff to search products, explore categories and promotions, build orders, manage previous purchases, and access delivery and return information from a single interface.

FoodsUp needed to improve its mobile shopping experience and make restaurant purchasing faster and easier. Users needed a simple way to search thousands of products, discover promotions, place orders, reorder previous purchases, manage delivery information, and complete returns without unnecessary steps.

I worked on the end-to-end UI/UX design process, including user research, user flows, wireframes, high-fidelity designs, interactive prototypes, usability testing, and developer handoff.

I redesigned key experiences including onboarding, login, home, product search, category browsing, product details, promotions, cart, checkout, order history, reordering, delivery, and returns.

I improved product discovery by introducing clearer search interactions, popular categories, recommended products, promotional sections, and recently purchased items, helping restaurant customers find products faster.

I simplified the cart and checkout experience by improving information hierarchy, reducing unnecessary steps, clarifying discounts and delivery information, and making repeat ordering easier for frequent customers.

I also improved the promotion experience by introducing clearer promotional banners, discount indicators, sale sections, and product-level promotional information.

To maintain consistency across the product, I created and maintained a reusable Figma design system with standardized typography, colors, spacing, buttons, form controls, product cards, navigation, modals, icons, and interaction states.

I created interactive prototypes and conducted usability testing to identify friction points and continuously improve the experience before development.

1. Large Product Catalog Challenge: Customers needed to quickly navigate thousands of restaurant supply products. Solution: Improved search, categories, recommendations, promotions, and recently purchased product experiences.

2. Complex Checkout Challenge: Too many interactions could slow down restaurant customers placing frequent orders. Solution: Simplified the purchasing flow, improved information hierarchy, and introduced easier repeat ordering.

3. UI Consistency Challenge: New features created inconsistencies across different screens. Solution: Built a scalable Figma design system with reusable components and standardized interaction patterns.

4. Promotion Visibility Challenge: Customers could easily miss discounts and promotional products. Solution: Redesigned promotional sections, banners, discount indicators, and checkout messaging to make offers easier to discover.

This project demonstrated my ability to combine UI/UX design, user research, interaction design, design systems, usability testing, and engineering collaboration to build a scalable and user-friendly B2B e-commerce experience.