STEVEN LAO
polestar_thumb.png

Polestar

Responsive website experience for Polestar, an electric vehicle manufacturer.

Making anew

Polestar Making aNew, landing page

Polestar Making aNew, landing page

Client

Polestar

Role

Senior Digital Designer

Description

In order to generate more awareness for the fledging electric vehicle brand, a web video-series was produced by the Wall Street Journal, featuring Oscar Isaac as the host. The team at code d’azur was tasked with creating the web experience to host the videos as well as feature on some of the information covered in the series.

One of the mandates was for the web experience to differentiate itself from the default Polestar.com look and feel, as well as have a greater emphasis on slick and smooth animations and transitions.

The video content was being created in parallel with the website, thus most of the design process had to be well thought-out and planned so that assets and content could be integrated seamlessly without disrupting the design or narrative.

Supplementary infographics were also designed for each episode. The timeframe for creation and development were extremely tight for this phase, however the team still managed to create bespoke (and animated) infographic designs for each topic.

 
 

Video demo of the Making aNew site

 

Results

Making aNew was initially intended for the North American market, however the finished result was so impressive that the other Polestar markets were asking to be able to include it in their regions.

Site analytics showed that over 80% of viewers watched at least 30% of the video. Also, 4% of visitors completed the experience by going into the vehicle customization, with 1% completely configuring their own Polestar.

RECOGNITION

FWA, site of the day
Awwwards, honors
Awwwards, mobile excellence

 
 

Animated transitions between Episode Title screens (desktop and mobile shown)

Polestar Making aNew, interior page (video player element shown)

Polestar Making aNew, interior page (video player element shown)

Polestar Making aNew, interior page (infographic element shown)

Polestar Making aNew, interior page (infographic element shown)

Polestar Making aNew, site structure

Polestar Making aNew, site structure

 

Credits

Jordi Romkema, managing director of code d’azur, Austin
Jeroen Thissen, creative director
Priscilla de Gier, design director
Jason Mitten, executive producer, Austin
Fons Hofhuis, executive producer, Amsterdam
Brittany Crocker, ux designer
Tina Bozsik, jr ui designer
Leeza Dennis, ux writer
Leon van den Berg, motion designer
Rick Ootes, lead developer
Mark Ootes, front end developer
Christopher Martin, front end developer
code d’azur, agency
Polestar, client