All work

Case study · Brand

Overview

A German audio studio, ready for the world.

Audatio produces audiobooks and audio dramas for publishers, companies and self-publishers, from casting and direction to final delivery. I designed the new brand and the full website, from the home page and solution pages for publishers and self-publishers to about and contact, with a custom collage illustration style running through every section.

Industry
Audiobook production
Services
  • Brand identity
  • Website design
  • Development
Built with
  • Figma
  • Framer
Timeline
~4 weeks · 2026
96

Performance

95

Accessibility

100

Best practices

92

SEO

Measured on the delivered build at handoff (desktop). The live site may score differently since.

The challenge

What needed to change.

Chris Kling, the founder, already ran a very successful audiobook studio in Germany, Klangkantine, and wanted to take it international under a new name, Audatio. The company is more than a physical studio. Clients onboard through its own platform, and the team prepares every production from there. Chris came with a wireframe, a first draft of the new site's structure, and needed a brand and a website that could carry the studio to a global audience.

What I did

  1. 01

    A new structure

    Starting from Chris's wireframe, I reworked the structure around the people Audatio serves, with solution pages for publishers and for self-publishers, plus about and contact.

  2. 02

    A collage identity

    I created a completely new brand identity and went through many explorations until the collage style was approved, a modern, urban and cultural look that sets Audatio apart from typical studio sites.

  3. 03

    Studio and technology together

    The pages show real product UI from Audatio's platform next to the people behind the voices, and I built the site in Framer for desktop, tablet and mobile.

Before / after

The same page, redesigned.

Drag to compare

Audatio home page hero before (the Klangkantine site) and after the redesign: after
Audatio home page hero before (the Klangkantine site) and after the redesign: before

The work

Want a site like this?

Start a project

Tell me what you’re building.

A few quick questions, and you’ll get a reply with a clear next step. No call required.