The worlds fastest automotive website:
The all-new bmw.com

The worlds fastest automotive website:
The all new bmw.com

The worlds fastest automotive website:
The all new bmw.com

Awards 

Art Directors Club für Deutschland ● ●  ● ● 

Awwwards 

Deutscher Digital Award 

Webby Award ● ● ● ● ●

Lovie Award ● ●

c – BMW — Bayerische Motoren Werke
y – 2017
r – User Experience Designer

[QUOTE]

Based on data-driven insights we wanted to create relevant and snackable content in helpful and entertaining ways. That way the business hopes to reach both existing customers and those that might be considering BMW but don’t yet own one. We were thinking customer, consumer-first, which means for us mobile-first with speed. We did it by combining two technologies, accelerated mobile pages and progressive web apps, to bring both ends together on one site.

It also shows when creative and engineering prioritize speed from the beginning of the project before the first line of code is written.

– Jörg Poggenpohl, Head of Digital Marketing BMW

[QUOTE]

Based on data-driven insights we wanted to create relevant and snackable content in helpful and entertaining ways. That way the business hopes to reach both existing customers and those that might be considering BMW but don’t yet own one. We were thinking customer, consumer-first, which means for us mobile-first with speed. We did it by combining two technologies, accelerated mobile pages and progressive web apps, to bring both ends together on one site.

It also shows when creative and engineering prioritize speed from the beginning of the project, before the first line of code is written.

– Jörg Poggenpohl, Head of Digital Marketing BMW

[QUOTE]

Based on data-driven insights we wanted to create relevant and snackable content in helpful and entertaining ways. That way the business hopes to reach both existing customers and those that might be considering BMW but don’t yet own one. We were thinking customer, consumer-first, which means for us mobile-first with speed. We did it by combining two technologies, accelerated mobile pages and progressive web apps, to bring both ends together on one site.

It also shows when creative and engineering prioritize speed from the beginning of the project, before the first line of code is written.

– Jörg Poggenpohl, Head of Digital Marketing BMW

In only two weeks we developed the concept, design & front-end for a prototype that opened the door to relaunch the whole system behind this website.

In just two weeks we developed the concept, design & front-end for a prototype that opened the door to relaunch the whole system behind this website.

Swipe-able video teasers give an overview & drag the user into the content. The content itself is data-driven & contains everything a potential new BMW customer seeks in his lifestyle.

Swipe-able video teaser give an overview & drag the user into the content. The content itself is data-driven & contains everything a potential new BMW customer seeks in his lifestyle.

Swipe-able video teaser give an overview & drag the user into the content. The content itself is data-driven & contains everything a potential new BMW customer seeks in his lifestyle.

snippet-tiny

Every article is presented in a highly aesthetic, handcrafted, editorial layout. Images and videos ease the content and make it snackable.

Not your typical automotive website.

Every article is presented in a highly aesthetic, hand crafted, editorial layout. Images and videos ease the content and make it snackable.

Not your typical automotive website.

Every article is presented in a highly aesthetic, hand crafted, editorial layout. Images and videos ease the content and make it snackable.

Not your typical automotive website.

At the end of each article, we link to user-relevant BMW products. Not interested?

Just keep scrolling to get to the next article.

At the end of each article we link to user relevant BMW products. Not interested?

Just keep scrolling to get to the next article.

At the end of each article we link to user relevant BMW products. Not interested?

Just keep scrolling to get to the next article.

teaser-tiny

Next level mobile speed: AMP & PWA.

Facebook and Google search dominate the mobile web. Over 70% of the traffic comes from these services. With the help of Google, we developed a mixture of Accelerated Mobile Pages (AMP) and Progressive Web App (PWA) that enabled an up to 300% increase in loading speed and made the video-heavy content accessible on mobile.

mobile2_tiny

[GER – QUOTE]

“Die neue BMW.com ist weit mehr als ein klassischer Relaunch. Die Website wurde von Grund auf neu entwickelt und steht sinnbildlich dafür, wie wir die Kommunikation der Marke BMW konsequent neu denken und verjüngen.”

– Jörg Poggenpohl, Head of Digital Marketing BMW

[GER – QUOTE]

“Die neue BMW.com ist weit mehr als ein klassischer Relaunch. Die Website wurde von Grund auf neu entwickelt und steht sinnbildlich dafür, wie wir die Kommunikation der Marke BMW konsequent neu denken und verjüngen.”

– Jörg Poggenpohl, Head of Digital Marketing BMW

50% mobile usage,
27% more than before.

50% mobile usage, 27% more than before.

Average stay of 4 minutes & 5 articles read.

Reduced bounce rate & higher click-through rate.

XingLinkedIn — dribbble — savee.it                    Impressum