← Case studies

Mazda · The Victory Group · Front-End Development

Mazda Road To Indy.TV Content Aggregator

Collecting content from multiple social network services into a unified web format for motorsports fans.

Mazda Road To Indy.TV Content Aggregator
Live

real-time aggregation at the press launch

Role

Front-End Developer

Client

Mazda · The Victory Group

Timeframe

1 month

Skillsets

HTML, CSS, jQuery, Ajax

Tools

Photoshop, TwineSocial

The Mazda Road to Indy program helps young race car drivers improve and get closer to racing in the IndyCar Series and the famous Indianapolis 500 race. As a front-end developer, my job was to help create a website where fans, drivers, and industry experts could interact and share content using the #RoadToIndyTV hashtag. This content aggregator was designed to spark conversation and engage users interested in the exciting world of motorsports racing.

Challenges

01 Two challenges, one hub

  • Challenge #1: grow the audience Get more people interested and excited about a web series that comes out every other week, focused on the behind-the-scenes world of motorsports racing featuring the teams, fans, and drivers.
  • Challenge #2: a multi-device social hub Instead of starting from scratch, create a user-friendly social media experience viewable on multiple devices: a hub that searches all social media platforms, gathers all relevant #RoadToIndyTV content into one place, and displays it on a social wall in real time.
Mazda Road To Indy.TV Content Aggregator, project visual
Mazda Road To Indy.TV Content Aggregator, project visual

Approach

02 Move fast. Consider the timeline.

We leveraged TwineSocial because it was built to increase social sharing, and content moderation rules can easily be set up within the platform. It can be integrated into any web format to showcase user-generated content from all social media sources.

Simply pasting the Twine API widget in the middle of a web page can bring about all sorts of visual and web design mayhem. We ideated as a team on how to prevent that, going broad with our ideas and working our way down to something narrow. We tried hard not to "boil the ocean" with every design idea, and explored how a social media aggregator would fail or succeed in displaying social media content.

Mazda Road To Indy.TV Content Aggregator, project visual
Mazda Road To Indy.TV Content Aggregator, project visual

Launch

03 Press launch day

At the media room at The Victory Group in Tampa on the RoadToIndy.TV press launch day, the app was featured and user-generated content was successfully aggregated in real time.

Mazda Road To Indy.TV Content Aggregator, project visual

Key outcomes

04 The results at a glance

  • User-generated content aggregated in real time at the press launch
  • A responsive, multi-device social hub for the #RoadToIndyTV community

Credits & roles

Dev
Matthew Lett
Design
Roy Rodezno
Consultant
Mark Weaver @Twine
Content
Samantha Henry