UI Design

About

Rush Hour Anxiety is a web game made for the 2023 HackNYU Mini Hackathon, where it won 1st place in the Gaming category.

Following the prompt of 'New York City', the player balances finishing their test in time and dodging pickpocketers on the subway.


Menu Items

Credits

pop-up window

icon

icon hover-state

Tutorial

pop-up window

icon

icon hover-state


On-Screen UI

Direction

Problem Players played the whole game just on the default screen.

Solution Have a sprite that instructs and reacts to players looking around.

Combat

Problem Players didn't understand the function of turning the phone off.

Solution Show what moves combat NPCs.

Promotional Posters



Web Dev

ribbon

*currently only in developer mode 😕

Wrap

Goal

Make Spotify Wrapped a little more personal with custom graphics according to genre & cover art.

Figma Mockup

API

Using the Spotify API, I organized results into 3 categories and 3 time periods.
This served as a basis for the design.

Design

For Artist and Genre cards, I designated 2 colors for each genre. I created algorithms to choose complementing/contrasting colors based on the 2 colors.

For Track cards, I used a color picker algorithm instead.

Brand Design

listen

Merch

stickers

Mock-up
Made in Illustrator and Photoshop.

hoodie

Mock-up
Made in Illustrator and Photoshop.

Final
Images retouched in Photoshop.
Hoodie embroidered with Brother SE400.

keychain

Final
Images retouched in Photoshop.
Product made with acrylic, laser-cut with Helix Mini.

Liner Notes

Sites

Music AI

Text and photo Generative AI practice with ReplicateAI.

Made with Javascript and stored in Firebase.

Bloodchild

Retelling of Octavia Butler's Bloodchild for Storytelling for Project Development.

Made in Twine and Procreate.

BandPlayer

Keyboard-controlled animation and song for Creative Coding.

Made with p5.js and Procreate.

Designs

Hook'd

UI/UX in game prototype Hook'd for the 2024 Global Game Jam.

Made in Illustrator.

Briefing Book

New briefing book template (slides 1 & 3) for NYU's Berkley Center for Entrepreneurship's Help Desk program.

Made in Illustrator.

Sabai Design

Posts and stories made for Sabai Design's Instagram.

Made in Illustrator.

Posters

Posters for various personal projects.

1. Typography & Technology class
2. IMA 2023 Winter Show
3. Refinery Creative application

& Others

Sound Waves

3D-printed headpiece made for Introduction to Digital Fabrication.

Modeled in Fusion 360.

Loop Pool

Animation made for Communication Labs.

Made in Illustrator and After Effects.