A linen grocery bag printed with the word CRISP in terracotta, filled with fresh produce including an apple, tomato, and broccoli, sitting on a wooden kitchen countertop with a window and white subway tile in the background.
A linen grocery bag printed with the word CRISP in terracotta, filled with fresh produce including an apple, tomato, and broccoli, sitting on a wooden kitchen countertop with a window and white subway tile in the background.

CRISP

A real-time documentation of my AI-integrated workflow

9 . 2 . 2026

Project title has changed three times as the project's framing sharpened — from "CRISP: Grocery delivery built around trust, not pressure" (assumed a problem before research confirmed one) to "Missed Opportunities in Grocery Delivery?" (to reflect the shift to design for a need rather than a demographic) to "CRISP: Inclusive grocery delivery that leads with value and trust" (the product framing), to the current title. The focus now is the workflow—the product is just the artifact.

SIDE PROJECT – This is not a case study; it is a live design log.


The AI partnership

AI has been part of this project from day one, not added after the fact. This partnership is the actual subject of this project. Grocery delivery is the test case I chose to study it through. I configured Claude and Gemini as strategic and design partners with the skill set of a senior UX professional, not used as generic tools. NotebookLM synthesized secondary research, which then passed through additional layers of verification — Claude checking sources, and me going back to double-check data myself whenever something felt off. The dynamic involves real dialogue at every layer — strategy, research, visual decisions, and design-to-code — including pushback from both sides, with final decisions remaining mine.

The CRISP story

CRISP started as a concept project, based on the assumption that seniors are less comfortable with technology in general and are hesitant to adopt it. I went and built an early vision of "an app for seniors" before testing whether the assumption applied to this particular case. Research later uncovered new facts: sometimes the barrier wasn't the product at all — it was not bad UX, per se; it was a lifestyle choice. That led me to a different question: was I designing for a demographic, or for a need? It also got me thinking about another question, this one rooted in what inclusive design actually means: if I built this specifically for seniors, wasn't I alienating everyone else by definition? That shift—from "an app for seniors" to an inclusive experience for everyone—was the first pivotal decision I made on this project.

The build-first pivot

The build-first approach came as a way to push the project forward after it was stalled by a 0% response rate. That shift was made possible thanks to the abundance of AI-augmented build tools that not only produce mockups but also actual functional products that can then be tested with potential users. In this project, Lovable was the tool of choice. I experimented with other tools, including Cursor, Claude Code, and Figma Make, but the comparison between these tools is beyond the scope of this project.

The following is the unedited, dated record of that process — every pivot, every correction, every wrong turn, left in rather than cleaned up after the fact. This is the context. The log below is the live artifact.

Context


01 / THE EXPERIENCE

Claude, Gemini — strategy

6 . 25 . 2026

Vision statement updated to reflect current product direction: age targeting removed, reverse curb-cut effect and elegant accessibility definitions refined

4 . 18 . 2026

I am building CRISP to restore trust and agency in the grocery delivery service for experienced adults by leading with value and respect. My mission is to embody 'elegant accessibility': the belief that by designing for specific human needs, we create a more intuitive, frictionless experience for everyone.

5 . 12 . 2026

CORRECTION

I am building CRISP to restore trust and agency in the grocery delivery service for experienced adults by leading with value and respect. The target is to embody 'the curb cut effect': the belief that by designing for specific human needs, we create a more intuitive, frictionless experience for everyone. The experience will embody ‘Elegant accessibility’ — my vision to steer away from the utility-like feel typical of digital products, aiming to serve aging users.

6 . 25 . 2026

I am building CRISP to restore trust and agency in grocery delivery by leading with value and respect. The experience is designed around the reverse curb-cut effect — designing for everyone so that no one, including the senior user CRISP was originally designed for, is singled out or left behind. CRISP embodies “elegant accessibility”: accessible design that distances itself from the utility feel typically associated with the term — an experience that feels editorial without intimidating, and inclusive so no one feels left out.


02 / VISION

Claude, Gemini — strategy

What CRISP is about

To maintain project focus, I began by sketching the core experience principles that would govern every design decision that follows

4 . 22 . 2026

Handwritten CRISP design note outlining three values: freedom, calm efficiency, and control and respect.

Artifact 3.1 / Freedom, efficiency and respect

Handwritten design notes clarifying that CRISP is a holistic service and experience involving users and store staff, rather than a standalone 'AI-powered' app. It emphasizes a mental model where AI remains 'INVISIBLE' to the user.

Artifact 3.2 / Invisible service

