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. Ein eigenes Referenzmodul ermöglicht es der Agentur, neue Arbeiten selbst zu veröffentlichen. Seit Dezember 2025 ist die Website online.
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.
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 auf Grundlage der vorgegebenen Farben, Logos und Schriften. Für die Projektdetails griffen wir den gewünschten Aufbau auf und arbeiteten das Zusammenspiel von Bildern, Texten, Flächen und Abständen aus. So entstand eine gemeinsame Gestaltung für die Präsentation der Agentur und ihrer Arbeiten.
Technische Grundlage
Wir richteten TYPO3 13.4 und ein separates Testsystem für die Umsetzung und Prüfung der Website ein.
Inhaltsbausteine und Referenzmodul
Wir entwickelten wiederverwendbare Inhaltselemente mit Content Blocks und ein eigenes Modul zur Pflege und Darstellung der Referenzen.
Zweite Sprachfassung
Wir richteten die zweite Sprachfassung einschließlich Sprachwahl und der zugehörigen technischen Konfiguration ein. Die Website ist technisch für Deutsch und Englisch umgesetzt; aktuell sind die Inhalte auf Deutsch gepflegt.
Schulung und Veröffentlichung
In einer Schulung machten wir das Team mit der Inhaltspflege vertraut. Nach Funktions- und Browsertests wurde die Website im Dezember 2025 veröffentlicht.
Arbeiten, Agentur, Karriere.
Neue Projekte in einer einheitlichen Struktur.
Die Referenzen verbinden großflächige Motive mit Informationen zu Herausforderung, Strategie und Ergebnis. Für die Pflege dieser Inhalte haben wir ein eigenes Referenzmodul entwickelt. Es verbindet den gewünschten Aufbau der Projektdetails mit dem von uns ausgearbeiteten Layout.
Das Team pflegt die Inhalte über definierte Felder. Übersicht und Detaildarstellung greifen auf diese Angaben zurück und folgen der vorgesehenen Gestaltung. So lassen sich weitere Arbeiten ergänzen, ohne für jede Referenz ein eigenes Layout aufzubauen.
Inhalte pflegen, Gestaltung beibehalten.
Für die allgemeinen Seiteninhalte nutzen wir Content Blocks. Damit 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.
Die technischen Definitionen liegen im Projektcode und werden versioniert. Änderungen an den Bausteinen lassen sich dadurch nachvollziehen und zwischen Test- und Livesystem übertragen.
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. Rote und dunkle Flächen führen den bestehenden Markenauftritt weiter und geben den unterschiedlichen Inhalten einen gemeinsamen Rahmen.
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. So werden nicht nur fertige Motive gezeigt, sondern auch die Aufgaben und Überlegungen dahinter verständlich.
Das Layout und die redaktionellen Bausteine greifen ineinander: Die Agentur kann weitere Projekte mit eigenen Bildern und Texten ergänzen und dabei die vorgesehene Gestaltung beibehalten.
Arbeiten, die wirken
Kampagnen, Marken und Kommunikation aus Hamburg
Der Rahmen in Zahlen.
Womit wir bei vergleichbaren Projekten helfen.
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.
