Project Cosmos — Building scalable UI patterns for a stylized fantasy adventure.

Complex game features often require players to navigate multiple states, decisions, and interconnected systems.

For Project Cosmos, I designed UX flows exploring post-game progression and relic management. These included victory results, character progression, inventory interactions, relic selection, and equipment swapping.

I mapped out interactions and system restrictions to identify how players would move between states, receive feedback, and complete important actions. By developing these flows alongside evolving UI concepts, I could explore interaction behavior and usability while supporting the transition toward more polished visual designs.

Design Systems

Character Screens

The characters need so many different screens to show them off. Here I tried to

1. Main Menu screen - Player start here when they log in.

1. Main Menu screen - Player start here when they log in.

2. After logging in, players select their hero.

2. After logging in, players select their hero.

3. Character overview page, from here players can check out all other character related pages.

3. Character overview page, from here players can check out all other character related pages.

4. Character ability page - all unlocked and locked abilities viewed here.

4. Character ability page - all unlocked and locked abilities viewed here.

5. Character loadout with available states, slots and available gear.

5. Character loadout with available states, slots and available gear.

6. Lore page - collectible lore cards for the character along with stories.

6. Lore page - collectible lore cards for the character along with stories.

Post-Game Progression

A cohesive set of post-game screens that guide players through progression, rewards, and next steps using consistent UI patterns and visual language.

  • Success / Fail mission screen.

  • Results! This would show images of each hero that was in the match - it can be scaled down depending on how many players, all the way to solo play.

    Results screen - updates the amount of characters here to match what’s in game.

  • Mission progression screen - Medals gained, character/class/account and battle pass progression cards.

  • If a level up occurs in any of the sections, it will display here with the accompanying rewards.

  • The next screen will show the entire team and an outstanding stat they contributed to the game.

  • Character view screen, here you can view any details of a character in your party, the equipment they had on, their abilities, and any equipment or they had in the run.

  • End game stats for the match and any medals gained.

  • Any quests completed during the run.

Final Visual Language

A cohesive, expressive UI style that reinforces the game’s fantasy world. From layout and components to icons and typography, the design system balances charm, clarity, and scalability.

SCALABLE SYSTEMS

Modular patterns that work across multiple game features.

PLAYER-CENTRIC DESIGN

Clear, intuitive flows that reduce friction and improve understanding.

PRODUCTION-READY

Polished, consistent UI from prototyping to final art.