Product Design

SCUF Gaming

Custom Controller Builder

SCUF Gaming - Custom Controller Builder
Product
Custom gaming controller builder and e-commerce experience
Who it's for
Gamers customizing pro-level controllers
My role
Lead Product Designer, collaborating with in-house team
The bet
A streamlined builder and buying flow would make customization intuitive and drive conversions
Constraints
Complex product configurator with hundreds of customization options; need to visualize changes in real-time; balance customization depth with ease of use
Outcomes
Successfully launched intuitive controller builder; streamlined buying experience

Overview

I designed the application experience for the controller builder, mapped the site and ordering user flows, and ensured the building and buying experience was intuitive. We built the design system in Sketch and the website in WordPress.

Problem

SCUF Gaming needed an e-commerce experience that could handle:

  • Hundreds of customization options for pro-level gaming controllers
  • Complex product configurator that needed to be intuitive for all skill levels
  • Need to visualize customizations in real-time
  • Balance between customization depth and ease of use
  • Clear path from customization to purchase

Goals

  • Create intuitive controller builder experience
  • Map clear user flows from discovery to purchase
  • Make complex customization feel simple
  • Visualize changes effectively
  • Streamline the buying experience
  • Build scalable design system for future products

Process

I designed the application experience for the controller builder and mapped the site and ordering user flows to ensure the building and buying experience was intuitive.

The key challenge was balancing customization depth with usability. Gamers wanted extensive options to build their perfect controller, but the interface couldn't become overwhelming.

We tested different approaches to:

  • Organizing customization options
  • Visualizing changes
  • Guiding users through the build process
  • Transitioning from building to buying

Solution

Streamlined Controller Builder We created an intuitive builder that:

  • Organizes options into logical categories
  • Shows clear visual previews of customizations
  • Guides users through the process step-by-step
  • Makes it easy to go back and change decisions

Clear Buying Flow The transition from customization to purchase is seamless:

  • Summary of all customizations
  • Clear pricing breakdown
  • Simple path to checkout
  • Order confirmation with visualization

Design System Built the design system in Sketch to support:

  • Product pages
  • Builder interface
  • E-commerce flows
  • Marketing materials

Website built in WordPress for easy content management.

Result

SCUF Gaming launched with an intuitive controller builder that makes complex customization accessible. The streamlined buying flow reduced friction and improved conversions. The design system provided a foundation for future products and marketing efforts.

Like what you see?

I'd love to hear about your project.

Newsletter

Weekly design insights

Weekly observations on design, AI, leadership, and the craft of building. What I'm reading, thinking about, and making.