Webdesign und Umsetzung für EcoPlan

ECOPLAN ist ein Mittelständisches Ingenieur-Büro aus Berlin. Der Fokus liegt vor allem im Bereich der Generalplanung von Bauprojekten. Neben verschiedenen Print-Produkten im Corporate Design haben wir auch das Redesign der Firmen-Webseite betreut. Hierbei stammt sowohl die Gestaltung als auch die Umsetzung im Content Management System WordPress von uns.

Designentwicklung

Allgemeines

Webdesign-EcoPlan-FORMLOS-Berlin-Corporate-Design

Die neue Webseite von ECOPLAN sollte natürlich in das stringente Corporate Design eingepasst werden und trotzdem ein frisches Aussehen mitbringen.

Ziel der Webseite war es vor allem, das Unternehmen besser im Web zu präsentieren. Hier richtet sich die Ansprache nur bedingt an neue Kunden (B2B) sondern auch an potentiellen Arbeitnehmer*innen die sich einen Eindruck von ECOPLAN verschaffen wollen. Gleichzeitig sollte die verbesserte Darstellung auch einen guten Überblick über die bisher durchgeführten Projekte ermöglichen. Die Umstellung der Webseite hat außerdem den vorher oft genutzten Blog mit aktuellen Beiträgen rund um ECOPLAN wiederbelebt.

Kleine Animationen von Elementen z.B. dem Wechsel von einem Schwarzweißbild zu einem Farbbild beim Überfahren mit der Maus oder das Ausklappen eines Titels auf einer Kachel verleihen der Seite mehr Dynamik. Die Verwendung von Transparenzen erfrischt das bestehende Corporate Design auch nochmals ohne mit Bestehendem zu brechen.

So entsteht ein seriöser und doch moderner Eindruck und stellt das Unternehmen im Web wieder in ein neues Licht.

Paralaxeffekt

Ein besonderes optisches Highlight ist der sogenannte Parallax-Effekt. Hierbei verschieben sich Bildelemente im Hintergrund in verschiedenen Geschwindigkeiten wenn eine Nutzer*in auf der Seite nach unten scrollt. Im Fall von ECOPLAN verschieben sich die beiden Kreise, welche ein mehrfach genutztes Gestaltungselement aus dem Corporate Design sind, schneller nach oben als die Scrollgeschwindigkeit.

Gerne mal selbst ausprobieren: www.eco-plan.net

Mobile Optimierung

Wie alle von uns erstellten Webseiten ist natürlich auch die ECOPLAN-Webseite für eine Vielzahl von gängigen Endgeräten optimiert. Hier lag die Herausforderung vor allem bei der Startseite: sie enthält unterschiedliche Elemente in verschiedenen Größen. Außerdem gibt es Filter auf der Leistungen-Seite und der Aktuelles-Seite: hier werden je nach Auswahl Inhalte dynamisch hinzugeladen bzw. ausgeblendet. Damit die Nutzer*in ein besseres Feedback bekommt, das sich etwas geändert hat, scrollt der geänderte Bereich automatisch in den Fokus.

Weitere Projekte, die interessant sein könnten