Automotive UX

Automotive UX

User Research

User Research

Product Design

Product Design

The Challenge

The Solution

My Role

Outcome

Final Designs

Video

Presentation & Figma

UI/UX Design

<- Back

Game Design

Graphic Design

Contact Now

@ Michelle Lin 2025

Resumé

Contact Now

@ Michelle Lin 2025

Resumé

Contact Now

Resumé

Good Boba, Great Boba is a browser-based game I designed and built that puts players in the role of a boba barista. Players race against the clock to complete drink orders by choosing the right ingredients and assembling them in sequence. The game is designed to be fun, visually charming, and intuitive enough that anyone can pick it up instantly.

Each round generates a randomized bubble tea order. Players complete it by:

  1. Clicking the cup stack to start a new drink

  2. Adding toppings like boba, jelly, or pudding

  3. Choosing tea, milk, syrup, and optional glitter

  4. Adding ice when required

  5. Sealing the cup with a lid and straw

  6. Submitting the order to earn coins — or losing points if it’s wrong

Game Design

Michelle Lin

Game Design

Michelle Lin

Bubble Tea Builder – Web Game

Bubble Tea Builder – Web Game

Overview

Overview

Gameplay

Features

Game

Gameplay

Game Link

(Only on Desktop)

Game

My Role

Design Goals


  • Randomized Orders – keeps gameplay fresh every round

  • Scoring & Streaks – coins for correct orders, streaks unlock faster-paced rounds

  • Timer System – 30 seconds per order, dropping to 20 after 10 correct streaks

  • Real-Time Feedback – wrong ingredients are highlighted in red on the order note

  • Dynamic Assets – toppings, teas, and add-ins visually appear inside the cup

  • Audio Integration – background music, sound effects, and toggle controls

  • Tutorial Pop-Up – guides first-time players through the rules of the game

Features

This was a solo project where I:

  • Designed the overall game flow and mechanics

  • Created all visual assets, including cups, toppings, and backgrounds

  • Built the game using HTML, CSS, and JavaScript

  • Designed error states, scoring logic, and audio integration

My Role


  • Make the game accessible and intuitive, even for first-time players

  • Balance structure (consistent build order) with playful freedom (fun extras like glitter)

  • Keep visuals light, bright, and fun to match the theme

Design Goals

How to design user flows that balance efficiency and delight

  • The importance of feedback and error states in maintaining engagement

  • Front-end implementation skills for building dynamic, interactive systems

  • How to merge my personal interests (games and design) into a creative, functional project


  • Make the game accessible and intuitive, even for first-time players

  • Balance structure (consistent build order) with playful freedom (fun extras like glitter)

  • Keep visuals light, bright, and fun to match the theme

What I Learned

What I Learned


  • How to design user flows that balance efficiency and delight

  • The importance of feedback and error states in maintaining engagement

  • Front-end implementation skills for building dynamic, interactive systems

  • How to merge my personal interests (games and design) into a creative, functional project

Create a free website with Framer, the website builder loved by startups, designers and agencies.