All work
BrandStrategyBrand identity · Events app

Rhapsody

Rhapsody is an events app for Berlin's music scenes. The app worked, but it had never been properly branded, so I stepped back and built a brand from the ground up: audience, positioning, name, logo, colour, type and a full set of guidelines.

Role
Brand strategy and identity
Deliverables
Positioning, name, logo, colour, type and guidelines
Tools
FigJam, Figma
Cover of the Rhapsody brand guidelines: the white logo and wordmark on Vivid Violet

The challenge

I'd already designed an app that keeps the useful side of finding events on social media, without its downsides. But it had never been properly branded. It needed an identity that could hold its own next to Resident Advisor, Instagram and Spotify without becoming one more loud feed.

The outcome

A brand built on one idea, relevant and real, carried through a name, a speaker-cone logo, one vivid colour, two typefaces and a 20-page set of guidelines.

  1. Audience
  2. Essence and values
  3. Competitors
  4. Positioning
  5. Name
  6. Visual identity
  7. Guidelines
Strategy

Relevant and real

The audience is Berlin's inner-city music lovers, aged 25 to 40. They're a varied group, so rather than split them into segments I designed for what they share: niche live music, and not much patience for anything that isn't real.

A brand pyramid and a mood board helped me pin down how the brand should feel. That became its essence: in a world where everything claims to be relevant, the things that are actually real, like a night in front of a sound system, are what matter.

Brand guidelines page with the essence, Relevant and real, set in large white type on Vivid Violet
Mood board of textures, imagery and patterns: worn concrete, a crescent moon, a dim underground station and a plane seen from below
The mood board: dark, seen from above, partly revealed, with real textures. Modern but not tacky.
Positioning

Standing apart from the competition

I compared six competitors, from Resident Advisor and echtzeitmusik to Ticketmaster, Eventfrog, Spotify and Instagram, by logo, type, colour and screens, then plotted them on positioning maps.

Quiet apps, loud logos

Resident Advisor, Instagram and Spotify strip their apps back to black and white and let a colourful logo do the work.

Light, not dark

Rhapsody does the same, but in light mode by default, so it stands apart from the dark apps around it.

A symbol, not a word

The closest competitor uses an abstract mark and the rest use type, so Rhapsody gets a simple, clear symbol.

Competitor board comparing logos, typography, colour palettes and screens of Resident Advisor, echtzeitmusik, Ticketmaster and Eventfrog
Comparing competitors' logos, type, colour and screens.
Three positioning maps plotting competitors by colour palette, typography style and website style, with the gap for Rhapsody circled
Positioning maps for colour, type and website style, with the gap Rhapsody aims for circled.
Brand guidelines page explaining the name Rhapsody and its two dictionary definitions
Name

Two meanings, both ours

From a shortlist including Enlight and Cloud Nine, Rhapsody won on its double meaning: an ecstatic expression of feeling, and a free-flowing piece of music. It also shares its R with the essence: Rhapsody, relevant and real.

Logo

A speaker, seen head on

I sketched objects and ideas linked to the brand, from speakers and sound waves to lights and dancing people, and narrowed them to four concepts. I dropped the typographic R, because positioning called for a symbol, and the speaker with sound waves, which had too many lines to stay simple. The plain speaker cone was the clearest, and softer corners made it a little more playful.

Pencil sketches of speakers, faces, waves and letter R ideas for the logo
1. Sketches
Four logo concepts: a megaphone with an R, a speaker with sound waves, a two-speaker stack and a single speaker cone
2. Four concepts, with the fourth chosen
The speaker-cone mark tested in orange, purple, black and white combinations
3. Testing the mark in colour
Brand guidelines page showing the mark built on a ten by ten grid, its clear space and minimum sizes
Rows of red-orange and purple colour pairs being compared
Exploring red and purple pairs.
Colour

One colour, used sparingly

I started with a warm red-orange and purple pair to reflect the two halves of relevant and real. Then I noticed the red was very close to Resident Advisor's, my most direct competitor, so I dropped it for a single Vivid Violet.

Vivid Violet passes WCAG AA on white at 5.3:1. It's too dark for small text on black, so for dark mode the guidelines add a lighter violet that passes at 7.3:1.

Brand guidelines colour page with Vivid Violet, white, black and two supporting colours
Brand guidelines accessibility page showing six colour pairings and their contrast ratios
Four candidate typefaces previewed on dark backgrounds: Comfortaa, Urbanist, Righteous and Bowlby One
Comfortaa, Urbanist, Righteous and Bowlby One side by side.
Typography

Two typefaces, two jobs

Comfortaa was too close to a comic look and Righteous felt too futuristic. Urbanist is clean like Helvetica but with more character, so it handles body text. Bowlby One makes a big statement, so it's saved for headlines.

Brand guidelines typography page showing Bowlby One for headlines and Urbanist for everything else
In use

Quiet interface, loud events

In the app, white space and black text let event photos and flyers bring the colour. Violet only marks what matters: headings, the current tab and the main action.

Brand guidelines page with three app screens: an announcements feed, an event page and saved events in dark mode
Brand guidelines imagery page with four principles and black and white film photos
Brand guidelines tone of voice page with three principles and do and don't examples
Guidelines

The full brand book

Twenty pages covering foundations, logo, colour and type, and how the brand comes to life. Select a page to see it full size.

Page 1: cover Page 2: contents Page 3: about Rhapsody Page 4: brand essence Page 5: mission and vision Page 6: values Page 7: audience Page 8: name Page 9: the mark Page 10: construction and clear space Page 11: colourways Page 12: logo misuse Page 13: colour palette Page 14: accessibility Page 15: typefaces Page 16: type hierarchy Page 17: imagery Page 18: tone of voice Page 19: the app Page 20: back cover
Download the guidelines (PDF, 3 MB)
Reflection

What I'd do next

  1. Test it with the audience. A five-second test, showing people app screens and asking what they think the brand is about, would show whether relevant and real comes across.

  2. Check competitors before choosing colours. I only spotted the clash with Resident Advisor's red late on. Checking earlier would have saved a round.

  3. Validate the essence. The pyramid and mood board helped me find the feeling, but until people from the audience confirm it, it's still my instinct.