Zum Inhalt springen
Ein Mann hält bei Nacht eine brennende Signalfackel in die Höhe, vor dunklem Himmel und den Silhouetten von Bäumen – Motiv aus dem Startvideo der Agenturwebsite
brand on fire

Arbeiten zeigen. Der Marke Raum geben.

Für die Hamburger Werbeagentur brand on fire haben wir das Layout der neuen Website gestaltet und mit TYPO3 umgesetzt. Farben, Logos und Schriften waren vorgegeben; daraus entwickelten wir einen bildstarken Auftritt für Projekte, Leistungen und Team. Mit wiederverwendbaren Inhaltsbausteinen kann die Agentur neue Arbeiten selbst veröffentlichen. Seit Dezember 2025 ist die Website online.

Branche Werbung und Kommunikation
Projektart Relaunch
Zeitraum September bis Dezember 2025
Leistungen Webdesign und UX, Entwicklung, Vorbereitung einer zweiten Sprache, SEO und Schulung
Technik TYPO3 mit eigener Extension und Inhaltsbausteinen
Ausgangslage

Eine Website für die Arbeiten der Agentur.

brand on fire entwickelt Markenkommunikation mit Schwerpunkt Shopper-Marketing – also Kommunikation, die Menschen beim Einkauf erreicht. Die Website sollte die Agentur und ihre Leistungen vorstellen und vor allem ihre Arbeiten anschaulich zeigen.

Die gestalterische Grundlage stand fest: Farben, Logos und Schriften waren vorgegeben, ebenso die Wünsche zum Aufbau der Projektdetailseiten. Unsere Aufgabe war es, daraus ein zusammenhängendes Website-Layout zu entwickeln. Zugleich sollte das Team neue Referenzen selbst ergänzen können, ohne jede Projektseite neu gestalten zu müssen.

brand on fire: Startseitenabschnitt mit Positionierung und rotem Herzmotiv
Projektverlauf

Von der Gestaltung bis zur redaktionellen Übergabe.

Zum Relaunch gehörten die Gestaltung und technische Umsetzung der Website sowie eine Schulung für die anschließende Inhaltspflege.

Layout auf Basis der bestehenden CI

Wir gestalteten die Seitenlayouts für die Präsentation der Agentur und ihrer Arbeiten. Für die Projektdetails arbeiteten wir den gewünschten Aufbau gestalterisch aus.

Technische Grundlage

Wir richteten TYPO3 13.4 und ein separates Testsystem für die Umsetzung und Prüfung der Website ein.

Inhaltsbausteine und Referenzseiten

Wir entwickelten wiederverwendbare Inhaltselemente. Aus ihnen sind auch die Seiten für die Referenzen aufgebaut.

Englisch vorbereitet

Wir legten Englisch als zweite Sprache in TYPO3 an und bauten eine Sprachwahl in den Kopfbereich ein. Englische Seiten erscheinen unter einer eigenen Adresse, sobald Übersetzungen angelegt sind.

Veröffentlichung und Schulung

Nach Funktions- und Browsertests wurde die Website im Dezember 2025 veröffentlicht. Anschließend machten wir das Team in einer Schulung mit der Inhaltspflege vertraut.

Referenzpflege

Neue Projekte in einer einheitlichen Struktur.

Jede Referenz verbindet großflächige Motive mit Informationen zu Herausforderung, Strategie und Ergebnis. Für eine neue Arbeit legt das Team eine eigene Seite an und setzt sie aus den Inhaltsbausteinen der Website zusammen. So lassen sich weitere Arbeiten ergänzen, ohne für jede Referenz ein eigenes Layout aufzubauen.

Referenzdetail auf der Website von brand on fire mit Mutti-Produkten und Beschreibung der Aufgabe
Redaktionelle Bausteine

Inhalte pflegen, Gestaltung beibehalten.

Für die allgemeinen Seiteninhalte haben wir Inhaltsbausteine mit festgelegten Feldern und einer passenden Darstellung eingerichtet. Die Redaktion kann diese Bausteine verwenden und kombinieren, ohne die zugrunde liegenden Templates bearbeiten zu müssen.

Dreispaltiger Leistungsbereich von brand on fire mit einheitlich gestalteten Inhaltsbausteinen
Erscheinungsbild

Vorgegebene Marke. Eigenständiges Website-Layout.

Farben, Logos und Schriften brachte brand on fire mit. Wir entwickelten daraus das Layout der Website: mit großflächigen Bild- und Videobereichen, markanten Überschriften und klar gegliederten Textabschnitten.

Das dunkle Anthrazit, im Styleguide von brand on fire als „Soft Black“ geführt, setzen wir im Layout als ruhige Grundfläche ein: für das Menü, den Footer und einzelne Inhaltsabschnitte mit weißer Schrift. Zusammen mit den roten und hellen Flächen gliedert es die Seiten in klar unterscheidbare Abschnitte.

Die Arbeiten der Agentur erhalten viel Raum. Auf den Projektdetailseiten wechseln große Motive mit erläuternden Texten. Den vom Kunden gewünschten Aufbau haben wir gestalterisch ausgearbeitet – von der Anordnung der Inhalte bis zu Größenverhältnissen und Abständen.

Signalrot #E81840
Hellgrau #F9F9F9
Anthrazit #191919
Überschriften Epunda Slab

Arbeiten, die wirken

Fließtext Poppins

Kampagnen, Marken und Kommunikation aus Hamburg

Ergebnis

Was der Relaunch im Alltag erleichtert.

Für das Agenturteam

Neue Arbeiten selbst veröffentlichen

Das Team entscheidet selbst, welche Arbeiten es zeigt und wann eine neue Referenz online geht.

Für Interessierte

Arbeiten sehen und einordnen

Interessierte sehen nicht nur fertige Motive, sondern auch die Aufgabe und die Überlegungen hinter einer Arbeit.

Für die Redaktion

Seiten mit passenden Bausteinen pflegen

Auch die Seiten zu Agentur und Karriere kann die Redaktion selbst aktualisieren und ergänzen.

Für die technische Betreuung

Änderungen vorab prüfen

Neue oder geänderte Bausteine prüfen wir auf einem separaten Testsystem, bevor die Redaktion sie auf der Website verwendet.

In Zahlen

Der Rahmen in Zahlen.

13.4 TYPO3-Version beim Livegang im Dezember 2025
2 technisch eingerichtete Sprachen: Deutsch und Englisch
4 Monate Projektlaufzeit, September bis Dezember 2025
Passende Leistungen

Womit wir bei vergleichbaren Projekten helfen.

Webdesign und UX

Bestehende Marken in eine passende Website-Gestaltung übersetzen.

TYPO3 und Entwicklung

Individuelle Inhaltsbausteine und Seitenvorlagen für die eigenständige Pflege entwickeln.

Wartung und Support

Die technische Grundlage pflegen und Änderungen vor der Veröffentlichung prüfen.

Ähnliches Vorhaben?

Ihre Marke steht. Die passende Website fehlt?

Wir entwickeln aus Ihrer bestehenden Gestaltung ein Website-Layout, das Ihre Leistungen und Arbeiten anschaulich zeigt. Dazu verbinden wir Webdesign mit einer passenden TYPO3-Umsetzung, damit Ihr Team Inhalte selbst pflegen und ergänzen kann. Besprechen Sie Ihr Vorhaben mit uns.