Street Outlaws: Motor Mayhem

This project was inspired by the competitive nature of the show. We made a key observation that fans are eager to share their own cars and engage in discussions on Discovery’s Facebook page. Armed with this insight, we conceived Motor Mayhem as a competition driven by fan submissions and voting. An integrated social approach fueled traffic between the linear television show, website and Facebook.

For this project I took a much more hands-on approach, I defined the concept and worked directly on everything from the UX to the design to the front-end development. This involved creating wireframes and designing the responsive site myself for desktop and mobile. I led client meetings and presented progress throughout the course of the project. I mapped out the multiple phases of the contest and rolled up my sleeves to implement my design in HTML and CSS. This hands on approach allowed me to experiment with different implementations and bring my full vision to life for the interaction design and animation.

High-fidelity Prototype Low-fidelity Prototype

User Flow / Contest Stages

Responsive Desktop

Involvement:

  • Concept Development
  • Creative Direction
  • Photo Shoot Art Direction
  • Thought Leadership
  • UX Design
  • Visual Design
  • Front-End Development

Stats:

  • 594K pageviews in 3 months
  • Avg time on page, 3:30s
  • 52K users
  • 79% mobile, 21% desktop traffic