Two tablets show the redesigned Audience marketing site homepage and the platform dashboard

Case Study

Audience

Audience is a software platform built to help brands capture first-party data and grow audiences. We worked with the Audience team to build a new brand identity and comprehensive UI kit for Audience’s next chapter.

in the details

The highlights

26 UI components, 20+ templates, 1 launch video, 1 brand guide

220 hours

5 months

Audience 2.0 launched Aug 13, 2025

A campaign screen in the Audience platform shows views, campaign timeline, total interactions, and more
Two laptops show the Audience marketing site homepage and the in-app dashboard

1) The goal

The team at Audience already had a suite of tools custom-built to help advertisers grow revenue. What they needed was an updated brand identity to represent their new, streamlined functionality - and a UI kit that was easy for their developers to implement. A few of their core goals:

  • A Figma component library that can be efficiently matched in development
  • A platform experience that bridges the gap between enterprise-level functionality and brand personality
  • Clear data analysis to share the story of their users’ campaigns
  • Updated colors, fonts, and marketing templates that position Audience as a comprehensive advertising solution

Audience equips brands with powerful, easy-to-use, innovative experiences to drive loyalty and long-term value.

The new Audience platform combines AI-powered creation and personalization, a library of content and playbooks, and new ways to activate audiences to create immersive experiences at scale.

The Audience platform includes a custom campaign builders plus AI-powered segments and profiles

2) The UI kit

Audience’s new design system is built on shadcn/ui, an accessible, open-source, open-code component kit. This foundation allowed us to focus on detailed customizations at the component level, while ensuring the whole kit would scale seamlessly across all React frameworks.

The Audience UI kit includes updated versions of all existing platform components, plus a handful of new components and layout templates—enabling Audience’s development teams to iterate quickly on new pages. Additionally, data visualization can continue to evolve to meet the team's needs, thanks to shadcn/ui's chart library. Unused shadcn/ui components are archived in Figma for future use.

Development handoff included detailed notes on colors, typography, and component-level customizations.

A laptop screen shows an email from Audience while two phones show social media posts and stories, all with refreshed branding

3) The brand identity

At the core of Audience’s new branding are its four brand pillars — frictionless, actionable, imaginative, and trusted— in that order of importance and weight. We collaborated with the Audience team to explore competitor and brand examples across a range of categories. We asked key questions to guide our work:

  • What makes this effective?
  • What captures attention?
  • What prevents it from falling flat?

We then curated a set of colors, fonts, and graphic styles that aligned with the team's vision, using them to shape the new identity of the Audience brand. The updated typography balances personality with functionality, while the refined color palette and strategic color pairings enhance visual impact through contrast and subtle tension. Graphic elements shift between three distinct styles, each representing a different facet of Audience’s diverse products and capabilities.

Audience is frictionless, actionable, imaginative, and trusted.

And its branding should represent that. We’re talking a streamlined tech stack, intelligence that frees up time, and creativity that converts. (All credit to the Audience team for that one. We love a good turn of phrase.)

Five screens show pieces of the new brand guide, from typography to color palette and design elements

“The way you’ve handled this is such a testament to why HQ is so damn good.”

Elizabeth Waite

CMO, Collegewise

"This team is insanely reliable."

Randall Bennett

Facebook

"These are my favorite vendors."

Hayden Hill

CMO, Christensen Institute

"As a way to get to a phenomenal product, hiring this team is the best way to go. Overall we’re 1000% pleased."

Austen Allred

CEO, GauntletAI

"There's no doubt in mind that we picked the right partner in HQ to help us with this."

Shobin Uralil

CMO, Lively

"If I’m not your happiest customer, I’m willing to fight whoever thinks they are for that title."

Jeff Allen

CEO, BlueCar

"We feel like HQ has been our secret weapon."

Jerome Paul

CEO, Spiff (acq. by Salesforce)

Let’s build

Whether you’re looking to design, build, update, or refresh an existing app or website, we can help. Even if we’re not a good fit, we will help point you to somebody who might be.

Contact us