Webdesign

Bernsjann Carport und Terrassenüberdachungen

Sanfter Farbwechsel beim Scrollen

Diese Webseite haben wir für den münsterländischen Handwerksbetrieb Bernsjann entwickelt, der Carports und Terrassenüberdachungen anbietet. Die Idee war, gute Fotos der fertigen Konstruktionen großformatig zu präsentieren. So zeigt jede einzelne Seite nicht nur ein großes Foto im Kopfbereich, sondern auch im Textbereich viele weitere kleine Fotos als Galerie, die bequem angeklickt und vergrößert werden können.

Darüberhinaus enthält diese Seite einen ungewöhnlichen graphischen Effekt als Hingucker. Der obere Balken mit dem Logo ist, wenn die Seite geladen wird, anfänglich grau und transparent. Sobald der Besucher die Seite scrollt, wechselt das Grau sanft zu dem Orangeton der Firmenfarbe. Dies ist nicht nur ein eleganter Scroll-Effekt, sondern stellt auch sicher, dass der Balken mit dem Logo, trotz intensivem Orange, farblich mit jedem beliebigen Foto gut harmoniert.

Als weitere Besonderheit haben wir für diese Seite ein kleines Softwaremodul programmiert, mit dem der Besucher den Preis einer Terrassenüberdachung mit Breite, Tiefe und Materialauswahl berechnen kann.

Als weitere Besonderheit haben wir die Farben einer dynamischen Google-Maps-Karte umprogrammiert, so dass diese nun mit voller Funktionalität in den Firmenfarben angezeigt wird. Auf dieser Karte werden auch die zwei Standorte mit einem individuellen Marker dargestellt.

Zusätzlich gibt es im Footer jeder Seite auch eine symbolische Anfahrtsskizze, mit der Besucher sofort sehen können, wo sich der Betrieb befindet.

Selbstverständlich ist diese Webseite mobiltauglich programmiert, und kann somit auch auf kleinen Bildschirmen von Mobiltelefonen perfekt genutzt werden.

All diese Details ergeben zusammen eine rundum gelungene Webseite, die die hochwertigen Arbeiten dieses mittelständischen Handwerksunternehmens im Internet präsentiert, und die hilft, neue Kunden zu gewinnen.

Kunde

Bernsjann Carport, www.bernsjann-carport.de

Auftrag

Eine hochwertige Webseite für einen mittelständischen Handwerksbetrieb

Werkzeuge

Bootstrap als Framework für HTML und CSS

Besonderheiten

sanfter Farbwechsel des Headers beim Scrollen

Bernsjann Screenshot Carports
Bernsjann Screenshot Galerie und Berechnungs-Tool
Bernsjann Screenshot Anfahrtsskizze
Bernsjann Screenshot Footer