Bitburger.de

Homepage Rework 2016/17.

startseite_tiny

[GER] Documentation

 


1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 

2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

 
1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 

2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.


1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 

2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

 
1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

 
1 – Allgemein
Der Fortschrittsbalken befindet sich am unteren Bildrand des Browsers. Er besteht aus der Grafik, der Zierleiste, die sich am Footer der Seite befindet.

 2 – Füllen 
Der Balken wächst prozentual zur, auf der Startseite zurückgelegten, Strecke. Berücksichtigt wird dabei nur der Content bis zum Footer. Wird der Footer erreicht, ist die Anzeige bei 100%, bzw. der Balken ist voll. Der Verlauf auf der Leiste darf dabei nicht gestaucht oder gesteckt werden.

 3 – Übergang
Sobald der Footer erreicht wird, geht der Fortschrittsbalken in die bereits existierende Zierleiste über und entkoppelt sich somit vom unteren Browserrand.

Bildschirmfoto 2018-03-31 um 18.17.58

200 Years of Bitburger

200 Jahre Bitburger

In 2017 Bitburger had their 200th anniversary. To honor this long history, we created a microsite for 200 stories that were to release over the timespan of one year. This meant it needed to be flexible to handle 40 short stories as well as all 200.

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