bruno mars

$

bruno mars $

24k Magic website design

Web design + Social Properties

the website strategy

Slide from a presentation titled 'Website Strategy' discussing music and video content, featuring images of Bruno Mars and streaming options.
Cover page with a portrait of a young man with dark hair, wearing a sleeveless white shirt and jewelry, against a teal background, and text that reads 'BRUNO MARS WEBSITE STRATEGY 2016'.

When we learned in early 2016 that Bruno Mars had a new album coming, my focus at Atlantic shifted entirely to his website. At that time, fans still relied on artist sites for key info, so this had to be the hub for tour dates, merch, and news and it needed to feel essential if you wanted to be part of Bruno’s world.

Every page pushed the mailing list front and center, with multiple sign-up spots promising first access to tickets, merch drops, and album updates. We layered in teasers, nostalgic content, and countdowns to keep people returning, but the real goal was to create a sense of VIP access. if you weren’t on the list, you felt like you were missing out.

I made sure the design was clean, intuitive, and mobile-friendly, with depth in each section so scrolling felt like moving deeper into Bruno’s universe. My favorite piece was the music page. It showcased each of his three major releases, styled to match the look of each album. Even with different creative directions, the layout tied everything together and seamlessly ushered fans into the new 24K Magic era.

Website homepage for Bruno Mars promoting his new album 24K Magic and world tour, including tour dates and merchandise.
Smartphone screen displaying Bruno Mars promotion for his album 24K Magic and world tour, featuring an image of Bruno Mars in sunglasses with a floral shirt, with options to watch, buy, subscribe, and view local tour dates.
A webpage from Bruno Mars' official site featuring music, merchandise, and videos. The page is divided into sections for albums '24K Magic,' 'Unorthodox Jukebox,' and 'Doo-Wops & Hooligans,' each with track lists, videos, and merchandise options. The background has large images of Bruno Mars, including one in a red outfit sitting with sunglasses, and others with band photos and album covers.
Promotional graphic for Bruno Mars' 24K Magic World Tour showing a sitting on a gold chair in a red outfit and sunglasses, with instructions on how to add 24K Magic to Spotify playlist, including steps for following, selecting a playlist, and entering email.
A webpage for Bruno Mars' Spotify Playlist creation contest, featuring a banner with text, a form to enter personal details including name, email, city, state, country, birthday, and playlist link, and a prize of a trip to Vegas to see Bruno Mars. The webpage includes a mobile phone mockup displaying the same contest information.

This video is an excellent critique on not only Bruno’s website, but artist sites in general at the time. It made me proud knowing our plan got across to fans and how other designers and marketers were looking to use the same methods we did for their websites :)