A community without a home

The project started from a clear gap: gamers had no dedicated space that combined game tracking, social interaction, and discovery in one place. The UX Researcher ran desk research and conducted interviews with real gamers.

Dark, sharp, neon

I chose a dark background with neon orange as the primary color. This was a deliberate cultural decision, not just an aesthetic one. Gamers are used to dark interfaces. From console dashboards to game UIs, dark mode reduces eye strain during long sessions and makes game cover images stand out.

The neon orange communicates energy, technology, and action. It is the color of gaming peripherals, LED setups, and competitive gaming culture. It feels native to the audience without copying any existing platform.

Every button, tag, and interaction state was designed to feel sharp and immediate. This matches the expectations of users who spend hours in fast-paced digital environments.

Onboarding, personalization, search, and social discovery screens

Built around real needs

A mature product that looked outdated

The client approached me because the existing mobile app no longer reflected the quality of the service. They did not have a specific list of things to fix. They knew the app needed to feel more current, more professional, and easier to use.

Without direct access to end users, I worked with customer support emails that the client shared. Three problems came up consistently.

What I found beyond user reports

I conducted a full heuristic evaluation of the existing app. The problems I found went deeper than what users had reported.

Clarity, consistency, and trust

Old version vs new version in dark and light mode

Testing with the team

I ran usability tests with people from within the Croissant team. The feedback confirmed the new version was clearer, easier to navigate, and felt more aligned with what the brand represents today.

The deliverable was a complete set of redesigned screens in Figma, ready for an external developer to implement.

Young, minimal, and alive

The project went through many rounds of meetings and brainstorming before the visual direction was defined. The goal from the start was to create something that felt young and modern without being loud, and minimal without feeling cold.

The team explored multiple directions. The final identity came from finding the balance between a clean editorial aesthetic and something that still felt human and social. The result is an interface that lives mostly in white space and typography, with moments of personality that make it feel alive.

Onboarding, profile creation, intelligent search, and community discovery

Built from the ground up, with logic

One of the most significant parts of my work on Taagyo was building the design system from scratch. This was not just a component library. It was a full system with logic behind every decision.

I created a complete variables map covering colors, typography sizes, border radius, shadows, and spacing. The color system was structured in named scales, making it consistent across components and ready for both light and dark mode.

Every component was built with variants, interactive states, toggles, and nested options inside Figma. Buttons, forms, search bars, cards, tabs, and toast notifications all follow the same logic.

This means any new screen can be assembled quickly and stay visually consistent with everything already built. It also makes handoff to developers more efficient. Variable names map directly to what gets implemented, reducing the chance of misinterpretation.

Color variables and design tokens. Full system built in Figma.

Desktop done, mobile in progress

The desktop version is complete and has been handed off to development. I am currently working on the mobile version, adapting the same design system and visual identity to smaller screens and touch interactions.

The project will move fully into development once the mobile design is finalized and validated.