Free Assessment: Website Performance Assessment

Start the Assessment
Close
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
Website Performance Assessment
Free Website Course
View Website Performance Assessment
website performance assessment start

Free Assessment:

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

Take this free 10 question assessment and learn how your website can start living up to its potential.

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

By Joe Rinaldi

Joe Rinaldi also recommends this free website performance assessment.

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. 

Free Assessment: Website Performance Assessment

Why redesign a logo with so much brand equity?  

Original-Firefox-Logo

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.

Firefox-Rebrand

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!  

website performance assessment start

Free Assessment:

Website Performance Assessment

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

Take this free 10 question assessment and learn how your website can start living up to its potential.

Topics:

Web Design
Branding
Published on July 23, 2019

Recent Articles

4 Ways To Recession-proof Your Website In 2022
June 9, 2022 • 5 min read
23 of the Best Examples of Business Blog Design
May 30, 2022 • 13 min read
5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)
May 16, 2022 • 8 min read
8 Best Content Management Systems for Digital Marketing in 2022
March 22, 2022 • 9 min read
How Much Does a Website Design or Redesign Cost in 2022?
March 8, 2022 • 9 min read
Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
February 22, 2022 • 17 min read
Your 2022 Website Strategy Must Include These 6 Things
February 15, 2022 • 9 min read
11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Design Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
8 Best Business Website Designs (Updated for 2022)
July 15, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read