A familiar shopping list.
A clearer next stop.

What I did

Public research, product framing, interaction design, coded prototype

Built with

HTML, CSS, JavaScript · AI-assisted exploration and build, directed by me

Quick link

Interactive prototype

Start with your list in The Trip prototype
Start with your list
Focus on a stop in The Trip prototype
Focus on a stop
Choose another stop in The Trip prototype
Choose another stop
Working prototype · sample store and list data

How did it start?

I found Publix through the Senior Product Designer role. The public app already sorts a shopping list by aisle, so the obvious concept was off the table on day one.

The question became: what does a shopper still have to work out once the list is sorted?

The problem

A location-grouped list helps you find products. It may still leave you to decide what comes next and to remember what you skipped.

Publix groups items by aisle and area, with photos and check-off. [1][2] I kept those existing controls and focused the concept on the trip itself: the order you walk, the item you could not find, the one you passed.

Who is shopping?

Someone who built a list at home and is now standing in the store with it. Not a validated segment: a design target, chosen so the prototype has one job.

Design target

In-store shopper with a prepared list

Several aisles or departments, free to change route. Not a validated segment.

Job to be done

Finish the list without losing the thread

Keep track of the next useful stop and of anything unresolved.

Variation to investigate

Familiarity, list length, company, access needs

Recruitment considerations, not established subgroup findings.

Outside this concept

Picking, inventory, live navigation

No position tracking, no shortest route, no stock claims. The map inspects; it does not guide.

What Publix already does

Publix’s public App Store captures show how shoppers build a list: open the empty list, search and add items, then return to location groups. I wanted to extend that workflow, not replace it.

Public Publix iOS empty shopping list with Add an item action
01 · Open the list
Public Publix iOS search results with add-to-list controls and Added To List confirmation
02 · Search and add
Public Publix iOS shopping list with items in Aisle 8 and green checkboxes
03 · Shop by location
Captures from Publix’s public App Store listing · select a screen to enlarge. Not The Trip prototype.

What shoppers said

Selected public reviews shaped the brief. They raise questions about sequence and recovery; they do not establish how common these problems are among Publix customers.

“order of how we walk through the grocery store
A shopper on an adjacent list app, describing how they arrange items · Out of · App Store · April 2025 [4]
PublixGoogle Play
2/5

Rajesh Ramsaroop · Apr 19, 2025

“separates everything by aisle”
Publix · Google Play · Apr 2025 · 2/5. Praise for the grouping inside a critical review.

PreserveThe existing aisle groups.

PublixApp Store
5/5

Principal Agent · Aug 18, 2021

“produce, deli and bakery are always at the bottom”
Publix · App Store · Aug 2021 · 5/5. Departments appear later than they are met in-store. Historical; current behavior may differ.

AllowControl over the suggested order.

Shopping ListApp Store · adjacent app
1/5

FaisyAnn · May 4, 2024

Reached the far side, noticed a missed item, and had to walk back.
Shopping List, an adjacent app · App Store · May 2024 · 1/5. Category evidence, outside Publix.

ObserveMissed items and direction reversals.

Selected reviews · supporting detail in the research notes below

How the evidence shaped the concept

I separated what the sources described from what I inferred, then used three priorities to choose the interaction.

01 · Preserve

Keep the useful list.

Publix already groups by location; a reviewer values it. [1][3]

Decision: retain product rows, aisle groups, and check-off.

02 · Allow

Keep the order adjustable.

A historical Publix review and an adjacent-app review discuss encounter order. [2][4]

Decision: suggest a sequence while keeping every stop accessible.

03 · Recover

Keep unfinished items visible.

An adjacent-app reviewer describes returning for a missed item. [5]

Hypothesis: To revisit and Undo may make recovery clearer.

Where the trip gets fuzzy

A location-grouped list may still require the shopper to translate display order into walking order and keep track of skipped items. The journey map makes those assumptions visible for testing.

Customer journey

The existing experience, reconstructed from public references. Actions, friction, and emotions are hypotheses to investigate.

Customer journey map: Prepare, Arrive, Shop, Recover, Finish. Actions and touchpoints sit above an inferred emotional curve from prepared through orienting, concentrating and uncertain, to relieved if complete. Friction includes list completeness, encounter order, rescanning, unresolved items and final checking. These are hypotheses, not field observations.
Select to enlarge. Sources informing the map: [1][2][4][5]

My hypothesis

If the list can focus on one stop, suggest the next, and keep unresolved items visible, we expect shoppers to rescan less and recover more reliably than with the grouped list alone.

Four ways to turn a list into a trip

