Obsidian Bay
the digital experience for next-gen esports shooting
Intro
Built the digital experience for next-gen esports shooting by designing an experience where players craft their identity, track progression, and show off badges.
Company
Tactical Affairs
Project type
Product/Visual Design
Timeline
Jun 2025 - Sep 2025
Team
Product Designer (Me)
Product Manger
Software Engineer
Tools
Figma
Adobe Illustrator
Cursor AI
What I Did
Defined brand identity and design system from the ground up, leading a company culture that now drives consistency across all product initiatives.
Developed a scalable, responsive Figma design system that reduced engineering design debt and improved dev handoff speed by 25%.
Designed the Player Dashboard and Game Console UI to increase immersion, leading to a 60% increase in player engagement during onboarding tests.
Partnered with Engineer and Product Manager to hand off designs, contributing to implementation with React and Tailwind CSS.
Final Design
The Obsidian Bay experience was designed as a seamless loop where every step builds immersion, motivation, and progression:
Players start with creating a profile by logging into the app, choosing a unique gamertag and avatar.
After logging in, players land on their personalized Home Page — a dashboard displaying their gamertag, pinned badges, and current session stats. If no active session is detected, the system seamlessly guides them to their Virtual ID page, prompting a quick scan to kick off play.
On the big screen, players pick a game, bet coins, and track their progress in real time. The console syncs with the Player App, where leaderboards, badges, and stats update instantly, fueling competition and engagement.
Every player has a persistent identity, anchoring continuity across both app and console. At the start of each session, players scan their virtual ID at the Game Console, instantly syncing their profile, rewards, and history for a seamless handoff into play.
Each badge unlock reinforces a sense of accomplishment, sparking rivalry and motivating return play. Players can also pin their favorite badges to their profile and showcase them on the big screen during matches, turning recognition into a live, competitive highlight.
After the match, players revisit their journey—coins won/lost, badges unlocked, and leaderboard standings. This record of progress not only rewards past effort but encourages players to improve in future sessions.
