A B Corp-certified digital agency that helps social good organizations revolutionize their tech strategies to further their missions.
The challenge
Firefly offers a range of MarTech and data solutions to its clients. Our goal was to give equal weight to the company’s unapologetically progressive ethos and its technical expertise, without overwhelming visitors with a “McDonald’s menu” list of services.
Why this matters
As a digital agency that offers high-quality services to nonprofits, Firefly helps social good causes harness the power of tech and data the way corporations do–not to generate profit, but to serve their communities, advance their causes, and create a more equitable future.
Tech highlights
WordPress
Hubspot Integration
Accessibility
Swup JS animations and transitions
Cheeky & geeky
In kick-off conversations, the Firefly team described their dream aesthetic as “cheeky geeky” and their attitude as a company as “rebellious.” They proudly embraced their progressive ethos.
Once we had a good sense of Firefly’s tone, we were able to start creating color schemes and visuals that matched. We knew we needed punky colors and bright visuals to complement the punchy language.
Bolder is better
We injected this cheeky and rebellious approach into the site design. Working with Firefly’s existing color scheme and bug concept, which had personal meaning to the founder, we refreshed the look to reflect the bold, impact-oriented energy of the company.
The custom WordPress site features animated looping arrows, text that appears as users scroll, and human-centric images that highlight the important work many of Firefly’s clients do in their communities.
Three steps to tech harmony
It’s more important for users to have a solid understanding of Firefly’s capabilities than a laundry list of its services. Rather than getting into the nitty gritty of data analytics or Salesforce strategy, we used the homepage to surface case studies that show the impact of Firefly’s work alongside that of its clients.
We also designed a new strategy to lay out its approach, visualized via colorful blocks that expand on hover. We created a three-layered approach called “People, Tech, Transformation” that walks site visitors through the company’s solutions in an easy-to-understand way.
Same message, new voice
Firefly wanted to put its clients first, but our messaging audit revealed that the previous site wasn’t always aligning with that goal. We created tone of voice principles that center Firefly’s expertise and values, but always in relation to its clients’ missions and struggles. The tone communicates that the Firefly team “gets it”—they share their clients’ vision for a better world and have the professional experience to help bring it to fruition.
Punching up
Based on interviews with Firefly’s clients and industry partners, we developed a messaging strategy that centered on three core tenants: Firefly’s values, its people, and problems (to be solved). One-line slogans like “realistic solutions, for the idealists” are inspired by protest slogans, but also reflect the team’s ability to create pragmatic tech solutions.
Next Up
