Moscow, ARENAS®lab

Brands now live and breathe in the digital age, adapting to a world that changes faster than celebrities’ political agendas. Director of Engineering at Google Ray Kurzweil says, “we won’t experience 100 years of progress in the 21st century — it will be more like 20,000 years of progress at today’s rate in the 21st century.” Success in today’s market rests on how brands handle their visual identity — old-school branding just isn’t cut out for our new-school digital world.

The overall customer experience and the sharing of that experience are what defines a brand. A study commissioned by Lithium Technologies found that 27% of 1,000 surveyed adults listed digital communication via a website, blog or social channels as their preferred method of communication with brands. The high stakes expectations of brands are now what keeps chief marketing and brand officers up at night.

How The Web Changed The Branding Game

Today, the online brand experience is made up of a thousand tiny details — such as fonts, logos and web load times — that determine the ultimate performance. And those details change on a dime, making whatever you thought you knew obsolete and forcing marketers to rethink strategies, structures and even brand personality.

So how can brands be beautiful on Instagram, funny on Tumblr, intelligent on LinkedIn and still be true to their values? When creating your brand identity, you now need to think about the fonts for giant billboards and tiny screens, accessible web colors, mobile load times, Google penalization and readability. According to one article in Inc., “Today, logos need to leap not only off the page, but off the smartphone and tablet screens, web and social media sites, and virtually every other form of communication you can think of.”

While traditional agencies focus on branding as it was, digital agencies understand how to make a brand’s visual identity work in today’s multi-screen, multi-channel world. Brands need to go digital first so that their standards are consistent. This means that brand identity systems should have certain elements baked right into their DNA.

For example, consider web-safe fonts, image and photography standards that work well online, as well as logos that work on mobile phones. Rather than create brand exceptions for the website, brands should take a step back and look at how the brand could evolve to provide the best possible brand experience online and off.

Going Digital First

One brand that has mastered the art of branding on and offline is Netflix. Mark Wilson, senior writer at Fast Company, wrote that creating a brand, “is about scaling giant billboards to tiny iPhone apps.” Like many, he praises Netflix’s branding for not making a “firm distinction between branding a company and branding a company’s product or even UX. It’s all a continuum.”

For Netflix that meant creating “The Stack,” a flexible visual metaphor that symbolizes their always evolving content catalog and the customized recommendations that they serve up. It brings the brand together at every touch point in any format and in any size. When your brand can work as a giant Times Square takeover as well as the bumper to a great trailer, it’s clearly digital ready.

Airbnb’s user-empowering invite to customize its logo or Google’s constant iterations and play with its home page logo both create diverse, often beautiful and always engaging reasons to interact. Airbnb’s brand symbol, the “Bélo,” is about belonging wherever it can be and is open for anyone to customize and create their own. This is about going beyond brand loyalty and capitalizing on brand engagement — something that Google’s been pioneering with their doodles for years.

Logos are now living things expected to stay simple and consistent while shifting to fit various sizes, moods and occasions. No wonder Ryan Moore, creative director at Gretel, says his firm, “created the Netflix brand in such a way that the brand volume can be turned up or down.”

Prepping Brands For The Digital World

To prepare brands for this new world order, digital agencies are in a good place to be the new brand architects. They are most familiar with the new parameters and how they can best exceed your customer’s expectations across the user experience. When you go digital first, you can optimize the digital experience while staying true to your brand vision and ensuring your font size, color and images don’t kill you digitally.

That checklist should start by going beyond the basics of web safe fonts as backups. It should be about next-leveling typography with readability and accessibility standards in mind. Google and Facebook have recently updated their brand fonts to clean sans serif fonts, mastering the transition. Again, it could be about something as simple as the amount of white space between the letters in your font so that when you have it on your small mobile device, no detail is ever lost.

The nuances of digital branding can be about simply using or owning a color or a good icon. Can you imagine Uber without the iconic black and white of its app? Using color and iconography also serve a practical digital purpose when it comes to page load times and general success in the digital era. Your giant brand images look great as 14-by-48 foot billboards, but how about that 300-by-50 pixel mobile banner? If you can solve for that, every millisecond and pixel could be the difference between a conversion and someone bouncing from your site.

Today’s brands don’t have to be constrained by the environments they work in. They can use the many differences to strengthen who they are by thinking digital first. Digital agencies are working in the nooks and crannies of where brands live and breathe today and are in a great position to help brands evolve.

Branding has always been a very top-down process: through identity and messaging, brand designers have tried to define and influence what consumers think. Then with consistent exposure, traditionally through physical products ranging from brochure templates to packaging design, they hope to build recognition, trust and eventually loyalty.

This approach arguably worked when you had control over static mediums like advertising, packaging and even television, but these days brands no longer exist purely on a shelf or a billboard. They live online.

All modern brands now find themselves in a fragmented, multichannel environment

I’m not just talking about purely ‘digital’ brands. All modern brands now find themselves in a fragmented, multichannel environment where, as consumers, our first or most frequent engagement is a digital one. We no longer just walk past brands on the streets or shelves; we’re carrying them in our pockets and wearing them on our wrists.

As consumers we now expect more. We engage with brands and the web provides plenty of platforms for us to do so, and for us to share our own experiences with others. As a result, it’s no longer enough for brands to just tell their consumers they’re great, they now need to live up to those claims.

