Free: Assessment Does your website build trust with buyers and bring in revenue?

Score My Website

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.
Score My Website
Joe Rinaldi

By Joe Rinaldi

Jul 23, 2019


Web Design Branding
Web Design  |   Branding

Firefox Reveals New Logo & Branding: An In-Depth Look

Joe Rinaldi

By Joe Rinaldi

Jul 23, 2019

Firefox Reveals New Logo & Branding: An In-Depth Look

One of the most vulnerable and nerve-wracking things a company can go through is a rebrand

You can rebrand for all the right reasons, have a concrete branding strategy, go through all the appropriate steps, but in the end, you never fully know how it’s going to be received by people until you put it out there. 

Companies like Slack and GAP have felt the harsh backlash from a rebrand gone wrong in recent years.

Firefox, the popular open-source web browser developed by Mozilla, is one of the most recent companies to raise the rebrand gauntlet. 

The tech company’s rebrand would be no small feat. Anytime you touch a beloved brand with a logo that has as much brand equity as Firefox’s, you have to approach it really carefully. 

Why redesign a logo with so much brand equity?  


Since its development in the early 2000s Firefox’s logo has grown to become one of the most instantly recognizable logos on the web. 

With over 250 million users a month, the company is best known for its open-source web browser, however, the company has grown to be more than just that. 

They’ve created a family of products that are all connected and geared towards protecting users and their privacy online. 

According to Tim Murray, Mozilla’s creative director, the old logo lacked “stretchiness,” The iconic fox couldn’t stretch to cover all of the products and services they were going to be releasing.

The rebrand this year aimed to unify the main parent brand with all of its child products and show users that their products go further than just the web browser we’ve all grown to love.

Inside the Firefox redesign

The rebrand was a team effort involving multiple consultants and agencies that began in 2018 when Mozilla’s in-house design team consulted with the branding agency Johnson Banks and Jon Hicks, the designer of the original Firefox logo. 

The team created two possible options for the new brand and then released them to the public asking for feedback. (This was a great move considering some of the backlash brands like Slack received without market testing.)

Based on the feedback they received, Firefox was able to finalize the project with Ramotion, a brand agency in San Francisco, California.

After 18 months in the making, Firefox released their rebrand to the world. 

This included an expanded color palette, a redesigned parent logo, new logos for all of Firefox’s child products, and an entirely new design system that would allow them to keep expanding their product line well into the future.


Image Courtesy of Mozilla 

You can check out the video below to get a behind the scenes look at the rebrand:



Why the Firefox rebrand works

I think Firefox crushed this rebrand!  

Conceptually, they put so much thought and purpose into every decision they made. From the new color palette to the evolved logo, every design decision was made with an overall goal in mind -- to build a brand that would allow for growth. 

Aesthetically, I think the new sans serif typeface, bright colorful gradients, and rounded friendly appearance of their new design elements help bring the brand into the modern day. 

This new and improved direction feels more reminiscent of the bigger tech companies like Google and Instagram. 

The new branding also shows users that their company has grown to include an entire line of products that are all joined together in a much bigger ecosystem.

However, my favorite part of this rebrand isn’t the actual design; it’s how transparent and open they were throughout the entire process. Their approach was totally onbrand. 

Typically, rebrands are done behind closed doors and people only see the final product.

Firefox, sticking to their open-source and transparent roots, involved users in the process by asking for their feedback on the two different concepts. 

This helped the company start a conversation with people to see what was really important to them and how they could better communicate their brand message. Ultimately, I think this is what led to such a strong final product.

What can other brands learn from Firefox? 

There are some key takeaways with the Firefox rebrand that we can all take into consideration the next time we find ourselves on the verge of a rebrand project.

Rebrand for the right reasons  

The Firefox team made the decision to rebrand because they realized their current brand was no longer communicating the message they wanted to communicate as a company. 

If your company is thinking about rebranding, make sure you’re doing it for the right reasons.