Handwritten planning notes describing the desired emotional relationship between the user and the system: an experience that feels intuitive, knowing 'when to speak and when to give space' without being demanding or judging.
Handwritten planning notes describing the desired emotional relationship between the user and the system: an experience that feels intuitive, knowing 'when to speak and when to give space' without being demanding or judging.

Artifact 3.3 / Emotional tone

snippet of handwritten notes labeled 'Artifact 3.4' referencing the 'curb-cut effect,' articulating the vision that by designing CRISP for the specific needs of seniors, the resulting experience will be useful for everyone.
snippet of handwritten notes labeled 'Artifact 3.4' referencing the 'curb-cut effect,' articulating the vision that by designing CRISP for the specific needs of seniors, the resulting experience will be useful for everyone.

Artifact 3.4 / Universal design

These sketches led to the six testable system constraints, defined below.


03 /  DEFINITION

Claude, Gemini — strategy

FOCUS: EXPERIENCE LOGIC

5 . 26 . 2026

System constraints

Trust — The system will request information only when strictly necessary and only after demonstrating value.

Agency — The system will never use dark patterns, urgency cues, or default selections that steer users toward a specific action against their will.

Freedom — The system will never penalize exploration: no dead ends, no confirmation anxiety, no irreversible actions without a clear reversible path.

Respect — The system will never use cluttered layouts, low-contrast interactions, or patronizing language like "Don't worry" or "It's easy!"

Invisible Service — The system will never surface AI as a feature. Personalization will manifest as calm accuracy, not a flashy announcement.

Curb-Cut Effect (applied in reverse) — Every accessibility decision will be evaluated for its benefit to all users, not just seniors.

The system “fails” if it stops delivering these values.


04 / RESEARCH

NoteBook LM, Claude — research

6 . 8 . 2026

In hindsight, quantitative context should have preceded qualitative research. Added retroactively

8 . 3 . 2026 -Note

Research findings will be updated to reflect pivot-2 in the research direction described below.

4 . 20 . 2026

The numbers

Only 12% of adults 55 and older shop for groceries online (USDA Economic Research Service, 2024) — and 64% of adults 50+ say technology is not designed with them in mind (AARP, 2024).

What the numbers mean

Desk research reveals a landscape of friction for older adults: mandatory account creation acting like a gatekeeper, intrusive data collection, and the noise of unsolicited recommendations.

A digital artifact labeled 'Artifact 2.1' showing aggregated research findings on usability barriers for older adults, including physical/sensory declines, cognitive overload, and anxiety over technological updates.
A digital artifact labeled 'Artifact 2.1' showing aggregated research findings on usability barriers for older adults, including physical/sensory declines, cognitive overload, and anxiety over technological updates.

Artifact 2.1 / Aggregated research findings: usability, physical, and cognitive barriers

A digital artifact labeled 'Artifact 2.2' showing research findings focused on trust and values, highlighting concerns over digital fraud, data privacy, and the rejection of technologies that conflict with relational or ethical values.
A digital artifact labeled 'Artifact 2.2' showing research findings focused on trust and values, highlighting concerns over digital fraud, data privacy, and the rejection of technologies that conflict with relational or ethical values.

Artifact 2.2 / Aggregated research findings: trust and value alignment


7 . 21 . 2026

This research was conducted when the project was focused on older adults as the primary user group. It informed early assumptions about adoption barriers. Those assumptions were later challenged by primary research.

Early interviews were conducted with non-users — people who do not use grocery delivery. The assumption was that non-adoption was a UX problem: that people weren't using the service because the experience was too difficult or untrustworthy.

These initial interviews suggested that this might not be the case: non-users aren't avoiding grocery delivery because the experience is broken. For most, the need simply isn't there. Grocery shopping is social, habitual, and intentional — not a problem waiting to be solved by an app. This is an initial impression that needs further validation as more interviews are conducted.

If this finding holds, it will rule out designing for conversion. I will not try to persuade someone that they need something they don't need — I am a designer, not a marketing person. This raised a more fundamental question: am I designing for a demographic or a need?

The research focus has shifted to current users — people who already choose grocery delivery — to find out whether there are real missed opportunities in the experience. If there are, CRISP will respond to them. If there aren't, that's a valid and honest conclusion.

It is worth noting, though, that improving the experience for current users may naturally lower barriers for new ones — though this is not the design objective.

Research Pivot- 1


8 . 3 . 2026

I made a few shifts in the research focus. I realized that while I am asking relevant questions, I am missing the core ones.

This is the modified research path:

  • Focus on users first instead of non-users

