DJ Portfolio Website

SCOPE:

RESPONSIVE WEB DESIGN

FRAMER DEVELOPMENT

YEAR:

2026

Every artist reaches a point where word of mouth isn't enough. Max Klimek had the bookings, the releases, and the recognition — but when it came to introducing himself, all he had was a PDF. It was time to build something worthy of where he was headed.

Problem

An artist's first impression usually happens before anyone sees them play. A static PDF can hold facts, but it can't hold energy - no motion, no sound, no sense of what it actually feels like to be in a room when this person is behind the decks. Every achievement, every project, every milestone flattened into the same wall of text. The brief was clear: replace the document with an experience that communicates not just a résumé, but a personality.

Backup Power Solutions logo on dark background featuring a mobile power unit icon with lightning bolt and the brand name in a monospace-style typeface

Process

The goal was to turn the EPK into an experience rather than a document. Each chapter of Max's story got its own section: bio, live history, discography, the Ramen Rave collective, and a contact page. Built entirely in Framer, the site uses a cursor image trail, a hover-activated artist/collaboration list with crossfading images, animated project cards for all releases, and a consistent dark design system anchored by #cccc00 yellow. Copy was written in present tense to position Max as an active, growing artist rather than summarising his past. Photos from different venues were colour-graded with a custom Python script to feel like one unified visual world.


Typography was a deliberate pairing of two fonts with completely different jobs. A heavy display typeface carries the big moments - section titles, artist names, key facts - with the kind of visual weight that stops you mid-scroll. A clean, geometric sans-serif handles everything else, keeping the reading experience sharp without competing for attention. That contrast between loud and quiet type is exactly what electronic music culture looks like on screen: high energy where it counts, restrained where clarity matters.

Outcome

Max now has a single link he can send to anyone - bookers, labels, collaborators, press. The site communicates not just what he's done, but who he is and what his music feels like. Every section that existed in the PDF is still there, but now it breathes.

Create a free website with Framer, the website builder loved by startups, designers and agencies.