top of page
gamemoneyshot.png

Matcharista: Matcha-Making Game

Role
UX/UI Designer
Game Art Illustrator



What is this game?
During the summer after my UC Berkeley junior year, my friend Harley and I decided to work together to produce an indie game, combining our love for matcha lattes and late-night gaming. As Harley took on the logistics of coding the game in Unity, I took on the creative aspects of deciding the art-style and design of our game. 

Skills

Figma

Adobe Photoshop

Timeline

June 2025 - December 2025

Research
What published games can we reference in regards to similar game style and player experience? Differences between mobile and desktop games?

research - lauren website format.png

Understanding the Player Flow
If you are a frequent at-home matcha barista, the steps of our game should be very familiar as they mimic the steps of making a matcha latte at home! 

userflow.png

Low-Fi Game Mockup
After agreeing on making our game first available on desktop, I created a low-fi design of the main screen the player will interact with when making drink orders.

wireframe.png

Design System
To create a playful and cozy environment for our matcha game, this is the design system I settled on! 

Color Palette

Typography

brand system.png

In-Game Sprites

Mid-Fi Game Mockup
Finalizing on a general color scheme and the placements of all of the necessary sprites on the screen. 

midfi.png

Hi-Fi Game Mockup
At this stage, we finalized the overall look and style of the game. Although the project is still ongoing alongside our Fall 2025 Senior Semester, Harley and I plan to continue slowly developing our game further!

Matcha-Making Screen

harley scale full view.png

Drink Result Screen

result.png

First Game Demo!
This is our first published game demo using Unity :D

How to Matcharista:

  1. Read the top right receipt to view your order

  2. Move matcha bowl to first workstation

  3. Add needed matcha powder into bowl

  4. Pour hot water into bowl, then whisk away

  5. Move needed cup to second workstation

    1. tall cup: add ice + needed milk

    2. tea cup: add milk + warm up in microwave

  6. Pour whisked matcha into your cup

  7. Place finished drink in far right counter + ring to serve

Remember:

  • Move left and right across the counter using your mouse or scroll wheel

  • Rinse your bowl before starting a new order

  • Discard any items in the sink

  • Progress does not save, so do not refresh

  • Please play on desktop for the best experience

  • Click around the map for some fun surprises :D

  • insta
  • Twitter
  • LinkedIn
  • Instagram
  • Twitter

© 2023 BY KAY VAN HANS.
PROUDLY CREATED WITH WIX.COM

bottom of page