Same aisle groups, four presentations. Now, Next, Later gave focus without hiding the rest of the trip.

Exploration · schematics from working notes, not user-tested

Explored

Quiet Reorder

The familiar list rearranges into a suggested sequence.

Low learning cost, but still a long scan.

Explored

Store Chapters

Departments become expandable chapters.

Keeps context, but adds opening and closing work.

Chosen

Now, Next, Later

One active stop, a preview, and the remainder within reach.

A clear next action; must keep whole-list access.

Explored

Pleasant Stops

A guided itinerary with explicit progress.

Strong progression, at the risk of feeling rigid.

Two revisions that clarified it

  • From a fixed start to an explicit origin. The prototype asks which entrance you used. That exposes an assumption for testing instead of hiding it.
  • From a drawn route to selectable stops. An early dashed path implied spatial precision the sample layout could not support. The map became a way to inspect and choose a stop.

Proposed · the shopper controls progression

  1. Open the list
  2. Choose an entrance
  3. Start the trip
  4. Collect, or mark “couldn’t find it”
  5. Change stop any time
  6. Finish, or look again

Whole-trip list and map stay one tap away throughout. The entrance choice is a stated assumption, there to be tested.

From the existing list to The Trip

The Trip starts inside the existing list. Same rows, same aisle groups, same check-off, with Start my trip alongside an operable add-item control.

Existing · Publix’s public App Store screenPublix's public App Store shopping-list screenshot with aisle groups, checkboxes, and add-item control
Location groups, check-off, and the add-item action.

Extend what
already works

Add a trip entry point.
Preserve the list.

Proposed · The TripProposed trip entry point with sample entrance selector
Entrance choice and a Start my trip action.

The interaction idea

Explore the trip on the map.

Select a stop to inspect its items. Choose Shop this stop next to change focus.

Back of storeDairyBakeryDeliProduceFrozenCross aisle123456789101112Cross aisleCheckoutMain entranceSide entrance

Dark green: current focus · Light green: list items · Gray: shelves or no list items

Sample layout, not a real floor plan or live navigation. This standalone demonstration does not change the prototype below.

Decision 01 / Attention

Give the current stop room to work.

Now

The active items

The shopper sees the products they can collect at this stop.

Next

A little orientation

The following stop stays visible, so focus does not become tunnel vision.

Later

The remainder stays reachable

Whole-trip access keeps the full sequence available when the suggestion does not fit.

Less repeated scanning is the intended benefit. It still needs to be measured.

Decision 02 / Control

Let the shopper change the plan.

The map gives the shopper another way to inspect a location and choose Shop this stop next. Switching the entrance recomposes what remains while preserving collected items.

Selection is different from commitment

Tapping a stop previews its items. The explicit action makes that stop the next focus.

The sample map demonstrates the interaction. Real store geometry, entrance recognition, and a useful sequence would need validation before production.

Decision 03 / Recovery

An unresolved item stays part of the trip.

Couldn’t find it? preserves the item for another look. It does not mark it collected or infer that the store has none.

Look again returns it to active shopping. Undo restores the earlier state, so an accidental action does not erase the shopper’s intent.

Completion has a clear meaning

Collected, remaining, and to revisit must reconcile. An incomplete trip keeps its unresolved items visible.

The state model behind the screens

The same item state feeds the focused stop, whole-trip list, map, and completion summary.

Illustrative example

One item still needs a look.

9 collected + 1 to revisit = an open trip.

Remaining

Ready to collect

Collect → Collected
Couldn’t find it? → To revisit

To revisit

Keep it in the trip

Look again → Remaining
Collect → Collected

Collected

Confirmed by the shopper

Uncheck → Remaining
Undo → Previous state

Every item has one state. Only collecting the final item completes the list.

I designed the uncomfortable states too

  • Seen it early? Collect outside the suggested focus. Progress follows the shopper.
  • A stop with nothing on the list shows an honest empty panel, never unrelated products.
  • An item with no aisle stays on the list. No invented map location.
  • Entrance or focus changes keep collected items and allow Undo.
  • One item unresolved means an incomplete trip and a way to revisit. No false completion.

Every state, from the prototype

Captured from the current prototype. Explore progress, changes of plan, recovery, and completion.

In Publix's visual language

Product rows, location labels, green actions, and segmented controls follow Publix’s public iOS screenshots. Figtree stands in for the proprietary typeface; native pixel parity is unverified.

Colour and hierarchy

Action green, dark product text, quiet grouped surfaces.

AaNow · Next · Later

Type and density

Readable product names, clear location labels. Figtree stands in for the app face.

Familiar controls

