My role
Lead Product Designer
Year
2023-2024
Responsibilities
– Strategic UX/UI Design
– Branding & Visual Identity
– User Flow Optimization
– Design System Architecture
– Cross-platform Product Design (iOS, Android, Web)
– Design Quality Assurance (QA)
– Stakeholder Collaboration
Deliverables
– Brand Identity & Logotypes
– Design System & UI Kit
– Mobile App Designs (iOS & Android)
– Adaptive Web Platform Design
– User Flow Diagrams & CJM
– Promotional Landing Page
– Social Media Assets & Presentations
Logotype design
The project began with the core brand identity: the logo. Starting with a strategic mood board, I explored visual concepts around the name “Fair Play.” My goal was to balance the dynamic energy of gaming and betting with a sleek, modern aesthetic that reflects innovative technology.
Final logo
The final logo depicts FairPlay as a platform (represented by the dots) where companies and players can unite to form something greater. Additionally, the logo represents a die/cube for rolling.
The main logo features the letter ‘F’, while the logo for FairProtocol—the underlying application protocol—uses the letter ‘P’. This design structure allows for the future expansion and differentiation of various products, establishing a clear and recognizable brand identity.
App Design: Taming Visual Noise
The app’s UI and design system were built alongside functional prototypes. Our main challenge was overcoming the industry-standard visual clutter of betting banners.
A Systemic Color Solution
To create order, we implemented a strict color-coding system tied to event types (sports, slots, etc.). The palette was anchored by brand colors from FairPlay and FairProtocol logos against a neutral violet background, ensuring clarity.
This coherent system was then consistently applied across all elements—including achievements and quests—and meticulously adapted for both web-mobile and desktop platforms.
FairPlay - Figma's Design System
In this video, you can observe the user flow in Figma, showcasing the finalized app screen designs.
Landing page