Bakery Point-of-Sale Tool

  • I designed an e-commerce site from ideation to wireframe to prototype

The project focused on designing a POS tool for bakery employees

  1. User account creation

  2. Event browsing and ticket purchasing

  3. Customer account with virtual tickets

Case Study

Designing an internal point-of-sale tool for a growing small business

The Rose Family Bakery, a family-owned business, recently transitioned from taking orders through social media to operating a physical storefront. With increased foot traffic and more complex orders, their existing process became inefficient and error-prone.

I was tasked with designing a point-of-sale (POS) application for internal staff use—a tool that would streamline ordering, reduce mistakes, and improve employee efficiency during busy in-store interactions.

The goal was to create a simple tool using a design system.

Steps Taken

A flowchart illustrating the stages of user experience design, including user flow creation, ideation from personas and journey mapping, interaction design, wireframes, and prototyping.

The Problem

The bakery’s current ordering process relied on:

  • Verbal communication

  • Paper forms

  • Memory of menu options

This led to:

  • Slow order-taking

  • Missed customization details

  • Confusion around available options

  • Increased pressure on employees during peak hours

Additionally, the client wasn’t fully committed to adopting a POS system yet—so the design needed to demonstrate value clearly and intuitively.

The Goal

Design a simple, efficient POS experience that:

  • Helps employees quickly guide customers through orders

  • Reduces cognitive load and memorization

  • Minimizes errors in customization

  • Matches the natural flow of in-person ordering

Users

Key Needs:

  • Quickly access all product options

  • Easily modify orders in real time

  • Confidently guide customers

Pain Points:

  • Too many menu options to memorize

  • Customers are often unsure of what they want

  • Pressure to make recommendations without full knowledge

Profile of a young woman named Avery, a bakery counter employee, with her bio, characteristics, work info, concerns, job pain points, and app wishlist on a colorful background.
A bakery customer journey flowchart detailing the stages from initial contact to order completion, including touchpoints, stages, thoughts, and moods of the customer named Avery, with a small photo of a smiling woman in the upper right corner.

Provided Persona & User Journey

Wireframes & Prototyping

Low-Fidelity Wireframes

Series of wireframe screens for an online bakery ordering website, showing product selection, customization options, order review, and confirmation.

User Needs:

Guided Order Flow

  • Step-by-step structure (product → quantity → customization)

  • Prevents missing key details

Dynamic Menu Display

  • Visual lists of cakes, cupcakes, and cookies

  • Easy for employees to read options aloud

Quick Edit Functionality

  • Modify quantities, flavors, or decorations instantly

  • Supports changing customer decision

  • Order Summary Panel

  • Real-time summary of selections

  • Reduces errors before checkout

Streamlined Checkout

  • Capture customer details and pickup time

  • Clear, simple payment step

Design Approach Principles:

1. Visibility over recall

Show all relevant options clearly so employees don’t have to memorize anything.

2. Flexibility and speed

Allow quick edits without restarting the order.

3. Match real-world workflow

Design around how conversations actually happen at the counter.

High-Fidelity Wireframes

Using the provided persona and journey mapping, a few key insights emerged:

1. Customers are indecisive

Customers often:

  • “Kind of” know what they want

  • Need help exploring options

  • Change their minds mid-order

The system must support exploration + flexibility

2. Employees rely on memory too much

Staff are expected to:

  • Recall all flavors, sizes, and customizations

  • Suggest options confidently

The system should act as a decision-support tool, not just an input form

3. Ordering is conversational, not linear

The interaction naturally involves:

  • Back-and-forth discussion

  • Iteration and changes

The UI must feel fluid and editable, not rigid

Even simple tools can transform operations. By focusing on usability and real workflows, this POS system turns a stressful process into a smooth, efficient experience—for both employees and customers.

Screenshots of an online bakery shop interface showing categories of cakes, cupcakes, and cookies, with various cake standards and themes, customization options, a selected Valentine-themed cookie, and an order confirmation page.

Prototype

The prototype simulates how a bakery employee would start a new order, navigate menu categories and options, add and edit items, and complete checkout.

User Journey Improvements

Before

  • Employees memorize options

  • Orders written manually

  • Frequent clarification needed

  • Higher likelihood of mistakes

After

  • Employees reference structured UI

  • Guided ordering reduces confusion

  • Faster, smoother interactions

  • More confidence knowing all of the options customers have