Existing control patterns carry the new behavior.

05 / Prototype

Try The Trip.

One sample store, ten items. Try changing course without losing progress.

1. Choose an entrance2. Collect or defer an item3. Choose another stop4. Undo a change
Interactive concept · sample data

Trip behavior is operable. Account, search, and other surrounding app controls are outside the prototype’s scope.

Live prototype. If the embed doesn’t load, open it in a new tab ↗.

What a clearer trip could change

  • Less repeated scanning of the whole list.
  • More control over the next useful stop.
  • Fewer unresolved items lost from view.

Hypotheses, not measured outcomes.

What I would test first

Current list versus The Trip, with 5–7 Publix shoppers in one real store. Count rescans, time to name the next stop, and whether they get back to a deferred item.

No improvement, added navigation effort, or confusion about “to revisit” would challenge the hypothesis. A study this size finds usability problems; it does not establish time savings or business impact. Full plan in the notes below.

What changed my mind

The biggest change was not visual. It was learning to stop calling a mature feature a gap. Once it was undeniable that Publix already sorts by location, the concept had to earn its place somewhere smaller and more defensible.

Research notes and sources

Independent work by Dinesh Revunuru; not commissioned, approved, or endorsed by Publix. No Publix customer interviews, internal analytics, inventory feeds, or floor plans were used. Sources revisited September 5, 2026.

What other products informed the concept
Public product comparison · reviewed September 2026
ProductEvidence reviewedLesson for The TripBoundary
Publix [1][2]Location groups, item photos, check-off; review praise for deals and clear lists.Extend the current list and familiar product language.Public references do not reveal every authenticated feature.
Walmart [6]Store Mode connects a list with item finding, maps, and price checking.Digital support can continue inside the store.Exact walking-order mechanics were not established.
Kroger [7]Store Mode documents a selected-store experience and finding items.Store context belongs close to the shopping task.Feature documentation does not prove customer preference.
Grocery-list apps [4][5]Users describe encounter order, missed items, and ordering workarounds.Give shoppers control over sequence and a clear remainder.These reviewers are outside the Publix-specific sample.
From evidence to design decisions
Source observation → interpretation → design use
Source observationInterpretationHow it informed the concept
Publix already groups list items by location; one reviewer values this. [1][2][3]Preserve useful structure. The list is a starting point, not a blank slate.Keep product rows, aisle groups, and check-off. Add trip focus without replacing the list.
A 2021 Publix review requests aisle reordering; an adjacent-app reviewer describes walking order. [2][4]Support shopper control. Display order may not fit an individual trip.Suggest a sequence, retain whole-trip access, let the shopper select another stop. Entrance choice is an assumption to test.
An adjacent-app reviewer describes returning for an overlooked item. [5]Keep unfinished work visible. This raises a recovery question; it does not prove a Publix not-found problem.Explore To revisit and Undo as a recovery hypothesis. Never equate unresolved with collected or unavailable.
Evaluation plan · proposed, not conducted

Formative study. Comparable 12–18 item tasks, order counterbalanced to reduce learning effects.

Evaluation questions and decision criteria
QuestionObserveDesign response
Is the next stop clearer?Time to identify a stop, list rescans, participant explanation.Simplify the hierarchy if focus adds work.
Does the order help?Direction reversals, missed items, trip time, manual overrides.Reconsider sequence if shoppers consistently work around it.
Is the origin understandable?Entrance recognition and confidence before seeing the map.Revise or remove entrance choice if it confuses.
Is recovery honest and usable?First action after a not-found item; revisit and completion comprehension.Revise labels if unresolved reads as collected or unavailable.
Can people use it comfortably?Task ease, one-handed use, screen-reader navigation, enlarged text.Adjust interaction and density around observed barriers.
Sources
  1. Publix · Shopping List FAQExisting aisle and area locations. Product documentation.
  2. Publix · App StoreCurrent product reference; August 2021 department-order review; positive deal and list feedback.
  3. Publix · Google PlayApril 19, 2025 · 2/5 review; praises aisle grouping within a critical review.
  4. Out of · App Store reviewApril 16, 2025. A shopper describes arranging items in walking order.
  5. Shopping List · App Store reviewsMay 2024 and June 2025. Backtracking and a workaround to preserve aisle order.
  6. Walmart · Store ModeFirst-party in-store companion features.
  7. Kroger · Store ModeFirst-party selected-store and item-location features.

Historical reviews are shown with their original dates; they do not establish the current prevalence of a problem. The store layout, entrances, item assignments, and suggested order are illustrative. Product imagery and app references explain the concept; publication rights require review before external release.