Making audio visual

Sound Advice Website

Sound Advice is an audio marketing studio in Hollywood creating content for the biggest brands in media and entertainment. After COVID-19 compromised their word-of-mouth lead generation, I collaborated with its founders during summer 2020 to revitalize their online experience.

We defined a new content strategy and visual identity of for their brand then rebuilt their site from the ground up for it's target audience. The new website is modern, intuitive, and purposeful; featuring audio work front and center with a custom SoundCloud integration. The Webflow site is fully responsive and built on a CMS that allows the team to maintain their portfolio over time. Check out the live website!

Role: strategy, visual design/branding, development

Sound Advice Hollywood
UX Design
Original Sound Advice website

Challenge: Communicating value and expertise

The original Sound Advice was outdated, offered poor visual and listening experiences, and made it difficult to to reach the team. The founders had little to no control over the content on their site and had fallen out of touch with the developer managing it.

Solution: A modern, focused experience for their target audience

A simple, direct, and visually attractive experience that would appeal to their core audience: media marketing executives. From out strategy discussions we identified the need to put content front and center, clearly communicates their value and experience, and make it easy for clients to learn about the team, what they do, and easily reach out.

Strategy

Before we could start designing I needed to understand two things clearly:

  1. The internal needs of Sound Advice
  2. The external needs of potential clients

The Sound Advice team needed an attractive visual overhaul with an intuitive backend that allowed them to focus on great content.

I examined the existing site, what it was doing and where it fell short. Next, I met with the team and outlined desired changes. A critical element of a successful site would be their ability to maintain it themselves. To make this possible I sorted content into two categories: dynamic and static. Dynamic content would employ a content management system, using pre-styled elements for repeat content like audio spots.

Marketers wanted critical info at a glance to instill confidence and start a conversation.

A new content structure, based on identified user needs, provides essential information on one scrollable page. Supplementary pages contain additional information.

Visual Design & Branding

Until now appearances hadn't been a priority, but their audience demanded otherwise. We agreed to start fresh, retaining key brand assets like their logo and primary orange.

Direction 1: Hi-tech - Sophisticated with a dark cinema theme and fine details. While we liked the professionalism, it lacked an essential friendliness.

Sound Advice visual direction 1: Hi-tech

Direction 2: Billboard - Punchy and loud with impactful type and imagery. The boldness and conversational tone worked well, but it didn't feel welcoming.

Sound Advice visual direction 2: Billboard

Direction 3: Startup - The perfect balance of bold and friendly, with large scannable typography and fun graphic elements match the studio's personality.

Sound Advice visual direction 3: Startup
Sound Advice brand - logo
High-fidelity Figma wireframes

Development

Figma page layouts and design system were replicated in Webflow then optimized for responsiveness on all screen sizes.

Created content management system with custom SoundCloud integration for an intuitive listening experience.

Webflow CMS allows Sound Advice to edit and update their projects as needed without a developer.
Curated, categorized audio portfolio of latest work

The final site communicates the quality and craft of audio design by putting the Sound Advice's content front and center, explaining their capabilities, and positioning them as an an essential partner for premium entertainment marketing.

No items found.