Work About Archive
LinkedIn GitHub Medium
← Back
Trader Joe's • Conceptual Mobile App

Designing the app Trader Joe's fans have been asking for.

Role

Product Designer

Team

2 UX Designers

Type

Conceptual
iOS Design

Skills

Product Design
User Research
Prototyping

Trader Joe's App

Trader Joe's has one of the most loyal customer bases in grocery. And no app.

Trader Joe's is famously and defiantly low-tech. No self-checkout, no loyalty program, and no app. For a lot of customers that's part of the charm, but charm doesn't help you figure out if the 'Everything But the Bagel Seasoning' is back in stock before you drive across town.

We asked: if Trader Joe's built an app, what would it actually look like? Not a generic grocery app with TJ's branding slapped on but something that felt like Trader Joe's and solved the specific friction their shoppers actually face.

2 User journey maps
4 Competitors analysed
3 Key features shipped

How might we assist busy tech millennials who cook, plan their grocery shopping?

This was our design frame from the start. TJ's core shoppers are people who cook, who live in cities, who don't have a lot of time and face a predictable chain of friction every week.

Challenge: lack of time → unclear what to buy → struggle to shop effectively The problem chain: lack of time to plan meals leads to unclear ideas about what to buy, which leads to struggling to shop effectively

Nobody was solving all three parts of that chain together. Planning, shopping, and the store itself were three disconnected experiences.

We mapped two separate journeys: going to the store, and ordering online. Both were frustrating in different ways.

User journey map: physical grocery shopping in store User journey map — physical grocery shopping in store. Pain points cluster at Prepare and Shop stages: forgetting items, navigating crowds, discovering out-of-stock items too late
User journey map: online grocery shopping User journey map — online grocery shopping. Pain points cluster at Choose App and Shop: switching between apps, confusing layouts, pop-up distractions

The in-store journey broke down at preparation — people forgot what they needed and couldn't plan ahead. The online journey broke down at app selection — too many platforms, not enough trust in any of them. Both pointed to the same gap: no single place that connected meal planning, shopping lists, and Trader Joe's products.

The competitive landscape confirmed it.

Every major grocery app had quick reorder. None of them had personalisation, collaboration, planning, or anything that felt distinctive to a specific brand.

Competitive analysis: Instacart, Weee!, Amazon Fresh, Walmart Grocery Competitive analysis — every competitor has reorder, none have personalisation, collaboration, or planning. A clear gap.

Gallery walk, IA, then three features that didn't exist anywhere else.

Gallery walk workshop Gallery walk — we posted our journey maps, IA, and early concepts and invited feedback via sticky notes. The responses shaped our final feature prioritisation.

The gallery walk gave us signal fast. Users responded most strongly to: meal planning built into the shopping experience, the ability to share lists with housemates or partners, and features that respected accessibility needs. Those became our three focus areas.

Information architecture sitemap Information architecture — four main tabs (Home, Explore, Recipes, Lists) with Cart and Account at the top level. Lists supports both Voice AI and collaborative shopping.

The IA was built around how TJ's customers actually shop — habitually and fast. Home surfaces what's new, seasonal, and recently bought. Recipes connects directly to product availability at your nearest store. Lists supports both solo planning and group shopping. Every nav decision was grounded in the journey map findings.

Three features that no grocery app was offering — all grounded in how TJ's shoppers actually live.

Meal Planning

Recipes linked directly to real-time product availability at your nearest store. Browse a recipe, see which ingredients are in stock at Williamsburg, add them all to your list in one tap. The planning and the shopping trip become one continuous flow instead of two separate tasks.

Meal planning feature
Meal planning — recipes tied to live store inventory, with one-tap add-all to cart

Plan once, shop once.

The biggest pain point from both journey maps was the gap between deciding what to cook and knowing what to buy. Recipe-to-cart integration closes that gap — users see ingredient availability at their specific store before they leave home.

Collaborative Shopping Lists

Share a list with housemates, a partner, or anyone splitting a Trader Joe's run. Everyone can add items in real time. No more texting back and forth about whether someone already picked up the Mandarin Orange Chicken.

Collaborative shopping lists
Collaborative lists — shared in real time, synced across devices

Grocery shopping is rarely solo.

Our research showed that many TJ's shoppers coordinate with housemates or partners around the weekly shop. No existing grocery app supported real collaboration — just individual lists. This feature addressed a real behaviour that was being served by group chats and Notes app screenshots.

Accessibility

Voice-to-list, dietary preference filtering surfaced throughout the browse experience, and high-contrast modes. Designed to make the app usable for people with mobility limitations, visual impairments, or dietary restrictions that require careful label-checking in store.

Accessibility features
Accessibility — voice AI for list building, dietary filters throughout, high-contrast support

The in-store experience has limits. The app doesn't have to.

TJ's physical stores aren't the most accessible environments — crowded aisles, limited signage, no way to pre-check ingredients for dietary needs. The app can do the work the store can't: surface allergy information, support voice input, and let users filter the entire catalog before they arrive.

What I learned

The journey map is where the real design problems live.

Mapping both in-store and online shopping journeys side by side showed us that the same emotional pattern appeared in both: frustration at the planning stage, relief at checkout. The design opportunity wasn't inside the store or inside an app — it was in the space between them. That's where our three features ended up.

The gallery walk changed our feature priorities.

We came in expecting meal planning to be the headline feature. The sticky note feedback pushed accessibility and collaboration to equal importance. Designing in public — even just posting work on a board — is one of the fastest ways to invalidate your own assumptions.

Brand voice is a design constraint, not a finishing touch.

Trader Joe's copy is warm, specific, and slightly irreverent. Every screen had to pass a simple test: does this sound like TJ's, or does it sound like a generic grocery app? That filter produced better decisions than any visual guide would have — it forced us to think about what the brand actually values rather than just what it looks like.