Reviewed

New Logo for Google done In-house

It's All Gooooooooood

New Logo for Google done In-house
 

before

after

Reviewed September 2, 201509.02.15 by Armin

filed under Technology and tagged with , , , ,

Google needs no introduction, except the acknowledgment that it’s more than the desktop-based search engine on a web browser that I think we all still see it as. It’s still that and it’s extremely powerful at it but there is also maps, news, images, self-driving cars, douchebag face gear (thank goodness that ended), balloons up in the air, 1 GB internet connections, TV, email, Microsoft Office killer apps, and so much more. Even with the introduction of Alphabet to hold Sergei and Larry’s every disruptive whim and be the parent company, Google is still a parent company of its own and represents multiple and sometimes diametrically opposing offerings to everyone from grandmas to millennials to my 5-year-old. Which is why redesigning the Google logo is an impossible task without a perfect answer. Of all the potential right or wrong ones, though, yesterday’s introduction of a new logo designed in-house, Google arrived at the best possible answer.

1. A scalable mark that could convey the feeling of the full logotype in constrained spaces.

2. The incorporation of dynamic, intelligent motion that responded to users at all stages of an interaction.

3. A systematic approach to branding in our products to provide consistency in people’s daily encounters with Google.

4. A refinement of what makes us Googley, combining the best of the brand our users know and love with thoughtful consideration for how their needs are changing.

Google Design case study

New Logo for Google done In-house
Process.

We should get one thing straight first: the serif Google logo we’ve gotten used to seeing since 1999 — that’s 16 years, a period in which many of us have built our professional careers and relied on Google to do so many things — is not good. Not by any standard. It’s an old-looking, disproportionate piece of typography that no designer would think of using in a logo pitch to a client. We currently think it’s good and many are mourning its demise not because it was a great piece of design like the IBM logo but because we’ve grown so accustomed to it that anything different is an assault on what we know to be dear and true on the internet. To me, it was about time for that logo to go away.

Also, it’s important to read the brief above. Even if part of it may have been concocted after the fact to support the solution, there are a couple of things there that make the task of a new Google logo very different from designing other logos. Foremost is the scale at which is deployed, both in terms of its physical appearance and the number of instances it has to be served in a variety of mediums. This isn’t just a logo that needs to print on a business card, embroider on a polo, and work on a website — it has to do all those things plus live in smartphones, watches, TVs, tablets, eventually car dashboards, and who knows what else in the near future. A lot of visual solutions to a logo wouldn’t adapt well to this challenge, which is why the simplicity many people are reacting to as boring is the right approach.

We shared the thinking with teams across the organization. Engineering, research, product, and marketing tested the ideas and evaluated their feasibility as we iterated on the design and rollout strategy. This collaborative process led to a system flexible enough to be used across our marketing materials and product work on any platform: three elemental states that make up a single logo.

Google Design case study

New Logo for Google done In-house
The three main elements: logo, dots, and Google G.
The elements, animated.

One of the aspects that makes this redesign interesting is that they have bestowed logo duties on three separate elements: there is the logo, a set of dots, and a monogram. The impressive thing about this is that all three scream Google on their own — even the dots, simply by being the Google colors. You won’t mistake them for Microsoft dots, that’s for sure. The three elements, together, are the representation of the brand at every point: when you fire up an app through the G monogram, while the app is thinking through the dots, and when the app is loaded through the wordmark. This is a very clever way of building a visual ecosystem that imprints the Google DNA at every turn.

The Google logo has always had a simple, friendly, and approachable style. We wanted to retain these qualities by combining the mathematical purity of geometric forms with the childlike simplicity of schoolbook letter printing. Our new logotype is set in a custom, geometric sans-serif typeface and maintains the multi-colored playfulness and rotated ‘e’ of our previous mark—a reminder that we’ll always be a bit unconventional.

Google Design case study

New Logo for Google done In-house
Logo detail
Logo construction.

