Petrol Advertising
Petrol Advertising is a creative agency specializing in marketing and advertising for the entertainment, gaming, and technology industries, particularly renowned for developing successful campaigns for popular video game franchises.
I joined as a consultant to shape the UX of Evil Controllers' gaming controller configurator, aiming to enhance sales through an automated UI for their customer base on both web and mobile platforms.
Agency
Petrol Advertising, Evil Controllers,
Role
Sr. UX Designer
Services
UX

Controller Configurator - Mobile Wire

Desktop Controller Configurator

Making a selection - Desktop
When creating a non-linear stepper for product configuration, high-fidelity wireframes are essential for clearly conveying your ideas to stakeholders. Using accurate data instead of dummy data accelerates the ideation process and minimizes the need for emails and discussions by allowing stakeholders to refine the proposed solution before UI design begins.

Step 1: Choose your Faceplate Color

Step 2: Configure your Paddles

Step 3: Select your Grip Options

Step 4: Select your Pro Options

Step 5: Choose Colors

Step 6: Personalize your Controller

Step 7: Select your Protection Plan

Step 8: Controller Summary

