Top of page

Bowlsome Smoothie

Bowlsome Smoothie logo

Impact

  • Delivered a full self-serve order flow from start through confirmation.
  • Met the brief’s accessibility needs for reach, contrast, and readable text.
  • Left a reusable UI system ready for kiosk prototyping and future testing.

Overview

Bowlsome Smoothie is built around customizable smoothie bowls. The project was an in-store self-service kiosk so customers can order on their own. I designed the flow for a 2304 by 1632 kiosk screen, from opening through size, ingredients, toppings, cart, payment, and confirmation. That included the brand system, wireframes, high-fidelity screens, and design decisions aimed at reach and readability on a shared kiosk.

Customers want customizable smoothie bowls, but waiting in line slows the process, so the kiosk had to stay fast without cutting customization or accessibility.

From the client brief, use case, and user stories, I mapped the order flow, then wireframed opening, choosing, and checkout for the 2304 by 1632 kiosk. I expanded the given colors (#374B4A, #0CCA4A), chose Krub, and built spacing, buttons, cards, and fields on an 8px base with enough contrast around actions. Primary controls were placed lower on the screen with reach in mind, especially for wheelchair users.

Site map
Opening wireframe
Choosing page wireframe
Checkout wireframe
Color palette
Typography
Spacing
Buttons
Menu item cards
Form fields

Final screens

Screens move from bowl size through ingredients, add-ins, toppings, review, cart, payment, and confirmation, with a quicker path alongside full customization. Ingredient cards leave room for calories and allergens. Primary actions sit lower for reach, and review and cart keep totals and edit controls visible before pay.

Opening
Bowl size
Bowl summary
Cart
Payment
Confirmation

What I would test

I did not run live usability testing on this project, but I would validate a few decisions before a store rollout. First, the checkout path: can a first-time customer move from cart to payment to confirmation without help, and where do people hesitate on totals, edits, or payment? Second, my reach hypothesis: I placed the most important actions toward the bottom of the screen so the ordering software would stay usable for wheelchair users and others with limited vertical reach. I would test whether that placement actually helps, or whether people look for those controls higher on a large kiosk display. I would also watch whether customization stays fast enough for a busy line, and whether calorie and allergen details on ingredient cards are noticed when they matter.

Copyright © 2026 Jessica Sproul