Skip to case study
All portfolio workApp concept · Food deliveryOpen experience
Independent concept projectFood deliveryReference measured · review required

BentoDash

A complete food-order simulation from location and discovery through customisation, payment, confirmation, tracking, offers, and support.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Food delivery
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A complete food-order simulation from location and discovery through customisation, payment, confirmation, tracking, offers, and support. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Neighbourhood ordering and live delivery

    The route architecture is organised around neighbourhood ordering and live delivery, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Colourful bento-grid in tomato, rice, and nori with illustrated ingredients, compact menus, and playful order-state motion.

  3. 03

    Original asset plan

    Original ingredient illustrations, fictional restaurants and dishes, licensed generic food imagery, and CSS delivery maps.

02 · Experience architecture

Navigate the complete app map.

Every named screen opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected screens

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Airbnb reference study

Reference record

The Airbnb links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
A03 · ios
Studied
2026-08-13
Entry family
airbnb-location-entry
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original ingredient illustrations, fictional restaurants and dishes, licensed generic food imagery, and CSS delivery maps. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Airbnb primary screen

    elevated search, illustrated category rail, and two-column image-led discovery cards

    • The elevated search pill is about 54 px high with 24 px side margins
    • Category tabs pair small illustrations with a 2 px selected underline
  • Airbnb alternate state

    search expands into a destination sheet; rails snap and hearts toggle in place

    • Discovery cards use two columns, 8–12 px radii, and roughly 4:5 media
    • Five destinations occupy a 68 px bottom bar

Explore BentoDash from its first screen.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch BentoDash