Loading
Premium Gaming Controller E-commerce Platform
E-commerce, Gaming
Next.js, Full Stack Development
2024
Zen Pro is a well-established gaming controller company focused on maximizing performance, prioritizing quality over everything else. They needed a digital home that felt just as straightforward but still maintained its upscale image.
Clean, intentional, and quality - mirroring their gaming controllers. The focus is quality over everything else in gaming performance.
As the sole designer and developer, I took the project from concept to launch: research, design system, frontend, backend, and conversion optimization. The result is a seamless experience that mirrors the product's philosophy: clean, intentional, and quality.
Experience the seamless user journey through the Zen Pro e-commerce platform
The project began with extensive research into the competitive gaming market and user interviews with professional gamers. I developed a design system that reflects the precision and performance that Zen Pro controllers deliver.
The full-stack development included custom e-commerce functionality, payment processing, inventory management, and conversion optimization. Every aspect was designed to reduce friction and increase sales while maintaining the premium brand experience.
Before touching Figma, I ran lightweight user interviews and competitor audits to understand what Zen Pro's ideal customer expected from a wellness brand.
Product benefits needed to be immediately clear
Users disliked long checkout flows or surprise fees/addons
Mobile-first browsing was critical (many came from mobile search engines)
Buyers were sensitive to visual clutter, easily distracted
Addressing key e-commerce challenges while maintaining brand philosophy
The client wanted a visually minimal site that still supported robust shopping functionality. I designed a layout that felt spacious and calming while supporting:
Abandoned carts were a major concern. I shortened the path to purchase by:
I designed micro-interactions that supported the brand's voice: calm fades, soft animations, zero pop-ups. Nothing distracts. Everything serves the flow to be Zen.
Gaming-focused design system with modern e-commerce functionality
The Zen Pro design system combines gaming aesthetics with e-commerce functionality. Features include product showcase components, interactive elements, and a dark theme optimized for gaming enthusiasts while maintaining conversion-focused design principles.
WCAG-checked for readability and contrast with consistent brand elements
Clear contrasting buttons, cards, tabs
Clean product cards with motion interaction
FAQ accordion, review cards, sticky "add to bag"
Custom button states tuned for subtle motion
Consistent color palette reflecting the brand's calming ethos
Typography hierarchy optimized for readability
Custom iconography that reinforced the brand identity
Responsive layouts designed for all device sizes
Micro-interactions to enhance user engagement
| Metric | Result |
|---|---|
| Online Sales | +40% in 3 months |
| Time on Site | +65% |
| Cart Abandonment | −25% |
| Brand Trust | Increased returning customer rate |
Client feedback also highlighted how the site "feels aligned with what I want from a gaming product company, premium, focused, honest."
Reflection: This project was a valuable opportunity to take a product from concept to launch, balancing business goals with user needs. I learned the importance of rapid iteration, clear communication with stakeholders, and the impact of small UX details on conversion. The experience reinforced my belief in the power of intentional, user-centered design and gave me new insights into e-commerce best practices.