d&b audiotechnik

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

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.
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.


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.
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.


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.
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.
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.




Consulting
We’re excited to breathe life into your vision. Let’s see what you really need and figure out the best way forward together.
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:

Laura Heine shares what she learned at the Design Leadership Meetup about responsibility, documentation, and treating AI fairly as a team.
Read more: Designing Responsibly in the Age of AI: What We’re Learning as We Go
UX sprawl makes digital products harder to use, maintain, and scale. Learn how b13 combines UX expertise and project management to bring structure back.
Read more: How to Prevent UX Sprawl in Existing Digital Products
b13 is redesigning TYPO3’s backend for version 14 to feel modern, work faster, maintain user context, and create an expandable foundation that can evolve for years to come.
Read more: Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation
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…
Read more: Best Practices for Effective Web Forms
Dive into our latest article exploring the world of information architecture and its profound impact on user experience. Learn key strategies and best practices for designing…
Read more: Designing an Effective Information Architecture: Best Practices