WortBildTon
Werbeagentur
Die neue Website von WortBildTon zeigt, was die Agentur kann – lebendig, strukturiert und natürlich klickbar!

Kunde
WortBildTon Werbeagentur
Leistungen
UX-Design, UI-Design, Informationsarchitektur, Responsive Design, Designsystem, Lottie-Animationen, Case Study-Kooperation
Branche
Werbe- und Internetagentur (Full-Service)
Projektzeitraum
fortlaufend
Über das Projekt
Für die Website der Designagentur WortBildTon habe ich ein Designsystem aufgebaut, Animationen mit Lottiefiles erstellt und die komplette Seitenstruktur erarbeitet. Außerdem habe ich bei der Erstellung der Case Studies mitgewirkt – ein zentrales Element, um die Bandbreite der Agentur sichtbar zu machen und gleichzeitig Kund:innen wie Bewerber:innen anzusprechen.
Meine Aufgaben
-
Aufbau eines skalierbaren Designsystems für konsistente UI-Elemente
-
Entwicklung einer Seitenstruktur, die Leistungen, Projekte und Kontaktmöglichkeiten klar und einfach präsentiert
-
Gestaltung eines responsiven UI-Designs, optimiert für Desktop, Tablet und Smartphone
-
Erstellung von Lottie-Animationen für Header, Icons und Micro-Interactions
-
Unterstützung bei der Aufbereitung von Case Studies, um Projekte abwechslungsreich und nachvollziehbar zu präsentieren
Umsetzung
-
Entwicklung modularer UI-Komponenten, die flexibel einsetzbar und erweiterbar sind
-
Strukturierung der Website nach den Kernzielen: neue Kund:innen gewinnen, Bewerber:innen ansprechen, Kontakt erleichtern
-
Gestaltung von Case Study-Seiten, die Vielfalt und Kompetenz der Agentur sichtbar machen
-
Integration von Animationen und Micro-Interactions, die der Seite Persönlichkeit geben, ohne überladen zu wirken
-
Optimierung von Kontaktstrecken, damit Besucher:innen unkompliziert mit der Agentur in Verbindung treten können
Herausforderungen & Lösungen
-
Herausforderung
Eine Website für eine Agentur bauen, die mitten im Tagesgeschäft steckt? Gar nicht so einfach. Zwischen laufenden Kundenprojekten, wechselnden Projektmanager:innen und ganz unterschiedlichen Interessen galt es, die Case Studies sauber aufzubereiten und das Projekt trotz großer Pausen immer wieder voranzutreiben.
Die eigentliche Challenge war also nicht nur Design und UX – sondern auch, Organisation, Timing und unterschiedliche Perspektiven unter einen Hut zu bekommen.
-
Lösung
Der Schlüssel lag darin, das Projekt modular und flexibel aufzubauen – ein Designsystem, das auch nach Pausen wieder leicht aufzugreifen ist. So konnte Schritt für Schritt eine konsistente Struktur entstehen, egal wer gerade am Steuer saß.
Mit einer klaren UX-Architektur und visuellen Standards wurde ein roter Faden gelegt, der sowohl Kund:innen als auch Bewerber:innen abholt.
Und die Lottie-Animationen haben nicht nur der Seite Dynamik gegeben, sondern auch das Team zwischendurch zum Schmunzeln gebracht – was im hektischen Agenturalltag manchmal genauso wichtig ist wie ein schöner Button.
Ergebnisse
Die neue Website von WortBildTon verbindet professionelles UX/UI-Design mit Lebendigkeit und Flexibilität.
Sie zeigt die Bandbreite der Agenturprojekte anhand strukturierter Case Studies, spricht neue Kund:innen und Bewerber:innen gleichermaßen an – und macht es leicht, direkt Kontakt aufzunehmen.
Besonderer Fokus lag außerdem darauf, dass die Seite einfach zu pflegen und zu erweitern ist, sodass sie im Agenturalltag ohne großen Aufwand aktuell gehalten werden kann.
Fazit & Ausblick
Das Projekt hat gezeigt, wie wichtig es ist, im Agenturalltag Strukturen zu schaffen, die auch bei wechselnden Zuständigkeiten und langen Pausen funktionieren. Ein flexibles System und klare Prozesse zahlen sich aus – nicht nur für das Design, sondern auch für die Zusammenarbeit. Für mich persönlich war es spannend zu erleben, wie man mit Geduld, Humor und einem modularen Ansatz auch komplexe interne Projekte Schritt für Schritt erfolgreich ins Ziel bringen kann.