DJ !mauf Website Concept

Client

Free Work

Category

UI Design,
Prototyping,
Branding

Tools

Figma,
After Effects

Temeraire vs. Lien His Majesty's Dragon

If there’s noise in my head i’m out of control!

The Story behind

Markus aka DJ !mauf has been DJing for nearly 20 years. Based in Dresden-Neustadt, he plays Indie and Rock, runs his own event series and is co-creator of two larger projects: the Silent Disco tours and the Dresden am Meer festival. I love going to his events, and I noticed that his website hadn’t kept up with any of it.

The existing site was built on an outdated WordPress theme that hadn’t been touched in years. It was designed for older screen proportions, made poor use of modern display widths, and buried his most important projects in small, easy-to-miss text blocks. The event listings were cluttered and hard to scan. For someone operating at a genuinely professional level, the site didn’t reflect that at all.

The Story behind

He didn’t ask me to redesign it. I just started.

At the time I was transitioning from Adobe XD to Figma and wanted a real project to learn on. But the more I got into it, the more it became about solving an actual problem rather than practising a tool. I analysed what makes !mauf visually recognisable, his colour palette and the aesthetic of his event series, and built on that rather than starting from scratch. Same same, but different. The vinyl shape and the audio wave gradient were ways of creating a visual language that felt native to music without being literal about it.

When I hit the limits of what Figma could do for the interactions I had planned, I moved the relevant screens into After Effects and animated them there. That was a deliberate decision: the animation quality I had in mind needed a different tool, and I’d rather learn the right workflow than compromise on the result.

The Story behind

Once the visual language was established, I extended it further to explore how the identity could scale: event posters, merch and social media posts, all visually consistent with the website concept. The goal was to show that the design wasn’t just a one-off page, but a coherent system that could carry across touchpoints.

I eventually invited Markus over and showed him the concept. He loved it, and given that he’s a designer himself, that meant something. The main reason it wasn’t implemented was time and budget, not the concept itself.

Team / Credits

Concept & Design, Animation, Prototyping

Lisa-Justine Schmidt

Text, Feedback

Markus Harrasser
(a.k.a. DJ !mauf)

Photography

Susann Klauck