ui/ux case study

Designing Accessible Grocery Experiences for Older Adults.

concept app

Shop Helper App

ROLE

UX/UI Designer

EXPERTISE

Accessibility

YEAR

2025

Weather app image
Weather app image
Weather app image
Weather app image
Weather app image
Weather app image

Project description

Project description

Project description

Shop Helper is a concept grocery delivery app designed to reduce friction for older adults navigating digital shopping.
The focus was on accessibility-first interaction patterns, simplified navigation, and supportive service integration.

Timeline

2025 · UX/UI Design Concept

Background

Older adults often face cognitive, visual, and motor challenges when using mainstream grocery apps.
Existing platforms prioritize density and speed over clarity and confidence.

This project addressed how a digital grocery experience could be redesigned to support independence while reducing cognitive load.

Solution

Solution

Solution

Solution Overview: Shop Helper is a mobile grocery concept designed to help seniors shop with confidence—through clarity, accessibility, and human support

Large touch targets

44×44px minimum for buttons and controls, reducing mis-taps and making the app comfortable for users with limited dexterity.

Clear visual hierarchy and simplified navigation

A calm layout with clear categories and step-by-step screens helps users find essentials fast and complete checkout without confusion.

Voice-supported search

Users can search by voice or text to quickly find products, reducing typing effort and making discovery easier for first-time users.

Process

Process

Process

The project followed a structured product design approach:
research → prioritization → system definition → usability validation.

Research & Insights

Identified common pain points including:

  • Small tap targets and dense layouts

  • Multi-step checkout flows

  • Lack of reassurance and confirmation feedback

  • No physical delivery assistance

Primary insight:
Confidence, not just usability, is the core barrier for senior users.

Product Strategy

Defined three design principles:

  1. Reduce cognitive load

  2. Increase interaction clarity

  3. Integrate real-world support into the digital flow

System Design

Scalable touch targets and high-contrast typography

Clear action labeling and structured navigation

Built-in confirmation and feedback patterns

Testing & Iteration

Validated core flows with senior users and refined navigation, labeling, and confirmation states to reduce friction and increase task clarity.

Results

Results

Results

The final concept demonstrates how inclusive UX decisions can reduce friction, improve clarity, and increase user confidence in essential e-commerce flows.

Improved Task Clarity

Simplified navigation and larger touch targets reduced confusion during search and checkout flows, especially for first-time users.

Validated Need for Assisted Delivery

User interviews confirmed that unpacking support and clear delivery communication significantly increased perceived comfort and independence.

Increased User Confidence

Clear confirmation states and step-by-step checkout reduced uncertainty and helped users feel more secure when placing orders.