--- title: "Website- und Brand-Relaunch für TYPO3 | b13" url: "https://b13.com/de/leistungen/relaunch" description: "Bereit für einen zukunftssicheren Relaunch? b13 verbindet Discovery, UX-Design und TYPO3-Entwicklung zu einer Website, die heute überzeugt und morgen mitwächst." image: "https://b13.com/fileadmin/Illustrations/Icons/Site___Brand_Relaunch_80.svg" date: 2025-04-30 modified: 2026-09-10 lastUpdated: 2026-09-10 --- # Website- und Brand-Relaunch für TYPO3 | b13 ![](https://b13.com/fileadmin/Illustrations/Icons/Site___Brand_Relaunch_80.svg) Site & Brand Relaunch =========================== Verschaffe deinem digitalen Auftritt einen frischen Look mit b13 und bleib zukunftssicher, leistungsfähig und attraktiv für deine Kunden. [ Kontaktiere uns zu deinen Optionen ](https://b13.com/de/kontakt) ![Hands clapping in front of a computer screen with a speech bubble and decorative elements, symbolizing celebration or acknowledgment.](https://b13.com/fileadmin/_processed_/9/7/csm_relaunch-discovery_189b7cbcfe.webp) ### Discovery Kick-Off 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. ### Deine Nutzer verstehen Sobald wir das Problem verstanden haben, geht es darum, die Menschen dahinter zu verstehen. Dafür gibt es keine Universallösung — welche Methode wir einsetzen, hängt davon ab, was du über deine Nutzer schon weißt und was du brauchst, um den Relaunch intern zu begründen. Manchmal bedeutet das: Workshops, um das Wissen sichtbar zu machen, das dein Team schon hat. Manchmal heißt es, tief in Analytics, Support-Tickets oder Suchanfragen einzutauchen, um zu sehen, wo Nutzer wirklich hängen bleiben. Die Customer Journey abzubilden — also die Phasen, die Menschen durchlaufen, und die Fragen, die sie dabei haben — ist oft der hilfreichste Blickwinkel. Bei anderen Projekten funktioniert das Jobs-to-be-Done-Framework besser: Hier steht das Ergebnis im Fokus, das jemand erreichen möchte, nicht wer die Person auf dem Papier ist. Wir wählen den Ansatz, der zu deinen Daten, deinem Zeitplan und dem Argument passt, mit dem du deine Stakeholder überzeugen willst — und nicht eine Schablone, die wir unabhängig von der Situation immer gleich anwenden. ![Magnifying glass over a bar graph, highlighting data analysis and insights.](https://b13.com/fileadmin/_processed_/4/c/csm_relaunch-understanding-users_e4ed0739cf.webp) ![A purple web browser window connected to two green data blocks, illustrating a network or data flow concept.](https://b13.com/fileadmin/_processed_/9/f/csm_relaunch-content-structure_51208fd2b1.webp) ### Deinen Content strukturieren 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. ### Seitentypen & UX-Patterns Sobald die Struktur steht, gehen wir eine Ebene tiefer: Welcher Content existiert schon für den jeweiligen Seitentyp, was fehlt noch, und wie sollte er dargestellt werden, damit er seine Aufgabe erfüllt? Wenn wir das früh klären, kannst du schon mit dem Texten oder Sammeln von Inhalten anfangen, während wir noch tief in Struktur und Design stecken — statt zu warten, bis die Entwicklung fertig ist. Das spart im weiteren Projektverlauf enorm Zeit. Wenn wir uns Seitentyp für Seitentyp durch den Content arbeiten, zeichnen sich klare UX-Patterns ab — wiederkehrende Lösungen für ein bestimmtes Problem, etwa eine Filteroberfläche oder ein mehrstufiges Formular. Bei komplexeren oder ungewohnten Patterns bauen wir einen Prototyp, um den Ansatz zu prüfen, bevor wir uns darauf festlegen. Einfachere, bewährte Patterns gehen direkt ins Design, ohne diesen Zwischenschritt. ![Purple web browser window with four empty content sections and a cursor pointing towards one of the sections.](https://b13.com/fileadmin/_processed_/2/c/csm_relaunch-page-types_a720fc2d21.webp) ![Purple laptop with a grid screen displaying coding symbols "<" and ">".](https://b13.com/fileadmin/_processed_/1/0/csm_relaunch-built-for-typo3_5a16cf46d3.webp) ### Visuelles & UX-Design, gebaut für TYPO3 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. Von retro zu zeitlos ---------------------- Deine neue Website: der Stil von heute, mit Blick auf morgen b13 bringt deine Marke und Website zurück ins Spiel. Durch eine gründliche Analyse, ein methodisches Redesign und eine fundierte Umsetzung auf Basis von TYPO3 schafft b13 einen neuen Auftritt, der konsistent, relevant und pflegeleicht ist. ![](https://b13.com/fileadmin/Illustrations/Icons/List-Illu-Neues_Design_80px.svg) **Eine moderne Website ist mehr als nur ein neues Design.** Wir verwandeln veraltete Strukturen, langsame Ladezeiten und komplizierte Navigation in eine klare, benutzerfreundliche Experice, die Besucher überzeugt. Mit bewährten Methoden wie Atomic Design und einem Blick für zukunftsfährige Technologien entwickeln wir Webseiten, die heute überzeugen und morgen noch funktionieren. ![](https://b13.com/fileadmin/Illustrations/Icons/List-Illu-Weiterentwicklung_80px.svg) **Digitale Produkte müssen sich ständig weiterentwickeln** — deine Website sollte das auch. Mit einem modernen Open-Source-CMS wie TYPO3 bleibt dein System flexibel, zukunftssicher und leicht zu pflegen. Design-Updates lassen sich effizient umsetzen, sodass deine Website stets den aktuellsten Webstandards entspricht. Gleichzeitig bleibst du unabhängig von Anbietern und behältst die volle Kontrolle. ![](https://b13.com/fileadmin/Illustrations/Icons/List-Illu-Markenkonsistenz_80px.svg) **Eine starke Marke ist konsistent — online wie offline.** Wir sorgen dafür, dass Design, Technologie und User Experience perfekt zusammenwirken, sodass deine Markenbotschaft über alle Kundenkontaktpunkte hinweg stimmig bleibt. Von der Gestaltung bis zur Entwicklung managen wir den gesamten Prozess und schaffen mit dir ein einheitliches digitales Markenerlebnis. > b13 hat maßgeblich dazu beigetragen, die Nutzerführung zu optimieren und die Website insgesamt intuitiver und nutzerfreundlicher zu gestalten. > Ich bin überzeugt, dass sich bereits in den kommenden Monaten positive Effekte zeigen werden dank der klaren nachvollziehbaren Customer Journey vom Content hin zum Produkt. Alexander Jaquet, IT Business Manager bei Engelhard [ Zur Case Study ](https://b13.com/de/leistungen/referenzen/international-einheitliche-und-skalierbare-brand-websites-fuer-engelhard) Die Experten hinter dem Relaunch ---------------------------------- Für jeden Relaunch bringen wir Experten aus unseren verschiedenen Fachbereichen zusammen. Wir arbeiten nicht für dich — wir arbeiten mit dir zusammen, um Lösungen zu schaffen, die heute funktionieren und morgen mitwachsen. [ Lern das Designteam kennen ](https://b13.com/de/ueber-uns/unser-team/team-design) [ Lern das ganze Team kennen ](https://b13.com/de/ueber-uns/unser-team) ![Eine Gruppe von Menschen steht in einem hellen Raum, führt ein Gespräch, während einige Papiere halten und andere aufmerksam zuhören.](https://b13.com/fileadmin/_processed_/e/f/csm_b13-weiterflug-2026-097_2fcd1bbd94.webp) ![](https://b13.com/_assets/274d3377160d4aa2cf66c0051093e3bc/Images/icon-cloud-2026.svg?1788777645) ![Eine Frau mit lockigem Haar sitzt an einem Tisch und arbeitet an einem Laptop, während eine Präsentation an der Wand hinter ihr angezeigt wird.](https://b13.com/fileadmin/_processed_/e/0/csm_b13-weiterflug-2026-023_d86574fafc.webp) ![](https://b13.com/_assets/274d3377160d4aa2cf66c0051093e3bc/Images/icon-cloud-2026.svg?1788777645) ![Eine Gruppe von Menschen, die im Kreis sitzen und einem Redner in einer informellen Besprechung oder Workshop-Umgebung zuhören.](https://b13.com/fileadmin/_processed_/f/e/csm_b13-weiterflug-2026-024_749d492026.webp) ![Eine Frau sitzt auf einem Stuhl, lächelt und ist engagiert, während eine Gruppe von Menschen in einem Kreis in einem gut beleuchteten Raum sitzt.](https://b13.com/fileadmin/_processed_/c/2/csm_b13-weiterflug-2026-030_f8a3642619.webp) Bisherige Relaunch Projekte ----------------------------- Mehr als nur ein neues Design - Internationalisierung Multi-Site Management ### [ d&b audiotechnik ](https://b13.com/de/leistungen/referenzen/db-audiotechnik-prozessrationalisierung-globales-unternehmen) ![Website-Layout, das die db Soundscape-Anwendung präsentiert, mit Abschnitten für Veranstaltungen, Anwendungen und Audiolösungen vor einer malerischen Hintergrundkulisse.](https://b13.com/fileadmin/_processed_/b/c/csm_Mockup-dbaudio_card01_826268f761.webp) - ### [ SRH Holding ](https://b13.com/de/leistungen/referenzen/srh-holding-vom-kunden-zum-mitgestalter-der-typo3-community) ![Website-Layout für die SRH Hochschule mit Abschnitten zu Bachelor-Programmen, Studentenservices und einem lächelnden Studenten, der ein Buch hält.](https://b13.com/fileadmin/_processed_/8/3/csm_Mockup-srh_card01_b4569e642a.webp) - Internationalisierung Multi-Site Management ### [ Engelhard ](https://b13.com/de/leistungen/referenzen/international-einheitliche-und-skalierbare-brand-websites-fuer-engelhard) ![Drei Tablet-Bildschirme, die verschiedene Webdesigns anzeigen, mit bunten Layouts und Texten in Deutsch, die verschiedene Produkte und Dienstleistungen bewerben.](https://b13.com/fileadmin/_processed_/f/2/csm_Mockup-engelhard_card01_f65dfcadd1.webp) - Migration & Relaunch Performance & SEO ### [ GEZE ](https://b13.com/de/leistungen/referenzen/geze) ![Screenshots der GEZE-Website, die intelligente Lösungen für Türen und Fenster präsentieren, einschließlich Produktkategorien und Magazinfeatures.](https://b13.com/fileadmin/_processed_/b/5/csm_Mockup-geze_card01_2dc4baaa2e.webp) [ Mehr Erfolgsgeschichten ](https://b13.com/de/leistungen/referenzen) ![](https://b13.com/fileadmin/_processed_/c/0/csm_franzi_c256c9a4b5.webp)### [ Franzi Töpler ](https://b13.com/de/team/franziska-toepler) Consulting ### Bereit für einen Neuanfang? Wir freuen uns darauf, deiner Vision Leben einzuhauchen. Lass uns gemeinsam herausfinden, was du wirklich brauchst, und den besten Weg nach vorn finden. [ Sprich uns an ](https://b13.com/de/kontakt) Wissen -------- Unser Wissen. Dein Wachstum. Seit über 20 Jahren sammeln wir wertvolle Erfahrungen in Kundenprojekten. Dieses Wissen weiterzugeben ist ein zentraler Bestandteil unserer Open Source-Philosophie. Tauche in die komplette Sammlung an Expertenwissen ein: [ Wissen erweitern ](https://b13.com/de/wissen) - ### Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings 17. Juli 2026 | Laura Heine Laura Heine teilt, was sie beim Design Leadership Meetup über Verantwortung, Dokumentation und einen fairen Umgang mit KI im Team gelernt hat. [ weiterlesen: Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings ](https://b13.com/de/wissen/verantwortungsvoll-gestalten-im-ki-zeitalter-unsere-learnings) - ![Hände, die mit einer Schere einen Stechpalmenzweig schneiden, während eine andere Hand ihn mit einer Sprühdose besprüht, umgeben von Stechpalmenblättern.](https://b13.com/fileadmin/_processed_/1/6/csm_UX_Sprawl_Headerbild_fe87fc1b2b.webp) ### UX-Wildwuchs in bestehenden digitalen Produkten vermeiden 15. Mai 2026 | Stefanie Kreuzer, Florian “Flix” Keitgen UX-Wildwuchs macht digitale Produkte schwerer nutzbar, wartbar und skalierbar. Erfahre, wie b13 UX-Expertise und Projektmanagement kombiniert, um wieder Struktur zu schaffen. [ weiterlesen: UX-Wildwuchs in bestehenden digitalen Produkten vermeiden ](https://b13.com/de/wissen/ux-wildwuchs-in-bestehenden-digitalen-produkten-vermeiden) - ### Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage 12. Januar 2026 | Laura Heine b13 gestaltet das Backend von TYPO3 für Version 14 neu, damit es moderner wirkt, schneller läuft, den Benutzerkontext beibehält und eine erweiterbare Grundlage schafft, die sich… [ weiterlesen: Gestaltung des Backends von TYPO3 v14: Unsere Vision für eine moderne, erweiterbare Grundlage ](https://b13.com/de/wissen/gestaltung-des-backends-von-typo3-v14-unsere-vision-fuer-eine-moderne-erweiterbare-grundlage) - ### Wie man Webformulare richtig macht 18. August 2025 | David Steeb Effective web form design is a critical component of user engagement and conversion. By focusing on clarity, simplicity, and user experience, businesses can create web forms that… [ weiterlesen: Wie man Webformulare richtig macht ](https://b13.com/de/wissen/wie-man-webformulare-richtig-macht) - ![Eine lila Mappe ist zentral platziert und von roten und blauen rechteckigen Elementen umgeben, die durch Linien auf einem Gitterhintergrund verbunden sind.](https://b13.com/fileadmin/_processed_/1/5/csm_EffectiveInformationArchitecture_Headerbild_c5bbf51bfe.webp) ### Effektive Informationsarchitekturen entwerfen: Best Practices 30. Juli 2025 | David Steeb Tauche ein in unseren neuesten Artikel über die Welt der Informationsarchitektur und ihren entscheidenden Einfluss auf die User Experience. Erfahre zentrale Strategien und Best… [ weiterlesen: Effektive Informationsarchitekturen entwerfen: Best Practices ](https://b13.com/de/wissen/designing-an-effective-information-architecture-best-practices) Weitere Leistungen -------------------- - ![](https://b13.com/fileadmin/Illustrations/Icons/Website-Betreuung_80.svg) ### Website Betreuung Betrieb & Optimierung [ Mehr: Website Betreuung ](https://b13.com/de/leistungen/website-betreuung) - ![](https://b13.com/fileadmin/Illustrations/Icons/Site___Brand_Relaunch_80.svg) ### Relaunch Neustart mit Substanz [ Mehr: Relaunch ](https://b13.com/de/leistungen/relaunch) - ![](https://b13.com/fileadmin/Illustrations/Icons/Technischer_Support_80.svg) ### Technischer Support Lösungen finden [ Mehr: Technischer Support ](https://b13.com/de/leistungen/technischer-support)