Slider mit Zoomeffekt passend zum Corporate Design
Da sich bei GREENLAW alles um Holzbau dreht sollte das Design der Webvisitenkarte natürlich und harmonisch wirken. Als Eyecatcher haben wir auf der Homepage einen Slider bereit gestellt, der in einem fließenden, ruhigen Wechsel vier Waldszenen zeigt.
Recherche und Einbindung von Stockfotos
Dazu suchten wir vier passende Bilder aus einer Bilddatenbank heraus, die farblich und stilistisch gut zueinander passen. Nach Zustimmung des Kundens bearbeiteten wir die Fotos zur Verwendung im Slider und banden sie anschließend ein. Um den Bildern noch mehr Tiefe zu verleihen nutzen wir im Slider zudem einen Zoom-Effekt, sodass man beim Betrachten der Bilder den Eindruck hat, in den Wald einzutauchen.
Websitefarben abgestimmt auf das Bildmaterial
Als Websitefarben sollten wir, passend zum Bildmaterial, verschiedene Grüntöne verwenden. Die ausgewählten Farben nutzten wir in einigen Abschnitten als Hintergrundfarbe sowie für die Einfärbung einiger wiederkehrender Elemente, wie z.B.: Buttons etc.
Onepager zeigt alle Infos auf einen Blick
Die Websvisitenkarte von GREENLAW sollte in Form eines Onepagers aufgebaut werden, d.h. alle Informationen befinden sich direkt auf der Homepage. Im Falle von GREENLAW handelt es sich dabei um Abschnitte zum Firmenprofil, seinen Leistungen sowie Partnerschaften. Die verschiedene Abschnitte haben wir im Wechsel mit Text und Bild eingebunden.
Call-to-Action öffnet Kontaktformular in Lightbox
Als Abschluss erstellten wir zudem noch eine Sektion mit einem Call-to-Action. Damit dieser ins Auge sticht banden wir hier ein Foto vom Holzbau als Hintergrundbild ein. Über einen Teil des Fotos legten wir einen transparenten Filter und stellten darauf den Slogan “Bereit, den nächsten Schritt zu wagen?” dar. Unterhalb des Slogans öffnet sich per Klick auf den Button “Jetzt Kontakt aufnehmen” eine Lightbox. In dieser werden die Kontaktdaten von GREENLAW gezeigt. Daneben haben wir ein Formular eingebunden, über das Interessenten direkt eine Anfrage absenden können.



























