Loadout
Performance-focused gaming setup builder for competitive gamers.
Loadout helps gamers discover, compare, and build optimized gaming setups based on performance metrics, gameplay style, and device compatibility.
Comparing gear is painful.
Competitive gamers often struggle to identify compatible high-performance peripherals and compare technical specifications across multiple products.
One streamlined workflow.
Loadout combines product discovery, comparison tools, guided recommendations, and customizable loadouts into a single streamlined workflow.
Built around performance
Performance-Based Product Discovery
Browse gaming peripherals using performance-focused metrics such as latency, weight, and responsiveness.
Product Comparison
Compare products side-by-side to reduce decision fatigue and support informed purchasing decisions.
Loadout Builder
Build custom gaming setups manually or use recommended configurations optimized for different gameplay styles.
Loadout Review
Review, replace, remove, and customize devices before proceeding to checkout.
High-fidelity screens
From research to prototype
- 01
User Research
Surveyed competitive gamers about gear selection pain points.
- 02
Personas
Defined FPS, MOBA and casual archetypes with distinct priorities.
- 03
User Flow
Mapped discovery → compare → build → checkout journeys.
- 04
Wireframes
Low-fi flows to validate structure before visual polish.
- 05
Hi-Fi Design
Dark, performance-first interface tuned for scanability.
- 06
Design System
Reusable tokens, components, and iconography.
- 07
Interactive Prototype
End-to-end Figma prototype for usability testing.
A focused visual system
Dark gaming-focused interface
High-contrast surfaces tuned for long sessions.
Performance-first hierarchy
Metrics like latency and weight surface first.
Reusable component system
Cards, buttons and inputs share a single language.
Consistent design language
Spacing, type and color stay in lockstep across flows.
Mobile-first experience
Designed for one-handed competitive workflows.
Tokens, type and components
Interactive Prototype
Explore the complete user flow through the interactive Figma prototype.
What shipped
- Simplified gaming setup selection process
- Reduced complexity through guided recommendations
- Improved decision making through comparison workflows
- Scalable component-based design system
What I learned
- End-to-end UX workflow design
- Information architecture
- Mobile product design
- Component-based design systems
- Designing for performance-focused decision making
Interested in my work?
Let's collaborate on creating intuitive digital experiences.