designing for the fast lane.

May 17, 2017

We recently launched the new Cars 3 website for our client, Mattel. As the focus of the project, our web design and development experts created a microsite for a hot, new toy hitting shelves this fall—Tech Touch Lightning McQueen.

Here’s how we did it.

The concept.

Our goal was to closely align the website’s design with the packaging art for Tech Touch Lightning McQueen: the coolest, fastest race car in town. To make sure our creative captured the overall look and feel, we took the interactive product features into consideration:

  • Built-in touchscreen interface
  • Tire selection + tune-up options
  • Moving eyes, mouth and wheels
  • The ability for users to design their own track
  • Working headlights and taillights
  • Crash avoidance functionality

Since the toy also quite literally comes to life, we wanted the microsite to represent that. We incorporated moving parts in both the header image and the headlines throughout the page. We also personalized the copy to reflect Lightning’s character from the movie.

The design.

To showcase Tech Touch McQueen’s three modes of play (Select Race, Design Race and Story Mode), we broke down the site into three sections—each demonstrated in a video format.

Each section we designed featured descriptive copy and corresponding screenshots of large, colorful imagery illustrating Lightning’s functions. We utilized the signature red and black colors throughout the site and focused on making the scrolling and user experience as interactive as possible.

The localization.

Once the web design was complete, we then localized the entire site for Latin American Spanish. Down the road, we will be localizing for additional languages as well.

Want to see the above web design and development in action? Take a look at the completed Tech Touch landing page. Questions or comments on our creative process or the final product? Connect with us on Twitter.

recent news

3 reasons to maintain an organic social media strategy

Social media marketing is arguably one of the most popular forms of marketing today. In fact, if your brand does not have a social media account, it's considered unusual. But too often, brands get caught up in the idea of promoting their products and services via...

how to get started with instagram shopping

Did you know that more than 1 in 4 internet users use social media to find products to purchase? How about 44% of people use Instagram specifically to shop weekly? Instagram Shopping has continued to grow over the last few years and has only increased in popularity...

The ABCs of SEO

  Whether you're just beginning your Search Engine Optimization journey or looking for a refresh, we've got you covered. Here are some essential SEO concepts and phrases that every expert should know.   Alt-text: the written copy that appears in place of an...