Skip directly to page content
b13 GmbH

Hauptstätter Str. 59
70178 Stuttgart
Germany
+49 (0) 711 460 589 70 [email protected]

Site & Brand Relaunch

Update your digital presence with b13 to stay future-proof and relevant for your customers. Here’s how we get there together.

Hands clapping in front of a computer screen with a speech bubble and decorative elements, symbolizing celebration or acknowledgment.

Discovery Kick-Off

Every relaunch starts with a discovery workshop—the first time stakeholders, designers, and developers sit down at the same (virtual) table. Before we design a solution, we need to understand the problem: what’s working, what isn’t, and what success looks like.

We typically meet for two to four hours online, or up to six hours in person, together with your core project team and any sponsors involved, collecting input live on a shared Miro board.

Afterward, you’ll receive a clear problem statement, an initial view of your target audience, and a documented overview of your current state—the baseline the rest of the project builds on.

Understanding Your Users

Once we understand the problem, we need to understand the people behind it. There’s no single method that fits every project—what we use depends on what you already know about your users, and what you need in order to make the case for a relaunch internally.

Sometimes that means running workshops to surface knowledge your team already has; sometimes it means digging into analytics, support tickets, or search queries to see where users actually get stuck. Mapping the customer journey—the stages people go through and the questions they have at each step—is often the most useful lens. For other projects, the Jobs-to-Be-Done framework works better, focusing on the outcome someone is trying to achieve rather than who they are on paper.

We choose the approach that fits your data, your timeline, and the argument you need to bring stakeholders along—not a fixed template we run regardless of the situation.

Magnifying glass over a bar graph, highlighting data analysis and insights.
A purple web browser window connected to two green data blocks, illustrating a network or data flow concept.

Structuring Your Content

With a clear picture of your users and their goals, we turn to structure: how your content is organized, labeled, and connected. Solid information architecture makes the difference between a site that helps visitors find what they need and one that leaves them clicking in circles.

We build a sitemap that shows how pages relate to each other, define a navigation and search concept that matches how your users actually think, and make sure content isn’t duplicated or scattered across the site. The goal is simple: show the right information at the right time, and no more than that.

Page Types & UX Patterns

Once the overall structure is set, we go a level deeper: what content already exists for each page type, what’s still missing, and how it should be displayed to do its job. Mapping this out early means you can start drafting or gathering content while we’re still deep in structuring and design, instead of waiting until development is finished—which saves real time later in the project.

Working through content page type by page type, clear UX patterns start to emerge—recurring ways of solving a particular problem, like a filtering interface or a multi-step form. For more complex or unfamiliar patterns, we build a prototype to validate the approach before committing to it. Simpler, well-established patterns go straight into design without that extra step.

Purple web browser window with four empty content sections and a cursor pointing towards one of the sections.
Purple laptop with a grid screen displaying coding symbols "<" and ">".

Visual & UX Design, Built for TYPO3

With the structure and patterns in place, we move to visual and interaction design—translating your brand into a system that works on screen and holds up over time. We favor clarity over decoration: every choice should help visitors reach their goal, not distract them from it.

We also design as close to the final code as possible, working with real components and constraints rather than abstract mockups. That keeps friction low once design hands off to development—nothing gets lost in translation between the two.

We build on Atomic Design principles, so components inherit their styling from a shared set of rules. Change a color or spacing value once, and it updates consistently across the whole site. Every component is documented with a plain-language name and description, so your editors—and any developer who works on the site after us—know exactly what it does and how to use it.

The result is a design system built for TYPO3: responsive, consistent, and easy to maintain long after launch.

From Classic To Classy

Your New Website: Designed for Today With Tomorrow in Mind

b13 gets your brand and your site back in the game. By thorough analysis, methodical redesign, and a solid implementation on top of TYPO3, b13 creates a new appearance that is consistent, relevant, and maintainable.

A modern website is more than a fresh look. We turn outdated structures, slow-loading pages, and tricky navigation into a clear, user-friendly experience that engages users. With proven approaches like Atomic Design and an eye for future-ready technology, we build websites that impress today and stay effective tomorrow.

Digital products constantly evolve — and so should your website. With a modern open-source CMS like TYPO3, your system stays flexible, future-ready, and easy to maintain. Design updates are implemented efficiently, keeping your site up to date with current web standards. Meanwhile, you stay independent from vendors and retain full control.

A strong brand is consistent—online and offline. We ensure design, technology, and user experience come together perfectly, making your brand message consistent with all your other customer touchpoints. From design to development, we manage the full process by your side to deliver a unified digital brand experience.

b13 has played a key role in optimizing the user journey and making the website more intuitive and user-friendly.
I am confident that positive effects will become apparent in the coming months, thanks to a clear and understandable customer journey from content to product.
Alexander Jaquet, IT Business Manager at Engelhard Read success story

The Experts Behind the Relaunch

For every relaunch, we bring together experts from our various fields of expertise. We don’t work for you—we work with you, to create solutions that work today and scale tomorrow.

A group of people stands in a bright room, engaged in conversation, with some holding papers and others listening attentively.
A woman with curly hair sits at a table, working on a laptop, while a presentation is displayed on the wall behind her.
A group of people seated in a circle, listening to a speaker in a casual meeting or workshop setting.
A woman sits on a chair, smiling and engaged, while a group of people are seated in a circle in a well-lit room.

Previous Relaunch Projects

More Than a New Design

Franzi Töpler

Consulting

Ready for a Fresh Start?

We’re excited to breathe life into your vision. Let’s see what you really need and figure out the best way forward together.

Knowledge Base

Our Wisdom. Your Win.

For over 20 years, we’ve gained valuable experience through client projects. Sharing this knowledge is a central part of our commitment to open source. Dive into our complete library of expert content:

Other Services

  • Site Maintenance

    Operation & Optimization

  • TYPO3 Upgrade

    Safely up to Date

  • Technical Support

    Finding Solutions