DJ S3RL: Branding

Branding

S3RL and I had finished up with our back-and-forth discovery sessions and had the final strategy document ready. All important questions had been asked, and all necessary conclusions drawn. It was time for us to start setting a direction for branding.

Side-profile 3D render of a warped blue page against white background, reading the word language.

The strategy we had collaborated on before this, was an extremely important first-half of the entire branding process. Learn what we did and how we did it by clicking this link, if you haven’t already.

Picking a Direction

Before I could start creating, I needed to know where to begin and where to take it. And even though the strategy document told me a lot about S3RL, his audience, and his inspirations; I still needed to know where the man himself wanted his brand to go. I had to strike a balance between what he wanted and what he needed.

If only there were a way for me to get his feedback before I could start designing—

Hint: There is.

There is.

And it’s called ‘mood-boarding’, as us creative professionals have decided to call it. As the name suggests, it involves creating boards that communicate mood—visual mood, specifically. It’s like making collages, except that your goal is to stay legible and consistent, and successfully represent a visual style or ‘mood’.

The moodboards I created for S3RL started out as a single Pinterest board, informed by the strategy we had produced earlier. Images from this board were then grouped together and refined further into even more Pinterest boards, which were more consistent and represented different moods—all of which fit S3RL’s brand in different ways.

A screenshot of the Pinterest mobile application, featuring multiple boards.

I produced 10 arbitrarily-named moodboards from these already-arbitrarily-named Pinterest boards; then ranked them multiple times according to each part of the strategy document.

A grid of tiny collages.

The initial plan was to come up with as few moodboards as possible. Ideally two; maybe a maximum of three.

We ended up with four.

Because even though only three of those ten moodboards survived my somewhat-organized-ranking tests, I decided to include a fourth board because I felt that S3RL might have a reaction to it (spoiler: he didn’t).

Picking a Direction: Picking a Direction

Once I had refined all four moodboards—all made up of amazing images I did not own or have the rights to (also why you’ll only get to see these heavily-pixelated versions of the original moodboards)—I sent them to S3RL for review.

3D render of a warped, floating, glass screen displaying brightly-colored pixelated graphics.
3D render of a warped glass screen with ripples, displaying a highly-pixelated collage.
3D render of a warped glass screen with waves, displaying a heavily-pixelated collage of manga illustrations and japanese, kanji typography.

This was the moodboard he picked:

3D render of a warped glass screen with ripples, displaying a glowing, pixelated, neon collage.

Jole and I both agreed that this visual style represented who he was at the time; and that it was certainly the direction he was heading as an artist.

Now that we had established a direction, it was time for me to start working on the brandbook.

3D render of a warped, light-blue page reading the heading: Visual Language; and below it: The color, typography, and style across S3RL’s visual brand.

Typography

Everyone deserves great type; and so does S3RL. As the next step in this process, I started looking for the perfect set of typefaces (fonts).

Thanks to the strategy we had produced earlier, I knew what I was looking for: a moderately tall, modern, sans-serif that would work well in paragraphs. Something like Roboto, as good as Roboto, but not Roboto(fun fact: you’re reading this article in Roboto).

I decided to keep readability a primary focus, which may not immediately make sense when you’re branding for a DJ/producer whose superpower lies in expression. However, I wasn’t looking for fonts that would work with just cover art or videos; because S3RL does as many things with his visuals as he does with his music (a lot). S3RL was one of the few creators this applied to, and no set of typefaces could cover that (without complicating things—this branding project was intended to be relatively simple).

We needed a type family that would work everywhere else: on the website, in print, and anywhere else that wasn’t already stylized. Something as good as Roboto, but more fun.

After testing dozens of typeface combinations, I picked a small and truly remarkable type family with three weights. The type family was called Cooper Hewitt, and was designed by Chester Jenkins—commissioned by Pentagram for Cooper Hewitt (the Smithsonian design museum).

A close-up, 3D render of the Typography section from the brandbook; featuring the name of the typeface: Cooper Hewitt.

It was the perfect typeface for S3RL. Extremely readable, but also surprisingly expressive. It did everything I needed it to do.

Color

The visual side of S3RL’s brand has always been really colorful (and I mean REALLY colorful). And that makes his cover art and music videos as interesting as his music. We wanted to reflect that while retaining functionality.

I thought I had the solution: a massive palette with every color an artist working on S3RL’s brand might need. But I realized why that wouldn’t work, almost as soon as I started.

A 3D, voxel render of a page from the brandbook, placed on and floating over a dark, metallic surface. The page contents are obscured by the voxelization.

There were a few problems with this idea:

I decided to not interfere with artwork or physical media too much. While I still made sure that the brandbook did guide those things (more about that below), I decided to limit the palette to a few key colors, that were optimized for modern screen displays.

3D render of a black-colored page, warped by circular ripples; placed against a white surface-background. The page content is the color-guide section from the brandbook.

And because I had picked these colors from Google’s Material Design color palette, S3RL or his collaborators could always pick more colors from the publicly-available palette when they would need to.

3D render of a black-colored page, warped by ripples; placed on a white background surface. The page title reads: GRADIENTS, and features multiple gradient swatches.

Creative Freedom

The deeper we dug into S3RL as a brand, the more we realized how important it was for S3RL—and people he collaborated with—to express themselves. I made sure that the brandbook would communicate this.

3D render of a warped, dark, metallic page placed against a dark, metallic background surface. The page reads: But hey, it’s always okay to try new things. It also features neon signage typography, reading: S3RL.

Brand Messaging

Jole had always interacted with his audience in a particular way. He had always been fun, laid-back, and welcoming; and his fans knew that. We wanted to make sure that anyone who worked with or for S3RL, would know how to represent his personality when creating content for him, or interacting with his audience.

3D render of a red-colored page warped by ripples, places against a white surface background. The page title reads: BRAND PERSONALITY AND MESSAGING; and the subtext reads: How S3RL interacts with his audience.

The Brand Personality and Messaging section of S3RL’s brandbook was informed directly by the strategy document, as it didn’t need to be translated into a different medium like the rest of the brandbook(which was translated into visual guidelines).

More projects like this.

Contact:


[email protected]
instagram.com/refuseink
m.me/refuse.ink

Subscribe to our email newsletter:

* indicates required