Late Night Mix

Role:

UX Designer, UI Designer, UX Researcher

Tools:

Figma, Google Docs, Google Spreadsheet

Methods:

Low Fidelity Prototyping, High Fidelity Prototyping, Usability Testing, Usability Heuristic, System Usability Scale (SUS) Assessments, UI/UX Design, UX Research

Timeline:

6 Weeks

April 2026 - May 2026

Course:

Advanced UX Design

Overview and Context

In an advanced UX course, I worked on a cross-functional project with User Experience (UX) and Simulation & Game Design (SGD) students to simulate a real-world game development environment. While SGD focused on development and assets, I led UI design, prototyping, and usability efforts.

Our project, Late Night Mix, is a mixology game inspired by classic time-management titles like Papa’s Burgeria and Papa’s Pizzeria, where players prepare drink orders in a fast-paced nighttime setting.

I collaborated closely with developers to turn gameplay ideas into intuitive designs, contributing UI systems, high-fidelity prototypes, usability testing, system usability scale (SUS) assessments, and overall information architecture and visual hierarchy.

Although the final video game was unfinished due to time constraints on the SGD side, our UX team delivered a fully developed, usability-tested prototype that established a strong foundation for future development. This project highlights my ability to work cross-functionally and apply UX principles in a game development setting.

Click here to view the final Figma Design file

Game Selection and Scoping

At the start of the project, I collaborated with SGD teammates to define the core concept and direction of the game. They provided an initial elevator pitch, gameplay summary, mechanics, drink systems, UI needs, constraints, and early sketches.

As UX designers, my co-designer and I guided this process by asking four key questions to align gameplay with user experience:

The four questions were:

  1. What is the game? What is the player doing while they engage with the UI?

  2. What information must the UI communicate?

  3. What’s the intended experience as users are completing various tasks? Do interactions need to be performed quickly and without disrupting flow, or should they be slower and more methodical?

  4. What are the hard technical constraints? What input methods are supported?

These discussions helped translate early concepts into clear UX requirements, ensuring the game's foundation was both engaging and usable from the start.

Debriefing Document Screenshot

Low Fidelity Prototyping & Heuristic Evaluation (click to view Figma file)

Using insights from our initial discussions, we translated SGD concepts into low-fidelity wireframes in Figma to define core functionality and user flows.

We also began establishing our design system within Figma, including components, color palettes, typography, and iconography to maintain consistency as the project evolved. Throughout this phase, we collaborated closely with the SGD team to ensure alignment with their vision.

We then created interactive prototypes in Figma and conducted heuristic evaluations to identify usability issues early and we revised/documented those issues before moving in to higher fidelity prototyping.