“Why do seniors avoid grocery delivery services?” “If seniors are not the primary users, let’s find out who they are and what issues, if any, they have with the experience?”.

  • Ask more specific questions

“Why do seniors avoid digital experiences?” “What issues do seniors have with grocery delivery services?”

  • Track common frustrations across primary and secondary users

  • Include non-users in the interviews; the input of someone who avoids an experience adds an extra layer of understanding of that experience.

Research Pivot -2


8 . 6 . 2026

Who uses grocery delivery?

Raw data - NotebookLM-generated

The table below compares the habits and preferences of primary users (Gen Z & Millennials) vs secondary users (older shoppers 50+/60+) across multiple dimensions, e.g., adoption drivers, device preference, and accessibility.

Research Update

US grocery delivery demographics table comparing younger vs. older shoppers on adoption, device use, fresh food attitudes, fees, UX, and loyalty

Artifact 2.3 / NotebookLM-generated comparison table of US digital grocery shopping by demographics

View PDF - See Data Sources


8 . 7 . 2026

What are the frustrations of grocery e-shoppers?

Raw data - NotebookLM-generated

This table focuses on the pain points of primary users vs secondary users.

Artifact 2.4 / NotebookLM-generated comparison table of US digital grocery shoppers’ frustration by demographics

View PDF - See Data Sources


Up Next

8 . 7 . 2026

  • Continue interviews to validate research findings

  • Find creative ways to secure interviews, since I got a 0% response rate in the second round of outreach after the initial one


5 . 11 . 2026

— Potential candidates identified

  • Neighbors 60+

  • Local senior center visitors

  • My Pilates buddies who are 60+

6 . 3 . 2026

— Process began

6 . 8 . 2026

— Dual track revision

6 . 18 . 2026

— Routing question

— Interview intro added

Frequency question moved from screening to user track; 'never' option removed to avoid contradiction with routing logic.

6 . 29 . 2026

— Taking a 3-week break. Resuming 7 . 22 . 2026

Interview prep & process

Initial interview questions assumed grocery delivery usage. Desk research (USDA ERS, 2024) shows only 12% of adults 55+ shop for groceries online — making non-users the statistically dominant profile. I revised the interview guide to a dual-track structure: one track for non-users exploring barriers and conditions for adoption, and the other track for users exploring their experience and satisfaction. A dedicated routing question was added to the screening process to determine which track applies to each participant before the interview begins.


7 . 22 . 2026

Interviews will resume with both current users and non-users. The goal is to validate whether "no need" is the dominant barrier to adoption, or whether other factors — such as cost or friction in the experience — also play a role. Findings will determine the project direction.

8 . 22 . 2026

Recruitment has brought 0% response.

Up Next


Pivot - 3

8 . 22 . 2026

Given the 0% response rate from the interview candidates, and to keep the project moving, I will pivot to a build-first strategy. This means I will prototype with Lovable, then test the experience with real users.


05 / VISUAL LANGUAGE

Gemini, Claude — visual direction

FOCUS: VISUAL DESIGN DECISIONS EXPLAINED

6. 16. 2026

Table removed

The visual translation table attempted to predict how pillars would manifest visually before any screens existed. That mapping is redundant with the pillar definitions themselves, and the real translation will become visible through the actual build process.

Removed in favor of letting visual decisions emerge and be documented as they're made.

5 . 13 . 2026

— Typeface selection process started

5 . 26 . 2026

WHY column added to document the reasoning behind each verdict.

6 . 1 . 2026

Verdict system refined: legibility and aesthetic fit are now evaluated and displayed separately.

— Lexend's legibility verdict corrected from 'partial pass' to 'fail' — the I/1 distinction issue is an unacceptable risk in a grocery context where quantities and prices must be unambiguous.

— Upon closer examination, Radio Canada fails the legibility test — the capital I and numeral 1 are not sufficiently distinct for senior users.

— Atkinson's aesthetic assessment updated: while functionally strong, it does not quite meet CRISP's premium feel requirement.

6 . 2 . 2026

— Serifs were explored for their ability to evoke elegance, authority, and trust — core values in CRISP. However, none of the candidates passed the legibility test.

— Lora, Source Serif 4, and Merriweather passed the aesthetic fit, with the latter showing the most promise.

—Merriweather may be considered for headings only, where larger sizes reduce the risk of ambiguity.

—Decision pending.

6 . 8 . 2026

Typeface decision: Merriweather for headers + Atkinsons Hyperlegible for body.

Translating experience pillars into visual decisions

5 . 6 . 2026