Some good reasons would be:

  • Your company mission has changed. It’s common as companies grow to grow in a new direction that’s different from when they first started. Over time, the brand you started with may no longer reflect who you are as a company. If that’s the case, you need to realign your brand so it accurately reflects your company and its offerings. 
  • The needs of your customers have changed. Sometimes the needs of your customers change as well. Whether it’s due to a change in the way they shop or innovation in technology, you need to adapt and stay current with the needs of your customer.

Understand the importance of feedback and user testing

Firefox did something really unique that not many brands do during a rebrand;they asked for feedback from anyone who was willing to give it. That’s a bold move for a company of their size.

While they did get some pretty harsh feedback, they also got a lot of immensely helpful feedback that helped shape the final product. 

During the feedback stage, they even learned that one of their concepts actually looked very similar to another tech company saving them from what would have been a disaster had they gone with that concept.

This just goes to show the importance of constantly collecting feedback from your users and prospects. Throughout any project, it’s easy to get tunnel vision so receiving that feedback from an outside source helps us validate the decisions we make.  

Overall, I think Firefox’s approach to their rebrand delivered them a successful final product and set their company up for future success. Feel free to share your thoughts and opinions on the rebrand in IMPACT Elite!  

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.

Related Articles

Can I Use AI Tools To Build My New Website?

September 18, 2023
Vin Gaeta Vin Gaeta

What Is a 'Learning Center' and Why Does My Website Need One?

September 14, 2023
John Becker John Becker

How Much Does a Website Redesign Cost in 2023?

July 20, 2023
Vin Gaeta Vin Gaeta

Do You Need a New Website? Maybe Not

July 19, 2023
Vin Gaeta Vin Gaeta

14 Award-Winning Website Designs (& What They Did Right)

July 17, 2023
Christine Austin Christine Austin

What a New Self-Selection Tool for Your Website Will Cost

July 13, 2023
John Becker John Becker

9 Self-Selection Tools to Inspire Your Business Website

July 10, 2023
John Becker John Becker

Website Conversions in 2023 — STOP, START, KEEP

January 25, 2023
Vin Gaeta Vin Gaeta

8 of the Best Business Website Designs to Inspire You in 2023

November 17, 2022
Joe Rinaldi Joe Rinaldi

What Does a Great Inbound Marketing Website Look Like in 2023?

November 14, 2022
Joe Rinaldi Joe Rinaldi

Your 2023 Website Strategy Must Include These 6 Things

November 4, 2022
Mary Brown Mary Brown

4 Ways To Recession-proof Your Website In 2023

November 1, 2022
Marcus Sheridan Marcus Sheridan

Website Mastery: A better redesign process for your business website

November 1, 2022
John Becker John Becker

8 Best Content Management Systems for Digital Marketing in 2023

October 1, 2022
Joe Rinaldi Joe Rinaldi

12 Essential Tips for Improving Your Web Design in 2023

September 13, 2022
Christine Austin Christine Austin

23 of the Best Examples of Business Blog Design

May 30, 2022
Christine Austin Christine Austin

5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)

May 16, 2022
John Becker John Becker

Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful

February 22, 2022
Joe Rinaldi Joe Rinaldi

11 Pricing Page Examples for Business Websites (Updated for 2023)

January 18, 2022
Joe Rinaldi Joe Rinaldi

8 Crucial Elements Every Homepage Design Should Have

January 15, 2022
Joe Rinaldi Joe Rinaldi

What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By

December 18, 2021
Joe Rinaldi Joe Rinaldi

Google Shares New Tools to Audit Website User Experience

August 12, 2021
Joe Rinaldi Joe Rinaldi

New HubSpot CMS Hub Starter Tier Released for Growing Businesses

August 6, 2021
Joe Rinaldi Joe Rinaldi

Too many internal links in content can confuse Google about site structure

July 9, 2021
Joe Rinaldi Joe Rinaldi

Google July 2021 core update rolling out over next 2 weeks

July 2, 2021
Joe Rinaldi Joe Rinaldi