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 ● ●

[R] User Experience Designer
[C] BMW — Bayerische Motoren Werke
[Y] 2017

[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 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.

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 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.

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, 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.

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 traffic come from these services. With the help of Google, we developed a mixture of Accelerated Mobile Pages (AMP) and Progressive Web App (PWA) that enabled a 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.

more projects

bmw.com— relaunch /// 2017

faz.net— rebrush /// 2017

Bitburger— app & website /// 2016

AudiCity— experience showroom /// 2015

XingLinkedIn — dribbble — savee.it                    Impressum

XingLinkedin — behance — dribbble — Instagramsavee.it                    Impressum