Embedded Files
Smoke break! is...
Smoke break! is...
Smoke Break! is a Stealth-Puzzle game where your health is directly linked to your interactions, because you play as APPLEWOOD, a living puff of smoke chasing down a deliciously (to you) burnt pie in a pie factory.
An USC Games Advanced Game Project (AGP) under development with a planned release date in May 2025.
UI/UX Design
UI bible
UI bible
The UI Bible ("UI Kit") is a booklet that defines the direction for the overall UI/UX design, involving guidelines ranging from Shape Languages to Typography. It provides useful references for artists working under the UI discipline.
This is a living document that I periodically revise as the project develops.
wireframes
wireframes
Smoke Break! is a game that takes place at a baking factory, which inspired me to design the screens to each represents a different part of the factory.
Scroll through the image carousel to view some of the screens.
The design process
The design process
This is an unfinished draft of the Level Select screen in Smoke Break! I designed it based off of ingredient jars commonly seen in domestic and industrial settings as a storage containers for food. Scroll left to view the design process.
Draft (cover art) illustrated by our UI artist Alex Tang.
In-Game UI: hP bar
In-Game UI: hP bar
In Smoke Break! I have designed the concept for a decreasing health bar with the idea of Applewood being a living smoke in mind. I was inspired by the real life sighting of smoke rings huffed from a cigarette.
Applewood_hpbar_finalized.mp4Applewood_hpbar_concept.mp4
The original concept art and concept anination of Applewood's in-game health bar.
The final prototype (see left) is realized in game by our UI artist Dirk Quizon.
shattering_vfx.mp4in-game vfx
in-game vfx
Smoke Break! takes place in a bakery factory. Applewood being the mischievous spirit that they are breaks items in their way. An on-screen visual effect is required to represent the degrees of which they're broken.
Left: concept art by me (Nevaeh Li) Right: realized product by our UI artist Dirk Quizon.
team Organization
milestones
milestones
Smoke Break! is consisted of a team with over 40 members. Currently, I am working with 2 UI artists in this department, but also maintining close communications with other leads (mostly design, art, and engineering).
Working together with our producer, I have come up with a list of tasks ("milestones") for the UI team that should be completed over the span of the rest of the school year.
Page updated
Google Sites
Report abuse