Nibble & Nosh - Breaking the Barrier of Multi-Restaurant Delivery: One Seamless Experience

Simplifying the process of ordering from two restaurants with ease of use, transparent pricing, and a user-centered approach to app flow.
COMPANY

Portfolio Piece - Final School Design

ROLE

UX / UI Designer, Researcher

EXPERTISE

UX/UI Design

YEAR

2024

Project Overview

Client: Nibble & Nosh (Capstone Project)

Challenge: Design an intuitive mobile app that allows users to order from two restaurants at once, have it delivered by one driver, and ensure transparent pricing in a competitive market.

Problem

How can we differentiate a new food delivery app and improve customer retention in a saturated market?

Solution

A user-friendly mobile app that solves two major pain points:

  1. Dual-Restaurant Orders – Users can order from two nearby restaurants in a single checkout.

  2. Transparent Pricing – The total cost updates in real-time, eliminating surprise fees at checkout.

Key Features

🚀 Dual-Restaurant Ordering – Users can place one order from two different restaurants, with a single driver handling pickup & delivery.


💡 Upfront Pricing Transparency – Eliminates hidden fees with real-time order cost updates, building trust and improving user experience.


Design Process

1. Research & Insights

• Competitor Analysis: Studied food delivery giants to identify gaps and opportunities.

• User Studies: Discovered users prioritize ease of ordering and pricing clarity over app loyalty.

2. Wireframing & Prototyping

• Low-to-Mid Fidelity Wireframes: Ensured a smooth user flow before refining visuals.

• Interactive Prototype: Simulated real-world ordering experience for early feedback.

3. High-Fidelity Design

• Bright, energetic UI inspired by Denver-based restaurants.

• Custom UI kit with clear typography & bold, modern buttons.


📌 Image 1: [Mockup of app home screen or dual-restaurant ordering flow]

4. User Testing & Refinement

• 5 participants tested the prototype, validating usability.

• Adjustments made to navigation, checkout clarity, and order tracking.


📌 Image 2: [Before & after of pricing transparency improvements]

5. Developer Handoff

• Documented fonts, colors, interactions, and spacing to ensure seamless implementation.