Der Fall Bäckerei Hiller: eine responsive Website in drei Wochen

Frau Hiller von der gleichnamigen Bäckerei in Göggingen rief mich Ende Januar an, weil ihre alte Seite - fest 960 Pixel breit, Tabellen-Layout, aus einer Zeit, in der das noch okay war - auf dem Handy ihrer Tochter "wie kaputt" aussah. Ihre Worte. Sie wollte das vor der Ostermesse fertig haben, also hatte ich drei Wochen.

Das Problem war nicht das Design

Das eigentliche Problem war die Struktur. Die alte Seite hatte für jede Filiale eine eigene Unterseite mit komplett eigenem HTML, kopiert und leicht angepasst. Fünf Filialen, fünf fast identische Seiten mit kleinen Unterschieden, die niemand mehr sauber pflegte. Öffnungszeiten waren an zwei Stellen unterschiedlich angegeben. Das musste zuerst aufgeräumt werden, bevor ich überhaupt über Breakpoints nachdenken konnte.

Ich habe mich für ein Grid mit drei Spalten entschieden, das bei kleineren Bildschirmen auf eine Spalte zusammenfällt. Nichts Aufregendes, aber solide. Die größte Diskussion mit Frau Hiller drehte sich nicht um Technik, sondern um die Fotos: Sie wollte unbedingt jedes einzelne Brot einzeln abgelichtet haben. Ich habe ihr erklärt, dass zwölf große Bilder auf einer Handyverbindung ewig laden. Wir haben uns auf vier geeinigt.

Was ich mitgenommen habe

Responsive Design ist inzwischen kein Nischenthema mehr, das ich Kunden aufschwatzen muss. Es wird erwartet, sobald jemand einmal selbst mit dem Handy eine kaputte Seite gesehen hat. Das ändert das Verkaufsgespräch komplett - ich muss nicht mehr überzeugen, ich muss nur noch umsetzen.

Zur Ostermesse war die Seite live. Fünf Filialseiten wurden zu einer mit Filialauswahl. Frau Hiller war zufrieden, ich war erschöpft, und die Brotbilder laden jetzt in unter zwei Sekunden.