Mapping the 6 constraints (trust, agency, freedom, respect, invisible service & reverse curb-side effect) to a visual execution strategy is the first step.

Note: The table below will be updated to reflect the revised constraints and typeface findings.

A four-column planning table mapping CRISP's design pillars to their visual execution strategy. Columns are: Pillar, Core Logic (The Why), Visual Translation, and Execution Strategy. The four pillars are Trust, Respect, Agency, and Freedom
A four-column planning table mapping CRISP's design pillars to their visual execution strategy. Columns are: Pillar, Core Logic (The Why), Visual Translation, and Execution Strategy. The four pillars are Trust, Respect, Agency, and Freedom

REMOVED

Artifact 5.1 / Initial visual language audit with Gemini


5 . 13 . 2026

Typeface selection process

Accessibility is the non-negotiable starting point. The question then became: which typefaces pass a rigorous legibility test and carry the premium feel CRISP's users deserve.

5 . 26 . 2026

Testing letter legibility and typeface aesthetic fit

Non-serif candidates

The first three candidates — Lexend, Atkinson Hyperlegible, and Radio Canada — emerged from research into the most legible typefaces for low-vision and aging users. Poppins was introduced as a contrast test: a widely used, character-rich font to see if aesthetic appeal could compensate for lower legibility. It couldn't.

Artifact 5.2 / LlI1 letter legibility test — Lexend, Atkinson Hyperlegible, and Radio Canada pass; Poppins fails

Artifact 5.3 (Updated 6.1 .2026) / LlI1 letter legibility test — revised verdicts with separate legibility and aesthetic fit criteria; Radio Canada and Atkinson assessments updated.

Serif candidates

Serifs were explored as candidates and put through the same legibility test.

Artifact 5.4 (6.2.2026) / LlI1 letter legibility test — serif candidates evaluated against legibility and aesthetic fit criteria

6 . 5 . 2026

Art direction criteria

Imagery in CRISP is not decorative — it is part of the respect constraint. How products look communicates how users are valued. Imagery should feel premium — and in CRISP, premium is defined by the following criteria:

Lighting: Natural, warm, directional sunlight — never flat or artificial

Composition: Editorial framing, generous negative space, details in focus

Color temperature: Warm, with soft shadows

Subject matter: Real-life items in a curated composition

Mood: Calm and refined — every element in the frame is intentional, nothing is excess

To maintain full control over these criteria, all imagery in CRISP will be created using AI image generation tools, with detailed prompts informed directly by this art direction.

Typeface decision

No single typeface passed both tests. Rather than continue the search, the decision was to let each font do what it does best: Merriweather for headers, where its editorial character shines at larger sizes; Atkinson Hyperlegible for body text and UI labels, where engineered legibility matters most. Together, they cover both criteria — elegantly.

Artifact 5.5 (6.8.2026) / Typeface pairing rationale — combining strengths to meet both legibility and aesthetic criteria



Up Next

6 . 5 . 2026

  • Visual exploration — testing AI-generated imagery against the art direction criteria.

  • Spacing system

  • Color — pending interview findings, which may influence final decisions.


06 / THE BUILD-FIRST PROCESS 

Lovable, Claude — build & critique

8 . 26 . 2026

  • Since I am moving to a prototype-first approach, the project will shift to building CRISP, a grocery delivery app for a conceptual physical store carrying the same name. The app will aim to replicate the same familiarity, honesty, and trust the store has built in the neighborhood.

  • I asked Claude to take the above info and specs and turn them into a design brief that I can feed into Lovable and then consider Lovable’s first output as iteration #1.

  • I will share snapshots of the different iterations as they roll out, along with my critiques and how Lovable iterates accordingly.

Iteration #1 - Initial critique

First look at Lovable's output: Although the art direction criteria for imagery were generally respected, two issues involving product cards immediately stood out.

Yellow notes describe the issues; blue notes are reflections.

Product cards with sticky-note critiques: yogurt image ambiguous with similar foods; butter image has competing objects (foil, plates). Blue note reflects on requiring a single clear visual focus.
Product cards with sticky-note critiques: yogurt image ambiguous with similar foods; butter image has competing objects (foil, plates). Blue note reflects on requiring a single clear visual focus.
Product cards with sticky notes: eggs card fits snapshot frame fully, apples card is cropped at top despite using the same dimension box — showing inconsistent card heights. Blue note reflects on the surprise of this measurement issue.
Product cards with sticky notes: eggs card fits snapshot frame fully, apples card is cropped at top despite using the same dimension box — showing inconsistent card heights. Blue note reflects on the surprise of this measurement issue.