McLaren wanted a new way to engage with their fans during the F1 season - our answer? TEAMSTREAM. A dynamic, ever-changing feed, one that continually updates with a stream of new, modular content.
Created off a dynamic, flexible 9 column grid, the site hangs of an invisible timeline running down the left third of the page, allowing a wide variety of modules to sit together without feeling too busy or 'unengineered'.
We also build some subtle colour logic into the feed, light for modules usually used for non race content and dark for modules used during races. The allows returning users to instantly get a feel for what's going on and gives race time a dark 'pit lane' feel.
As well as introducing TEAMSTREAM we gave the platform a new header and navigation.The header works hard to give the user context; like driver ranking, fastest lap and grand prix stage. Many different versions were designed covering scenarios from car launched to mid race pit stops.
Looking at the user data it was clear that users spent race time following McLaren on their phones, as a second screen. We made sure that not only the layout but also the content was displayed in a mobile friendly way.
The full page navigation gives users clear access to all areas of mcLaren.com and surfaces small key content, like maps of the track on roll over.