Zelené strechy (Grüne Dächer) ist ein Projekt unseres Kunden One Earth. Welche Lösungen haben wir bei der Umsetzung der neuen Website entwickelt?
Das Projekt Grüne Dächer entstand als Reaktion auf die Grauheit des Stadtlebens. Zu viele Materialien wie Metall, Beton oder Stein werfen die Frage auf: Wohin ist die Natur verschwunden? Die kleine Familienfirma One Earth fand eine Lösung, wie man Städte grüner machen kann. Sie tun es mit Enthusiasmus und Liebe zur Natur, unter Berücksichtigung der individuellen Anforderungen ihrer Kunden. Die Vision des Projekts Grüne Dächer ist klar: Ein grünes Dach auf jedem Einfamilien- und Mehrfamilienhaus mit Flachdach. Das Ziel ist es, einen Ausschnitt echten „Dschungels" in den städtischen zu übertragen. Inmitten der Hektik und Straßenlaternen entstehen so einzigartige Orte voller Leben, an denen man sich angenehm, duftend und feucht fühlt, fast wie im Wald oder auf einer Wiese. One Earth sind Experten (für die Natur) mit Leib und Liebhaber (der Natur) mit Seele. Bei jeder Umsetzung streben sie nach der Schnittmenge verfügbarer und funktionaler Lösungen mit maximalem Nutzen. Die Umsetzung eines grünen Daches erfolgt von Grund auf, einschließlich Isolierungen, Klempnerarbeiten und Bepflanzung.
Auftrag
Das Ziel war es, eine neue, funktionale und schöne Website nach den Vorstellungen des Kunden zu erstellen, mit Fokus auf die Aktivitäten des Kunden verbunden mit der Natur.
Vision
Unsere Vision war es, sich auf das Design und die funktionale Ausführung der Website selbst zu konzentrieren. Das ökologische „Feeling", Intuitivität und Einfachheit zu bewahren, war entscheidend. 
Umsetzung
1. Grafischer Entwurf des Designs der neuen Website
Das Projekt Grüne Dächer strahlt eine lesbare Botschaft aus — die Stadt schöner machen, sich in den Werten der Natur zuwenden und auf ihre Nachhaltigkeit achten. Deshalb haben wir auch das Website-Design selbst mit Blick auf diese Attribute erstellt. Ein einfacher Farbcode in natürlichen Tönen, viel Negativraum und ein weißer Hintergrund, damit die Seite „atmen" kann. Und da Sehen hundertmal mehr ist als Hören, legten wir auch Wert auf Fotos in den Slidern. Wir entwarfen ein konkretes Wireframe-Layout unter Berücksichtigung von UX/UI (User Experience/User Interface).
2. Komplette Umsetzung der Website nach dem grafischen Entwurf
Bei der Umsetzung strebten wir danach, dass sich der Besucher der Website sofort „wie zu Hause" fühlt. Für die Startseite wählten wir daher einen ausdrucksstarken und fesselnden Slider. Da es sich um das Angebot einer Dienstleistung handelt — ein grünes Dach —, erfährt der Besucher gleich beim Eintreten, wer unser Kunde ist, was er macht und wer die Teammitglieder sind. Das erhöht das Vertrauen und das Verkaufspotenzial. Auch die Unterseiten selbst gestalteten wir mit Blick auf UX/UI. Sie können markante Überschriften, ein intuitives Textlayout und eine logische Abfolge bemerken. Im Seitenkopf fehlt nicht der Kontakt als sofortiger „Call-to-Action" und ein Link zu sozialen Netzwerken. Die gesamte Website wirkt einfach, die Unterseiten selbst sind nicht unnötig mit Text, Icons oder einer großen Anzahl von Bildern überladen. Die Informationen sind direkt und prägnant, mit einer klaren Botschaft. Der Besucher findet sich auf der Website leicht zurecht und findet schnell, was er braucht.
3. Responsivität — Anzeige für Desktop, Mobil und Tablet
Die endgültige Form der Website haben wir schließlich für die Anzeige auf verschiedenen Geräten mit unterschiedlichen Bildschirmgrößen angepasst. Die Funktionalität der Website blieb unverändert, und die Oberfläche funktioniert hervorragend auf Desktop, Mobil oder Tablet.
