Für Unternehmen mit großen Plänen. Lernen wir uns kennen.
CASE STUDY / ENERGY · TECHNOLOGY

3e Energy

Technologie sichtbar und erlebbar machen.

Leistungen

Illustration · Motion · Webflow

11 / 2022 – 02 / 2023 · Webflow, Figma, Illustrator, After Effects, Lottie Files

Website besuchen
3e Energy — Illustration · Motion · Webflow

Hintergrund

Für 3e.eu übersetzte ich Kundenideen und das Feedback des Art Directors in einen visuellen, interaktiven Webauftritt. Illustration, Bewegung und responsive Umsetzung sollten das technische Angebot zugänglich machen und die Marke konsistent präsentieren.

Ziele

Der erste Eindruck sollte Vertrauen schaffen. Illustrationen und Animationen brauchten eine einheitliche Sprache, während Navigation und Nutzeraktionen verständlich bleiben sollten. Eine flexible CMS-Struktur und gute Ladezeiten waren ebenso wichtig wie die visuelle Gestaltung.

Konzeption und Design

Die Arbeit umfasste die Abstimmung mit Kunde und Art Direction, die Strukturierung von Inhalten und die Gestaltung passender Illustrationen. Typografie, Komposition und visuelle Hierarchie wurden so aufeinander abgestimmt, dass komplexe Themen einfacher zu erfassen sind.

Motion und Interaktion

Scroll-basierte Animationen und Lottie-Elemente ergänzten die Seiten. Ihre Aufgabe war, Beziehungen zu verdeutlichen und den Blick zu führen. Bewegungen wurden in eine responsive Oberfläche eingebettet, damit sie die Nutzung auf unterschiedlichen Geräten unterstützen.

Webflow und CMS

Ich setzte das Design in Webflow um und strukturierte die Inhalte im CMS. Die Basis wurde für spätere Mehrsprachigkeit vorbereitet. UX-Grundlagen, mobile Darstellung und technische Auffindbarkeit wurden bei der Umsetzung berücksichtigt.

Performance und Qualität

Die technische Arbeit umfasste die Optimierung von Ladezeiten und die Kontrolle auf verschiedenen Geräten und Browsern. Bildmaterial, Animationen und Seitenelemente mussten visuell zusammenpassen und zugleich in der Nutzung praktikabel bleiben.

Zusammenarbeit und Launch

Tickets, Feedbackschleifen und klare Kommunikation hielten die Umsetzung nachvollziehbar. Ich koordinierte Änderungen und Termine, um einen geordneten Launch zu unterstützen. Das Kundenfeedback hebt die transparente Zusammenarbeit und die Umsetzung der Art-Direction-Vorgaben hervor.

Ergebnis

Ein konsistenter, responsiver Webauftritt mit Illustrationen, gezielten Animationen und einer erweiterbaren Inhaltsstruktur.

IHR NÄCHSTER SCHRITT

Was soll Ihre Website
für Sie erreichen?

Lassen Sie uns darüber sprechen. Gemeinsam finden wir heraus, was Ihr Unternehmen jetzt weiterbringt.

Kostenloses Erstgespräch
Lieber eine E-Mail schreiben?