chaotic calculator // ui design
chaotic calculator // ui design
azuki tcg app
contract
tracy chen, hoshi, alice cai
sep 2025 - present
azuki tcg app
contract
tracy chen, hoshi, alice cai
sep 2025 - present
azuki tcg app
contract
tracy chen, hoshi, alice cai
sep 2025 - present
Designed the Azuki TCG companion app from concept to launch. The app was shipped and adopted by all participants in a 64-player tournament, where I led MVP feature design for iOS, established the design system for both the mobile app and TCG website, and collaborated closely with a senior product designer to ensure brand consistency throughout.
App Overview
Card Gallery
Events
Match History
Life Tracker
Leaderboards
Profile
Card Gallery
Designed a browsable card library, prioritizing the art front and center and keeping the floating toolbar for search, sort, and filter within thumb's reach, so players can find cards quickly without the interface getting in the way.
Designed a browsable card library, prioritizing the art front and center and keeping the floating toolbar for search, sort, and filter within thumb's reach, so players can find cards quickly without the interface getting in the way.
-
Search
Filter
Sort
Search
Filter
Sort
Events
Designed the event discovery flow for players to find and register for local tournaments. Each card surfaces the most critical information at a glance: spots remaining before registration closes, status once a tournament begins, reducing the need to tap into each event for basic context.
Designed the event discovery flow for players to find and register for local tournaments. Each card surfaces the most critical information at a glance: spots remaining before registration closes, status once a tournament begins, reducing the need to tap into each event for basic context.
-
Filters
Lets players narrow events by date, location, and type. Kept the sheet clean and low-friction, while adding small design touches to make browsing feel a little more enjoyable.
Lets players narrow events by date, location, and type. Kept the sheet clean and low-friction, while adding small design touches to make browsing feel a little more enjoyable.
Match History
Once a tournament starts, players need to find their opponent fast, so the screen is designed around speed and legibility, with large text and a focused layout that puts round, table, and opponent name front and center.
Once a tournament starts, players need to find their opponent fast, so the screen is designed around speed and legibility, with large text and a focused layout that puts round, table, and opponent name front and center.
Life Tracker
Designed for use flat on a table between two players during a match to keep track of life scores. Numbers are oversized for instant readability, and the entire half of the screen becomes a tap target. Green and red reinforce score changes at a glance, so it's always clear whether you're gaining or losing life.
Designed for use flat on a table between two players during a match to keep track of life scores. Numbers are oversized for instant readability, and the entire half of the screen becomes a tap target. Green and red reinforce score changes at a glance, so it's always clear whether you're gaining or losing life.
-
Ranking
Designed the ranking page with badges for the top 3 players and a laurel icon alongside each rank, giving the leaderboard a sense of ceremony, making the experience feel rewarding.
Designed the ranking page with badges for the top 3 players and a laurel icon alongside each rank, giving the leaderboard a sense of ceremony, making the experience feel rewarding.
-
