Show the work. Give the brand room.
For the Hamburg advertising agency brand on fire, we designed the layout of the new website and built it with TYPO3. Colours, logos and fonts were given; from these, we developed an image-led website for the agency's projects, services and team. Reusable content building blocks let the agency publish new work itself. The website has been live since December 2025.
A website for the agency's work.
brand on fire develops brand communication with a focus on shopper marketing – communication that reaches people while they shop. The website was to present the agency and its services and, above all, showcase its work vividly.
The design basis was fixed: colours, logos and fonts were given, as were the client's requirements for the structure of the project detail pages. Our task was to turn this into a coherent website layout. At the same time, the team needed to be able to add new case studies themselves without having to redesign every project page.
From design to editorial handover.
The relaunch covered the design and technical implementation of the website as well as training for ongoing content maintenance.
Layout based on the existing CI
We designed the page layouts presenting the agency and its work. For the project detail pages, we turned the requested structure into a design.
Technical basis
We set up TYPO3 13.4 and a separate test system for implementing and testing the website.
Content building blocks and case study pages
We developed reusable content elements, which are also used to build the case study pages.
English prepared
We set up English as a second language in TYPO3 and added a language switcher to the header. English pages appear under their own URL as soon as translations have been created.
Publication and training
After functional and browser testing, the website went live in December 2025. We then introduced the team to content maintenance in a training session.
Work, agency, careers.
New projects in a consistent structure.
Each case study combines large-format visuals with information on the challenge, strategy and result. For a new piece of work, the team creates a separate page and assembles it from the website's content building blocks. This means further work can be added without building a separate layout for each case study.
Maintain content, keep the design.
For general page content, we set up content building blocks with defined fields and a matching display. The editorial team can use and combine these building blocks without having to edit the underlying templates.
An established brand. A website layout of its own.
brand on fire came with colours, logos and fonts already in place. From these, we developed the website layout, with large image and video areas, striking headings and clearly structured text sections.
We use the dark anthracite, listed as “Soft Black” in brand on fire's style guide, as a calm base colour in the layout: for the menu, the footer and individual content sections with white text. Together with the red and light areas, it divides the pages into clearly distinct sections.
The agency's work is given plenty of room. On the project detail pages, large visuals alternate with explanatory text. We translated the structure requested by the client into a design – from the arrangement of the content to proportions and spacing.
Work that makes an impact
Campaigns, brands and communication from Hamburg
The project in numbers.
How we help with similar projects.
Your brand is in place, but the right website is missing?
Building on your existing design, we develop a website layout that presents your services and work vividly. We combine web design with a suitable TYPO3 implementation so that your team can maintain and add content itself. Talk to us about your project.
