Opinions on corporate and brand identity work.

A division of UnderConsideration.








Share ›

New Icon for Instagram done In-house
 

before

after

Reviewed May. 11, 2016 by Armin

Industry / Web Service Tags /

Launched in 2010, Instagram needs little introduction, especially as it’s become the preferred social media platform for most users thanks to its simple interface, highly visual timeline, and despite its growing amount of “Sponsored” posts. Not as huge as its parent company, Facebook, Instagram has 200 million daily active people — which is not total users, but the amount of people that come back to the app every single day, spending an average of 21 minutes on it. (Data provided by Instagram.) I don’t know if I spend 21 minutes daily on it but I do check it an obnoxious amount of times a day. Today Instagram is introducing an update to its user interface and changing (dramatically) its app icon for the first time since launch. The script wordmark redesigned in 2013 remains the same.

We realized we needed to move past a rendered camera to get a flexible, scalable glyph, but the previous glyph proved to be a weak basis for an icon. To maintain the previous icon’s gravity, we had to figure out how to give the new mark more character while also removing what was unnecessary.

The question then became, how far do we go? If you abstract too much, the glyph doesn’t feel tied to the history and soul of Instagram. If you make it too literal, it’s hard to justify changing from what we currently have.

After a lot of refinement, we landed on a glyph that still suggests a camera, but also sets the groundwork for years to come.

Ian Spalter, Head of Design at Instagram, on Medium

New Icon for Instagram done In-house
Icon detail.
Evolution from old to new icon.
Process of the evolution.

The skeuomorphic camera icon that has accompanied Instagram until today is a modern-day classic. Not because it’s good — it’s not, really — but because of its omnipresence in users’ phone screens. I bet it’s on the home screen of 99% of people who have the app and who tap it very regularly. When the iPhone first came out — if you’ll remember — skeuomorphism was the default aesthetic and now, for better or worse, it’s all about flat design with a dash of optional gradients so it’s no surprise that’s where Instagram has headed. If there was any surprise it’s that Instagram held on to the skeuomorphism for a relatively long five years.

I doubt anyone will be making cakes and cookies in the shape of the new Instagram logo and that’s the biggest problem the new logo faces: it’s not the old logo. The ensuing shitstorm on the internet today will be epic. About 75% of the negative reaction will be simply to the fact that it has changed and the other 25% will be to the not-quite-fact that there is a generic aesthetic to the new icon where it could be a “camera” icon for the upcoming smart microwave from Apple or whatever other user interface you would imagine. This is not to say it’s a bad-looking icon, no… as far as camera icons go, this is quite lovely and has the minimal amount of elements necessary to be recognized as a camera BUT not the minimal amount of elements necessary to be recognized as Instagram.

Unlike Uber, that replaced it’s “U” for a metaphysical atom, the change here is only aesthetic. It’s still a camera. Yes, at first it will be hard to recognize it, but when you have 200 million people tapping on it everyday, multiple times a day, that’s the kind of brand engagement that Coca-Cola or Nike would kill for. When it comes to “brand impressions” and “brand touchpoints”, Instagram (and Facebook and Twitter and, yes, even Uber) have no shortage of opportunities so it will only be a matter of time — three months, probably — before this is known, recognized, and considered as the Instagram app icon. Simply by repetition and usage. Hell, I was starting to get used to the Uber icon until they pulled out of Austin this Monday.

Execution-wise, the camera icon is fine as I already mentioned. It has pleasant curves, the lens and viewfinder are in the right place with the right proportions and I’ve rarely met a yellow-magenta-purple-blue gradient I didn’t like. This one will look particularly good in those juicy iPhone retina displays.

New Icon for Instagram done In-house
Comparison with the previous “glyph” offered by Instagram as the preferred icon to refer to it on other websites.

One thing I found interesting is the lack of mention on the Instagram posts of the “glyph” above, which I always found to be a smart translation of the full icon and how different the new icon feels from it. I don’t think the old one had the presence to stand as the official app icon but I just wanted to give it a nod as a highly functional reduction of the logo. Although it did speak to the necessity of having a flat logo that could be used both in large and small applications just like Twitter’s bird and Facebook’s “f”, which is where the glyph competes for attention.

Our family of apps - Layout, Boomerang, and Hyperlapse - also have a new, unified look. We carried the gradient through each icon, and designed them on the same grid to make the system feel cohesive. We also updated the Layout and Boomerang icons to better represent what the apps help you create - a composition of photos, or a mini video that loops forward and backward.

Ian Spalter, Head of Design at Instagram, on Medium

New Icon for Instagram done In-house
Family of icons with Layout, Hyperlapse, and Boomerang.

Of the few things shown about the redesign, this might be the highlight: a unified set of app icons for the three sister apps. Same thickness, same gradient, same layout within the app square. Simple, effective, and recognizable as a family.

New Icon for Instagram done In-house
New app user interface.

Since I wrote this review before the update went live, I don’t have a full sense of how the new user interface feels but I like the color-less approach that lets the photos be the main focus on the screen, instead of having all those blues coming at you. I’m surprised the camera icon on the user interface isn’t the new icon — seems like an easy way to double-down on it. But I also understand that one thing is brand and one thing is functionality.

Overall, we all knew this day would come and that no icon would ever match the short-range nostalgia that the old icon evokes resulting in instant rejection of the new one but, from all the 2015 - 16 design standards, this is as good as it gets with a simple, friendly, gradienty icon. Now, if you’ll excuse me, I have to see what other people are doing that I’m not.

Your opinion…

On Icon


Total

On Sister App Icons


Total

On User Interface


Total

Comments


Share ›

Spotted Around the web

New Logo for Acea

New Logo for Acea
 
Spotted Apr. 17, 2017

New Logo for Cinex

New Logo for Cinex
 
Spotted Apr. 17, 2017

Pinned Recent, Big Stories

New Logo for NASCAR

New Logo for NASCAR
 
Posted Jan. 4, 2017

Curated Best Posts with Script Logos

Brandiose is Grandiose

Brandiose is Grandiose
 
Posted Feb. 9, 2012

Little Chef, Big Dreams

Little Chef, Big Dreams
 
Posted May. 19, 2011
 
 

About

Brand New, is a division of UnderConsideration, displaying opinions, and focusing solely, on corporate and brand identity work. More…

UnderConsideration is a graphic design firm generating its own projects, initiatives, and content while taking on limited client work. Run by Bryony Gomez-Palacio and Armin Vit in Austin, TX.

Many Thanks to our Advertisers

When choosing between competing products and services, please consider our advertisers, who help support Brand New.

Typography

Brand New uses Mercury Text ScreenSmart and Operator ScreenSmart from Hoefler & Co.

Webfonts by Hoefler & Co.

Join our Mailing List