When Devpunks showed up, they didn’t just ask for a website, they brought a philosophy. they call themselves the first “Collective as a Service” (yes, it’s a thing), blending top-tier full-stack developers with real coordination and project strategy.
But for me, Devpunks was more than a client, it was the kind of collaboration where you can challenge ideas, push visuals, and actually have fun doing it.
We spoke the same language, somewhere between design, code, and controlled rebellion.
And that’s exactly what we wanted the site to feel like.
Client
ROLE
AWARDS
Live Project
NOTHING YET
The Challenge
Their need was simple and yet not simple at all:
communicate both sides of Devpunks through one single website.
On one side, the more structured and professional face: the one that supports companies and speaks the language of reliable partnerships.
On the other, the bold, unapologetic spirit of the collective, built by and for rebellious dev freelancers.
The starting point? A solid visual identity (yay): palette, logo, general vibe.
But the real challenge was clear: how do you tell a story to two radical different audiences, with one single URL?
Even better: how do you tell it… without saying too much?
The Strategy
First step: mental clarity.
The Devpunk team had already mapped out their competitors, so I started with a deep dive into what was already out there.
Cue the research montage: Benchmark come to me!
In parallel, I created a moodboard that blended cisual direction and cultural roots, from punk references and aesthetic codes to tone of voice and social media language.
This wasn’t just about “making things pretty”.
It was about building a visual language that could hold chaos and consistency at once the essence of Devpunk.
From this process, it became clear that we needed to design two parallel experiences within the same site:
Two paths. Same voice.
Each version tells a different story, but they all lead back to the same core narrative.
1
Company version
A more professional tone, structured layout, and smooth scroll-based animations.
The copy and visual metaphors evoke design and dev tools to create familiarity and trust.
2
Freelance Dev version
Text design recalls punk fanzines: torn letters, hand-drawn accents, visual noise, by design.
The Final Result
Every visual detail, headlines, scroll rhythm, interaction style was crafted to transmit an attitude, not just content.
It wasn’t about listing services.
It was about performing the brand in a way only Devpunk could.
We designed an experience that shifts in form, but not in voice.
A dual interface, with two distinct visual grammars — but one solid identity.
Freelance devs see a community that gets them, and gets wild.
Companies see order, clarity and reliability.
And Devpunk?
Still true to its nature: structured in code lines, punk in the core.
Of course, none of this would have been possible without the UX work and the conversion funnel analysis led by Luca Negro.
Let’s be honest: great projects are almost always shared projects.
