Yummies by Yan –
Bakery Ordering Website

Designing a delightful e-commerce experience for a home bakery.

Timeline

June 2025

Tools Used

Framer

Figma

Adobe Illustrator

My Role

UI/UX Designer | Branding | E-commerce Flow Design | Visual Design


See it in Action
🧾 Overview

Yummies by Yan is a small-batch bakery specializing in cookies, brownies, and custom cakes. The client needed a clean, user-friendly website where customers could browse products, place delivery orders, and learn more about the bakery. The goal was to move beyond Instagram DMs and create a professional online ordering system.

The Sweet Treat Bakery app aims to provide an easy, convenient way for Bay Area residents to order baked goods directly from the bakery, bypassing third-party apps.

This app focuses on simplifying ordering for pick-up and delivery, catering to busy individuals and families who value time-saving solutions.

Challenge

No streamlined way for customers to place or customize orders

Instagram-based communication led to missed or delayed requests

Needed a brand identity that felt warm, personal, and trustworthy

The Solution

I designed a responsive e-commerce website that balances function and charm:

  • Clear product catalog with images and bundle options

  • Straightforward checkout process for delivery orders

  • Branded color palette, playful typography, and bakery-style visuals

  • Homepage highlighting Yan’s story to build personal connection with customers


Sweet Treat Bakery was a project I undertook as part of my Google UX Design class. The goal was to enhance the digital experience for a local bakery by creating an intuitive and efficient app for customers.

The app was designed to simplify the ordering process, making it easy for users to browse, select, and pay for their favorite baked goods directly from the bakery.

Through this project, I aimed to address pain points like the extra costs associated with third-party apps and limited ordering options, while providing a more streamlined, user-friendly solution.

🔎 Research Process

Research: Reviewed competitor bakery sites and ordering flows.

Wireframes: Built out low- and mid-fidelity prototypes to map product browsing and checkout.

Visual Design: Created a soft, inviting palette paired with mouthwatering photography.

Testing: Shared clickable prototypes with the client to refine bundle/ordering logic.

The Outcome

The final site gave Yummies by Yan a professional online storefront that makes ordering seamless. Customers can now quickly select cookies, cakes, or bundles with confidence, while Yan’s personality and brand story shine through the design.

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin

LETS CONNECT

Get in touch with me via email

sofiadesignhub@gmail.com

or linkedin