//Thumo (Collaborative Food Delivery)

Thumo (Collaborative Food Delivery)

A collaborative food delivery mobile application designed to eliminate cart abandonment by enabling localized group ordering and shared delivery fees.

• 40% Lower Delivery Costs
• Frictionless 1-Tap Squad Sharing
• Integrated Wallet Refund Model
• High-Fidelity Interactive Prototype
Industry

Food-Tech / Social Commerce

Role & Focus

Lead UI/UX Designer

Duration

4 Weeks • 2026

Key Stack

Figma, Interactive Prototyping, Mobile Design Systems

app.thumo.internal/console
app.thumocollaborativefooddelivery.internal
Enterprise

Core Metric Performance

99.98% SLA

+42.6% efficiency
Throughput4.8k ops/s
Latency<14ms
Design Nodes200+ tk
Interactive Dashboard Interface: Thumo (Collaborative Food Delivery)
Click to view full screen
Executive Overview

Designing Collaborative Commerce to Solve Food Delivery Abandonment.

Scope of Deliverables
✓ Visualized Squad Savings Engine✓ Frictionless Group Split Architecture✓ Unified Multi-State Mobile Layout✓ High-Fidelity Interactive Prototype

Thumo is a food ordering mobile app designed to remove the friction of steep delivery fees through social coordination. By introducing "Squad Orders," the platform allows colleagues and neighbors within the same vicinity (such as Lekki Phase 1 or Victoria Island) to pool orders from local spots and split delivery costs by up to 40%.

The primary UX challenge was taking a complex multi-user purchasing model—encompassing dynamic cost-splitting, order countdown timers, and payment gating—and packaging it into an intuitive, frictionless mobile interface designed entirely in Figma.

Problem Space

The Friction Points

Critical bottlenecks identified during stakeholder and user discovery.

01

Solo Checkout Fatigue

Steep delivery fees relative to low-ticket food items caused significant user drop-off at the final checkout screen.

02

Fragmented Social Coordination

Manually gathering group orders in messaging apps, calculating individual bills, and chasing bank transfers created severe user friction.

03

Mobile Viewport Density

Communicating live squad statuses, multiple payment pathways, countdown timers, and savings calculations on a single mobile screen risked overwhelming the user.

Design & Technical Architecture

Key Design Interventions

Engineered solutions designed for density, accessibility, and high adoption.

Visualized Squad Savings Engine

Designed high-contrast "Squad Order" discovery cards and an active "Live Savings Tracker" that explicitly compares solo delivery fees against per-person squad shares to immediately validate financial ROI.

Frictionless Group Split Architecture

Designed an intuitive decision modal allowing hosts to choose how squads handle payment—selecting between "Pay Upfront + Wallet Refund" or "Pay at Close" to eliminate manual bill-splitting disputes.

Unified Multi-State Mobile Layout

Structured high-density bottom sheets and state screens with 1-tap "Share to WhatsApp" action cards, real-time member payment chips ("Paid" vs. "Ordering"), and an interactive timeline tracking order dispatch and delivery milestones.

app.projectpreview.internal
Enterprise

Core Metric Performance

99.98% SLA

+42.6% efficiency
Throughput4.8k ops/s
Latency<14ms
Design Nodes200+ tk
Interactive Dashboard Interface: Project Preview
Click to view full screen

Visualized Squad Savings Engine & Discovery

app.projectpreview.internal
Enterprise

Core Metric Performance

99.98% SLA

+42.6% efficiency
Throughput4.8k ops/s
Latency<14ms
Design Nodes200+ tk
Interactive Dashboard Interface: Project Preview
Click to view full screen

Frictionless Squad Split & Multi-Payment Pathways

Methodology

How We Designed & Validated It

PHASE 01

Social Ordering User Flows

Mapped parallel user journeys for Squad Creators and Squad Joiners to ensure joining an existing squad required fewer steps than placing a traditional solo order.

PHASE 02

Mobile Component Library

Constructed an atomic Figma design system with Auto Layout components, responsive bottom sheets, category pills, and dynamic theme tokens.

PHASE 03

Payment & Edge-Case Architecture

Designed structured UI states for complex conditions, including countdown timer expirations, early squad closures, and multi-method checkout screens (Wallet, Bank Transfer, Debit Card, USSD).

PHASE 04

Interactive Prototype Testing

Built realistic mobile micro-interactions and transitions to stress-test touch targets, checkout velocity, and real-time delivery tracking screens.

Business ROI

Measurable Impact Delivered

40%

Delivery Cost Reduction

Delivered a high-conversion checkout experience that saves users up to 40% on delivery logistics through pooled ordering.

1-Tap

Zero-Friction Group Acquisition

Integrated direct-to-WhatsApp link sharing that embeds viral customer acquisition right into the checkout workflow.

100%

Production-Ready Design Specs

Delivered a fully documented, componentized Figma design file with explicit variant states, ready for immediate engineering handoff.

app.projectpreview.internal
Enterprise

Core Metric Performance

99.98% SLA

+42.6% efficiency
Throughput4.8k ops/s
Latency<14ms
Design Nodes200+ tk
Interactive Dashboard Interface: Project Preview
Click to view full screen

40% Lower Delivery Logistics & High-Conversion Squad Checkout

app.projectpreview.internal
Enterprise

Core Metric Performance

99.98% SLA

+42.6% efficiency
Throughput4.8k ops/s
Latency<14ms
Design Nodes200+ tk
Interactive Dashboard Interface: Project Preview
Click to view full screen

Integrated Wallet Refund Model & 1-Tap Viral Acquisition

Thumo (Collaborative Food Delivery) — Interface Walkthrough & Interaction Architecture
Live Demo

End-to-end interface execution: High-density interactive workflows, component states & responsiveness

HD • 60 FPS

Thumo’s collaborative food ordering and squad cost-splitting makes group delivery completely frictionless and addictive to use.

Aubrey

Founder & CEO

Thumo
Get In Touch

Let’s Build Something Amazing Together

anintroverteddesigner@gmail.com