So… THE logo. If the plan is to signal revolution instead of evolution, where do you go from a serif logo? A sans serif, of course. This is not revolutionary on its own and even less so in these last two years when every other major company is switching to some interpretation of the same style of sans serif. There is nothing special about the new logo. Even the tilted “e” is a tried and true mechanism. In essence, yes, the new logo is boring but it’s not like the old logo was a party with cocaine falling from the sky and male and female strippers grinding on everyone’s groin while Jay Z performed a secret concert. What’s important is that the new logo is exactly right and perfectly calibrated for what it needs to do. It retains the color system that has far too much equity, it keeps a sense of quirkiness through the “e”, and it reads perfectly clear at every single size — perhaps to a fault. As I was working last night on a couple of Google Sheets I couldn’t help but be distracted by the highly visible new logo.

Any other solution to the logo — anything more effusive, more visible, more different, more visually explosive — would have been met with terrible anger. This “boring” solution is safe and almost expected but it’s extremely appropriate.

New Logo for Google done In-house
Search result pagination.

To me the biggest testament of the logo working is the image above. One of Google’s trademarks (metaphorically and probably literally) is the multiple “o” treatment for showing the number of pages available in the search results and the new logo works, as the kids say, amazeballs. Anyone that says the old logo looked better in doing this is wrong.

The Google G is directly derived from the logotype ‘G,’ but uses increased visual weight to stand up at small sizes and contexts where it needs to share space with other elements. Designed on the same grid as our product iconography, the circular shape was optically refined to prevent a visual “overbite” at the point where the circular form meets the crossbar. The color proportions convey the full spectrum of the logotype and are sequenced to aid eye movement around the letterform.

Google Design case study

The Google G.

The “G” monogram is no surprise. Based on the new logo, the simple geometric “G” works perfectly in a square for every possible avatar and shorthand needed, whether it’s in a single color or the multi-color version (which you can see in use as Google.com’s favicon). And since Google has a stronghold on the letter “G” — even making the lowercase, double-story “g” work for them — pretty much anything resembling a “G” would have worked. But this is spot on.

The Google dots are a dynamic and perpetually moving state of the logo. They represent Google’s intelligence at work and indicate when Google is working for you. We consider these unique, magic moments. A full range of expressions were developed including listening, thinking, replying, incomprehension, and confirmation. While their movements might seem spontaneous, their motion is rooted in consistent paths and timing, with the dots moving along geometric arcs and following a standard set of snappy easing curves.

Google Design case study

The dots.

The dots might be my favorite aspect of the redesign. I really like how they serve as an extension of the visual behaviors established in Google’s Material Design spec and it’s amazing how much you can do with four dots. I’m not going to dare to compare this work to that of Pixar’s or Disney’s but I do think there is a highly commendable effort here to bring to life these most of inanimate objects and give them an actual personality. Overall, all the animation work on this project is stellar.

In tandem with developing the logotype, we created a custom, geometric sans-serif typeface to complement the logo in product lockups and supporting identity materials. We call it Product Sans. The typeface design takes cues from that same schoolbook letter-printing style, but adopts the neutral consistency we’ve all come to expect from a geometric sans serif. This allows us to maintain an appropriate level of distinction between the Google logotype and the product name.

Google Design case study

Custom typeface, Product Sans.

The new custom typeface is such a mash-up of every other sans serif out there that it’s really hard to care that they made a new type family that looks like a dozen other typefaces. It’s nice and everything but I think we have done every possible humanist-slash-geometric sans serif possible. We won, okay? Happy?

Logo and home page evolution over the past 17 years with new look kicking in at the 1:16 mark.

The official, short verdict from me is that this is great. Really great. It’s not a groundbreaking logo but it doesn’t need to be. It’s the system and cohesive thinking about it that stands out and may be hard to get excited about for the general public. You also have to admire the confidence with which it was deployed: It’s Tuesday, bitches, and here is a new logo for one of the largest, most important brands in the world! Compare that to Yahoo’s 30-day fiasco and you have to admire a proper process and a solid rollout. This new logo system is the climax of Google’s evolution into one of the most thoughtful and well-designed products today and represents a masterful 180-degree turn from the third-rate design it featured in its infancy and of which it was very proud. Now, Google is setting a standard that other design-led companies like Apple and IBM need to catch up to.

Poll

On Logo

Total:

On Dots

Total:

On Google G

Total:

↓Comments

Upcoming BNConfs

Chicago 2017
Pre-sale tickets are now available for the 2017 Brand New Conference in Chicago on September 14 – 15.

Europe 2018
Plans are in development for coming back to Europe in Spring of 2018 with the current top contender host city of Barcelona.

---