2-player asymmetric game where the human and the forest spirit have different abilities, and can see and interact with different entities.
The players must communicate to solve the puzzles.
UI Design Projects
✨Music App UI
Created in 2 hours for Gradient, a UI ideathon by our university’s Android Club. Our design went on to win second place in the event.Teammate: Yashvardhan Gupta
We drew inspiration from a vinyl record and tried to implement that classic aesthetic in a modern context. This led us to design a clean and minimalist interface, with a nostalgic touch of circular elements and a vinyl-inspired player.
The color palette was specifically chosen to give a theatrical feel inspired by nightclubs and concerts, and the typography was kept simple to maintain the clean, minimalist aesthetic. We also ensured that the user experience was smooth and intuitive, with easily accessible features and a clear, easy-to-understand layout.
✨Event App UI
This was probably my first step into the world of UI and UX design. HC Educates, HackClub’s yearly flagship event, consisted of a series of workshops followed by a Hackathon where participants could showcase what they learnt. I was tasked with designing a one-page website framework to be presented to the web developers to create a site where participants could find all the event details.
Gradients and futuristic fonts, combined with the use of 3D elements and dynamic shapes, were used to create an engaging and futuristic design that would appeal to the tech-savvy audience of the event. The layout was designed to be clean and intuitive, ensuring that users could easily navigate through the site and find the information they needed.
~✨Figma embeds may take a few seconds to load!✨~
The website was later developed and deployed by HackClub’s web development department, and can be viewed at
https://hackclubvit.github.io/hc-educates-site/
✨Game UI Programming - Two to Foxtrot
Role: Integrating UI into the game
Game Mechanic
Human Abilities:
- move physical obstacles
- read signs
Spirit Abilities:
- talk to ghosts
- swimming
Platform
Unity Engine, Xbox controllers for each player.
Assets made by Joy Lim.
My role involved intergrating this UI into the game, first, with placeholder assets I had made, and then with the final artists assets.
Worked on:
- overall planning of game UI programming,
- setting zones where the UI should appear,
- timing of appearance,
- orientation of certain UI like dialogue during character movement,
- having different UI appear for the human and the fox spirit, and
- encouraging conversation between the two players using different UI monologues.
UI appears based on range of player within a region
UI for communication with ghost - player cannot decipher the whole request
Encouraging players to communicate early on (Asymmetric Play - Part 1)
Conversation between characters visible only on their respective screens - makes players talk to eachother to complete tasks
Alt text: Sprit cannot move the rock. The spirit player sees the "That's too heavy for me to move." dialogue. The human sees only the "Hmm, maybe I can move this." line. Works as a standalone line for the human player too.
Quests! (Asymmetric Play - Part 2)
The spirit can talk to the ghost. The human can read. The players must communicate to solve the puzzles.
Human view and Spirit view
Red(flower + mushroom)!!
Happy ghost - the light bridge opens!
When the task (red flower + red mushroom) is complete, the ghost animation and UI changes, and the light bridge is now accessible to players.
End of Part One - Cinematic Fade Out
Each player's screen fades to white slowly, after they enter the light bridge and fall into an abyss.
This was the end of our interim game and was meant to feel complete. We later added more tasks between the ghost's first request and the final fadeout escape.
