.diff communications GmbH, 2024-2025
Website relaunch & Brand refresh
Als festangestellte UX/UI-Designerin bei .diff Communications durfte ich den Relaunch unserer eigenen Agentur-Website von der ersten Idee bis zum Go-Live mitgestalten. Ziel war es, den veralteten Auftritt abzulösen und eine Seite zu entwickeln, die unsere Arbeitsweise klar zeigt, Kundencases und Blogartikel besser strukturiert und insgesamt moderner wirkt.
Zu Beginn stand eine gründliche Konkurrenz- und UX-Recherche. Darauf aufbauend erstellte ich Wireframes, sammelte Inspiration für Design, Animationen und Interaktionen und arbeitete gemeinsam mit meinem Designteam an Entwürfen, die wir Schritt für Schritt verfeinerten. Wir definierten eine neue Farb- und Formensprache, setzten ein skalierbares Designsystem auf und dokumentierte alle Richtlinien für eine konsistente Anwendung. Parallel stimmte ich mich eng mit unserem Development-Team ab, um eine reibungslose Umsetzung sicherzustellen.
Gestalterisch haben wir den bunten, etwas verspielten Look der alten Website hinter uns gelassen. Primärfarben kommen nun gezielter zum Einsatz, Sekundärfarben nur akzentuiert. Großzügiger Weißraum, klare Typografie und eine neu definierte Bildwelt verleihen der Seite eine erwachsenere, aufgeräumte Wirkung. Filterfunktionen bei Kundencases und Blogartikeln sowie neu gestaltete Bloglayouts sorgen für bessere Nutzerführung und einfachere Pflege durch die Redaktion.
Der Relaunch ging im August 2025 live. Das Feedback der Geschäftsleitung ist durchweg positiv – die neue Website spiegelt unsere Agentur heute authentisch wider, ist deutlich nutzerfreundlicher und erfüllt alle Anforderungen.
Projektlaufzeit: ca. 1,5 Jahre, wir erweitern die Seite bis heute um neue Funktionen und Animationen
Designtools: Figma, Adobe Illustrator, Adobe Photoshop
Meine Rollen im Projekt: UX Design, UI Design, Content Design
Designtools: Figma, Adobe Illustrator, Adobe Photoshop
Meine Rollen im Projekt: UX Design, UI Design, Content Design
Webdesign und Einsatz der neuen Formen- und Illustrationswelt
Beispielhafter Einsatz der neuen Formensprache
Disclaimer: Nicht alle der abgebildeten Produkte wurden genau so umgesetzt, sie dienen zur besseren Visualisierung der Designmöglichkeiten.