This week, we rolled out the new “O” in Opera for computers. You can also see it in Opera Mini for Windows Phone, Opera Mini for iOS and soon on our other apps, as we gradually update them.

We revealed the rebranded Opera after a challenging 17-month process that involved a lot of experimentations. I’m Arnfinn, and I lead Opera’s creative team. Today, I’ll tell you the visual process of how we rebranded Opera.

The new logo is still a red “O”

We understood we could not really move too far away from it. It’s about trust and continuity.

We know that millions of people are clicking the “O” every day. If we changed to something completely different, then people would not recognize it. If people could not find it on their phone, then they might just move on to the next browser.

We really did try out different logos, though. All kinds of crazy stuff. When we made a logo that looked like a cocktail, we knew we’d probably done all the experimenting we needed to do.

But, of course, this process of trying out all kinds of different things is the only way to find what suits you best.

The “aha” moment

As we were doing our experimentations, we kept waiting for the “this is it” moment, but we did not land on it until we hit upon the portal idea, that the “O” is your portal to the internet.  It just made sense. We talked to the different Opera product teams and the executive team. They got the concept right away and gave us the green light.

The visual change may be more an evolution of style, but it’s a revolution in what it conveys.
the-opera-o-as-portal

It all fell into place, and we created what most of our followers on social media call “the ring”.

the-rebranded-o-the-ring

Working with Anti and DixonBaxi

We also went through a rebranding strategy phase. We reviewed the scope of Opera’s contribution to the internet today. It was clear we needed a new look to fit the reality of where Opera is now.

After the strategy phase, we chose external teams we trust and respect to work with. DixonBaxi is a London-based creative agency that helped us develop our brand strategy. Anti is a Norwegian-based creative agency that helped us on the visual side of the rebranding.

working-with-creative-agency-anti

Working from my cabin and talking to the Anti team in my Hawaiian shirt. I though I would have a day by the sea, but spent it all inside.

Making the “O” work on a small screen

Sure we imagined a fantastic “O” on a billboard in Times Square, but the reality is that we need to make a logo that looked just as impressive on an Android device in Dhaka.

That’s why we teamed up with Iconfactory who are pixel perfectionists. Jon Hicks had worked with them before and said good things. Working with Anthony and Travis from Iconfactory was a pleasure.

jon-hicks-stefan-stjernelund-works-with-icon-factory

Opera for computers design lead Jon Hicks, mobile design lead Stefan Stjernelund and me collaborating with Iconfactory.

Brand consistency for different apps

For a company like Opera, rebranding can be tricky. We needed to make sure the logo would work across our different products like Opera Coast and Opera Max.  We wanted also to create a look for sub brands, so you can clearly, quickly see they’re part of the Opera family of apps.

making-sure-the-rebranded-o-works-on-opera-sub-brands

Testing icon options for Opera sub-brands with Gaute from Anti.

It’s been a hard nut to crack, but we think we’ve achieved logos that visually build on the Opera brand.

The “brand device”

The stuff that goes into the “O” and what comes out is what we call the “brand device”.

The mesh is a metaphor for the technology that is at the core of our products. Our compression technology, speed and other features are represented in this technical mesh.

On the other side, we have the experience part, the part that’s about the emotions and what our technology enables. It’s represented by the red-velvet fabric – something nice to the touch and very versatile. We want to use this imagery in all our communications, to create a link to Opera whenever you see it.

That’s the idea anyway.

Release cycles: Dev, beta, stable

We want to use the portal thinking everywhere, so it was only natural to also introduce it in our product release cycles. It is visually clear in Opera for computers, which has three streams — developer, beta and stable.

The developer icon will have the mesh, what represents our tech as the building blocks. Beta is almost done so it will have a touch of red, while the stable, completely red logo  represents it all coming together.
new-icons

A/B testing

We needed to know that this new identity would work so we tested it. A lot.

We did user tests, A/B tests on opera.com, advertising tests and also testing in Google Play.  We just had to know that people would recognize the new logo. And, we were happy when this was confirmed.

It’s been one heck of a project, the biggest one I have ever worked on, as well as the most rewarding and frustrating. In the end, though, I can see that all our hard work has been worth it.

You can also get the Opera brand as wallpaper for your device.
opera-new-logo-brand-identity-wallpaper-desktop-mobile
Download it for your computer | Download it for your phone

Back to top
  • OMG, Wow – Love you guyz, great way to show difference b/w products

    • manvika

      oh!thanks…………………

  • So someone liked it so they put a ring on it

    • manvika

      mean

  • senja1

    You change it alot in previous years. The best are 1995 and 2009 versions.

    • manvika

      ya you are right

  • E-mail is still an essential promotion tool: most
    reliable and big online promotion solutions still rely on email as well. It has
    been witnessed that the 20 best organizations in the world of electronic
    promotion still use email substantially to advertise their product and items.
    Did you notice the hundreds of e-mails you received last year during the
    holidays from Amazon.com? This method of sending customized marketing mails is
    still the most beneficial way to improve your deal rates and extend your income
    flow.

    Let’s check out http://digitalmarketingagency2.blogspot.com/

  • Стас Сырицын

    The new O is just awesome, thank you for it. None the less, take a look at the Ubuntu Unity at the icon size of 24: https://yadi.sk/i/X8a8oUfYk5Daq Compare it to Yandex.Browser (above) and Chrome. Seems like you guys have to do something about it. 🙂

    • Ouch, “the ring” seems to be melting there. I’ll flag it for the team. Thanks for bringing it up.

      • Стас Сырицын

        No worries, thanks for a feedback. Glad to see a progress Opera makes today, wish you best of luck!

  • lucas

    its funny cause that mp4 video from evolution of icon dont play on opera but play fine on chrome lol

    • Rafael Luik

      It plays just fine here in Opera.

  • sari

    excellent my web its fast so next not crush diferent browser other
    http://situsherbal.com

  • Nekomajin43

    Why didn’t you upload this wallpaper to the theme catalog?

  • fatin ocean

    one of best icons. i need a logo like it for my website http://ajandaajanda.com. Is there any designer help me?

    • Sharon Williams

      ‎‎‎

      .❝Exclusive Report:~Get Paid $25678 in 4 weeks on the web❞….A few days ago new McLaren F1 subsequent after earning 18,512$,,,this was my previous month’s paycheck ,and-a little over, $17k Last month ..3-5 h/r of work a day ..with extra open doors & weekly paychecks.. it’s realy the easiest work I have ever Do.. I Joined This 7 months ago and now making over $83, p/h..Learn More right Here….
      rs………..
      ➤➤
      ➤➤➤ http://GlobalHomeEmploymentTopReportsNew//Get/$97hourly… ❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦

  • monkeyfish

    The new icon is fine by itself, but it looks a bit odd on win7 aero. There’s quite a thick grey line around it. Not sure how to show it to you though, I can’t attach a picture to this.

  • Kaya Man

    ts funny cause that mp4 video from evolution of icon dont play on opera but play fine on chrome lol

    http://www.dilekfeneri.net