Theo’s Bakery

Mobile-first e-commerce experience focused on product discovery and a streamlined purchase flow.

Project overview

Theo’s Bakery is a mobile app concept to make ordering baked goods easy, fast and delightful. The project was my chosen portfolio piece while completing the Google UX Design Specialization. It followed the full design-thinking process and was iterated after user feedback.

My process

A research-led, conversion-aware approach that prioritized product discovery, onboarding, and a frictionless checkout.

01

Research & synthesis

Contextual research and simple competitor benchmarking helped identify friction points in product discovery and checkout. I used storyboards to align on user needs and business goals.

Theo storyboard — context and flows — Storyboards that describe key user goals and scenarios.

02

Ideation & validation

I sketched wireframes, built interactive prototypes, and validated navigation and filtering patterns with peer tests. Iteration focused on reducing clicks to checkout and improving product discoverability on mobile.

Theo storyboard closeup — Close-up storyboard and interaction notes used during validation.

03

Design & polish

I delivered high-fidelity screens and a compact component set for product cards, cart UX, and accessible CTAs. A short presentation video demonstrated flow and interaction for stakeholders and reviewers.

Theo hi-fi screen — Selected high-fidelity screens used for testing and handoff.

What I shipped

Delivered a mobile-first storefront with clear navigation, accessible filters, concise product cards, an improved cart, and a simplified checkout. I prepared high-fidelity screens, a compact component set, and a prototype that demonstrated the path from browse to order.

Impact & learnings

Theo’s Bakery taught me how to balance conversion goals with delightful micro-interactions. Iterating based on quick tests improved the checkout clarity and the product discovery patterns. The project is useful to show end-to-end thinking — from onboarding to order confirmation.

Next steps

Expand testing to a larger pool, add order tracking and delivery status, and prepare annotated designs for engineering handoff.

Theo’s Bakery

Quick Facts