skodalogo


Consulting as part of a team, we helped ŠKODA & C3.co redefine the dotcom experience. 
/
We provided a Creative direction and framework to reboot SKODA with redefined meaning & drive.


Consulting as part of a team, we helped SKODA redefine their dotcom experience. 
/
Working with Matt Bostock, we provided a Creative direction and framework to reboot SKODA with meaning drive skoda-auto.com

STATUS QUO

With lots of digital artefacts to consider, part of onboarding was spending time getting familiar with the digital ecosystem and supporting platforms. 

Group 3
CONTENT AUDIT

Mapping existing story content to brand pillars


With the content sorted into either Heritage, Design, Functionality, Passion or Inventiveness.
From there, we mapped out the connections between the pillars and sections. 

Group 2
Group 2

NEW DIRECTION

A place that tells stories around these cars – stories that add value and make a purchase decision easier.

As part of the new direction, I wanted to heavily involve people in the stories, and behind them. Having at least a human hand in the shot if possible showing feature use.

As part of the new direction, I wanted to heavily involve people in the stories, and behind them. Having at least a human hand in the shot if possible showing feature use.

COMPONENT SELECTION  

After a thorough audit of the CMS, we selected modules that were simple and intuitive to use and would best support our content. 

Where relevant, I suggested modifications to existing components where they needed adjustment to work on the dotcom.

COMPONENT SELECTION  

After a thorough audit of the CMS, we selected modules that were simple and intuitive to use and would best support our content.

Group 5
Group 8 Copy 3

COMPOSING the LAYOUTS

Using the selected components, we built up layouts testing content in situ.

Working collaboratively in Figma, Matt B was working on the copy, whilst I put together the components and quickly sketched visuals.

 

MODEL NARRATIVES

We creating a clear emotional narrative per model, which influenced the copy and imagery, therefore creating a consistent experience.

Group 2

OTHER SECTIONS

We created vision and purpose for all key pages of the site, defining each ready for live content.

Group 4
SNAPSHOT OF MODEL PAGES

Months after having the work approved, we were informed that the site had been updated, with the majority of suggestions making the cut.
Happy to say this is still in play today (2020).

Group
Group 2


A few months later, and a new brief to work on,  this time helping improve the site used by the media.
/
I delivered a simple chip-based UI that quickly connects journalists - assets


A few months later, and a new brief to work on,  this time helping improve the site used by the media.
/
I delivered a simple chip-based UI that quickly connects journalists - assets

MEDIA PORTAL

Finding and accessing SKODA's breadth of content

MEDIA PORTAL

Finding and accessing SKODA's breadth of content

Group 2

STORY PAGES

Alongside the media assets, story pages had links to package up the content and add to a download list.

Group 2 Copy
MEDIA DESTINATION:

Using chips to filter content.


To make development effort as little as possible, we trialled a chip UI approach for sorting list views. Search was available as a backup. 

skoda
MOBILE VERSIONS TOO

All patterns were shown in a responsive view, to help development teams work out the behaviours. 

Group
Group 2