This has levelled the playing field, pitching well-established, well-funded brands squarely against smaller innovators.

Unfamiliar experiences

The web has been around for two decades and ‘digital’ has been a mature part of brand strategy for ages. So why is it that so few branding agencies seem to think hard enough about a brand’s application in these channels? Is it that there’s too much complexity? Is it their lack of familiarity with the medium?

As designers, we’ve all been there. In order to figure out how to interpret the client’s identity, you turn to the brand guidelines, only to find plenty of detail about the amount of space around the logo, what Pantone colours to use or how to lay out a business card.

In contrast, the digital guidelines are relegated to a couple of pages containing a fictitious homepage mockup and maybe some banner ads. All too often, digital branding feels like a second-class citizen.

Over the past few years we’ve observed a shift to a more bottom-up approach. We’ve seen organisations eschew the traditional branding agencies and approach Clearleft, and other agencies like us, to do more than just help them interpret their brand. They’ve been asking us to get to the very heart of their business and shape their identity from a digital-first perspective.

Experience equals brand

If we agree that a brand is essentially what its customers think of it (as opposed to what it thinks) then it’s an approach that makes sense. As experience designers we spend our time working with organisations, under- standing how their objectives overlap with the needs of their customers, then creating tools and services to fulfil those needs.

It’s the combination of these real experiences — not just the marketing material — that define a brand, since that’s what the customer remembers and will communicate to others. As Amazon’s Jeff Bezos says: “Your company is formed primarily not by what your company says about itself, but what it does.”

As digital specialists we bring an acute working knowledge of the medium to the table, and understand the challenges and possibilities it offers. We understand the digital landscape and the other experiences your customer is using to benchmark your brand.

Establishing an organisation’s position, personality and attributes is still core to any brand strategy, and remain consistent, irrespective of channel. But I’m still amazed at how — when it comes to a brand’s identity — many fail to even get the basic components to work on screen.

Symbols that are overly complicated or too subtle to survive being scaled at screen resolutions. Wordmarks that are too ornate, or typefaces that fail to remain legible once shrunk to fit into interfaces. No thought given to how the identity should be represented as an avatar or icon (I’ve seen whole brands homogenised to a single letter to solve that problem).

James Bates argues that consistency and flexibility are crucial for digital branding

What about colours? How does your carefully chosen palette survive the plethora of screen, display and gamma models we work with? I’ve seen guidelines that specify five different shades of grey, most of which you’d struggle to differentiate between on less capable dis- plays.

Are the colours chosen suitable to help legibility, reinforce affordances and meet accessibility and colour contrast requirements? You’d be surprised how many still don’t even specify RGB or HEX values.

Then we come to text and typography. A few years ago you could forgive designers for not paying enough attention to these online, as we didn’t have the flexibility and control you’d have in a print environment, but that’s all changed. Have you checked whether your font is available to embed, optimised or even legible on-screen? Have you specified fallbacks for scenarios where that font isn’t available?

I’ve seen organisations spend thousands of pounds creating custom typefaces without thinking to specify that they should be optimised for screen. What about copy and messaging, have you considered the differences in writing for digital as opposed to print?

These are the basics, but digital experiences contain so much more. We also need to consider how we use interactive elements like imagery, video, sound and animation. And what about the common UI elements?

Google has done a great job of this of late; its recent identity redesign and the previous Material Design programme nicely address all these aspects and create a consistent experience that obviously has digital at its core, but works equally well offline.

Consistency versus flexibility

Whilst consistency is important, a good identity needs to be flexible too. The ever-increasing range of channels, platforms and devices we design for mean it’s near- impossible to continue creating rigid, highly-prescriptive identity systems.

I see parallels with responsive and mobile-first think- ing. We’ve learnt to let go of the control that came with a fairly small set of screen sizes and devices, and started to think about creating flexible design systems where components work irrespective of their container. Instead of starting at the highest possible fidelity and scaling down for mobile, we start with the lowest, ensuring they work before scaling up.

Scaling to fit

It feels like brand designers could learn from this. We need to pay more attention to the elements that make up the systems and create rules for how they can be recombined, all while still being imbued with the brand attributes. The recent Netflix identity redesign by Gretel is a great example of this, showing how with just a few elements an identity can be scaled to suit whatever environment it finds itself in.

As digital continues to disrupt traditional businesses and the marketplace becomes ever more competitive, organisations are being forced to look sharply at how their brands are performing online. Doing a second-rate job in these channels isn’t going to cut it anymore.

Just as the advent of digital forced us to re-evaluate traditional business models, it’s also making us change the way we think about branding. Ensuring your identity works from a digital perspective is crucial these days, and as digital thinkers we’re clearly well placed to help with that.

But we need to seize the opportunity to help brands do a better job, which may mean acquiring new skills or being able to push outside of our traditional comfort zones. So, the next time you’re considering creating a new brand or refreshing your current one, consider whether the conventional branding agency is the right place to start.

Your Thoughts?

How are you measuring ROI at your company? What do you think of the design value framework above?

If you want to share a point of view or discuss this in more detail, send your message to:

facebook: https://www.facebook.com/arenaslab/
mail: moscow@arenaslab.com

Like what you read? Give ARENAS®lab a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.