Site & Brand Relaunch

Jeder Relaunch beginnt mit einem Discovery-Workshop — dem ersten Termin, bei dem Stakeholder, Designer und Entwickler an einem (virtuellen) Tisch zusammenkommen. Bevor wir eine Lösung entwerfen, müssen wir das Problem verstehen: Was funktioniert schon gut, was nicht, und wie sieht Erfolg für dich aus?

Normalerweise treffen wir uns dafür zwei bis vier Stunden online oder bis zu sechs Stunden vor Ort — gemeinsam mit deinem Kernteam und allen beteiligten Sponsoren. Die Ergebnisse sammeln wir live auf einem gemeinsamen Miro-Board.

Im Anschluss erhältst du eine klare Problemstellung, einen ersten Blick auf deine Zielgruppe und eine dokumentierte Übersicht über den aktuellen Stand — die Grundlage, auf der der Rest des Projekts aufbaut.

Mit einem klaren Bild von deinen Nutzern und ihren Zielen widmen wir uns der Struktur: wie dein Content organisiert, benannt und miteinander verknüpft ist. Eine solide Informationsarchitektur macht den Unterschied zwischen einer Website, auf der Besucher finden, was sie suchen, und einer, auf der sie sich im Kreis klicken.

Wir erstellen eine Sitemap, die zeigt, wie die Seiten zusammenhängen, definieren ein Navigations- und Suchkonzept, das zur Denkweise deiner Nutzer passt, und stellen sicher, dass Inhalte nicht doppelt vorkommen oder über die ganze Website verstreut sind. Das Ziel ist einfach: die richtige Information zur richtigen Zeit zeigen — nicht mehr und nicht weniger.

Mit dem Abhaken von Struktur und Patterns geht’s weiter zum visuellen und interaktiven Design — wir übersetzen deine Marke in ein System, das auf jedem Bildschirm funktioniert und auch über die Zeit Bestand hat. Klarheit hat für uns höchste Priorität: Jede Design-Entscheidung soll Besuchern helfen, ihr Ziel zu erreichen, anstatt nur schön auszusehen.

Außerdem gestalten wir so nah wie möglich am finalen Code — wir arbeiten mit echten Komponenten und echten Rahmenbedingungen statt mit abstrakten Mockups. Das hält die Reibung gering, wenn das Design an die Entwicklung übergeben wird — zwischen den beiden geht nichts verloren.

Wir bauen auf den Prinzipien von Atomic Design auf, sodass Komponenten ihr Styling aus einem gemeinsamen Regelwerk erben. Änderst du einen Farb- oder Abstandswert einmal, wirkt sich das konsistent auf die ganze Website aus. Jede Komponente ist mit einem verständlichen Namen und einer Beschreibung dokumentiert, damit deine Redakteure — und jeder Entwickler, der nach uns an der Website arbeitet — genau wissen, was sie macht und wie man sie einsetzt.

Das Ergebnis ist ein Design-System, gebaut für TYPO3: responsive, konsistent und auch lange nach dem Launch einfach zu pflegen.