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

PantryGo

A pantry-led grocery simulation spanning discovery, comparison, lists, recipes, cart, substitutions, slots, checkout, status, and support.

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

A product direction built around a complete journey.

A pantry-led grocery simulation spanning discovery, comparison, lists, recipes, cart, substitutions, slots, checkout, status, 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

    Household grocery planning and fulfilment

    The route architecture is organised around household grocery planning and fulfilment, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Fresh teal and citrus utility with oversized product cut-outs, compact category rails, pantry cues, and crisp inline-add motion.

  3. 03

    Original asset plan

    Original grocery cut-outs or licensed product-neutral food photos, fictional products, CSS shelf art, and deterministic fulfilment data.

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.

Pinterest reference study

Reference record

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

System
A12 · ios
Studied
2026-08-13
Entry family
pinterest-grocery-location
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 grocery cut-outs or licensed product-neutral food photos, fictional products, CSS shelf art, and deterministic fulfilment data. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Pinterest primary screen

    topic rail above a dense two-column variable-height masonry grid

    • The masonry grid uses two columns and about 3–5 px gaps
    • Image cards use approximately 12–16 px radii
  • Pinterest alternate state

    the grid loads progressively; save and overflow operate per item while filters preserve scroll

    • Compact labels read near 17/14/11 px
    • Five destinations occupy a white 58 px bottom bar

Explore PantryGo from its first screen.

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

Launch PantryGo