Pretty isn’t enough…designing the web with brand values

Default avatar.
August 23, 2016
Pretty isn’t enough…designing the web with brand values.

Websites have become table stakes for companies. Even the newest start-ups — who don’t yet have products — have a website. The reason being, a website is the front door to a brand. It is the first opportunity, in an available and relatively inexpensive way, for customers, employees, and the world to understand who they are, why they do what they do and what they’re all about. So why do so many websites end up resembling an interactive brochure? I go back to the fact that today, websites are available and relatively inexpensive.’ Website builders have promised, to help anyone build a beautiful home online.” And they often keep this promise. But what they don’t say is that the home will be more of a tract home. To make sites available to everyone (no coding or design knowledge required), your site will be based on a template. Those templates are generic enough that the same template is used by a non-profit, a fashion line, and a punk rock band. The change comes visually — different colors, photos and typefaces. However, moving off of the homepage and hero image, the experience from site to site feels similar. A website is an opportunity to communicate a brand identify and purpose, therefore it should showcase what makes you you. Right now, too many businesses are missing this opportunity.

Expressing brand values

Your values are core to any brand. They are what helps you translate what a brand is promising conceptually, to how a brand is keeping that promise experientially. Patagonias core values are: Quality, Integrity, Environmentalism, and Not bound by Convention. Their website is beautiful, with high quality photos of people wearing the products in adventurous places. However, if I knew nothing else about the brand than the website, they wouldn’t feel different from any other adventure brand trying to sell me a fleece jacket. patagonia Their values are what makes Patagonia unique. Thinking about Not bound by convention”, what can that look like as navigation? Right now the shop is organized by man, woman, child, etc; pretty conventional. Is there a different way to think about this where maybe everything is organized by item type without gender or age classification? Maybe that specific classification is actually about fit not gender/​age, and so that selection can be done at point-of-purchase sizing. Changing something to better express the brand values can change the way we understand the brand after an interaction.

Values dictate interaction

Modern day consumers have much higher expectations of customer service experience. Either it’s not enough — all that is provided is a 1.800 number — or it’s too much — there’s a help chat box that keeps popping up every time you are on a new page. For some brands, where service is truly at its core, figuring out the right approach is incredibly important. One of Southwests values is a servant heart”. Why then is the Contact Us” only available on the footer for the general pages? When I need help, it’s usually because I have a question about my flight reservation. A better solution would be a slider on the side at all times that reads Can I help you?” So that when I look at my flight reservation I can easily ask questions via chat. southwest While many customers may decide never to contact Southwest via this channel, the point is that if they’d made it available, anytime, anywhere, it would demonstrate they encourage communication and appear to be proactive — really conveying the meaning behind that core value.

Engaging with physical space

For brands with digital and physical touchpoints, an important consideration is how they compliment each another. There are different expectations on each medium, and while they don’t always need to work together in unison, they should always be in harmony. The Los Angeles County Museum of Art (LACMA) has a mission statement to: serve the public through the collection, conservation, exhibition and interpretation of significant works of art…” Their website is a solid information hub with pretty pictures and everything you’d need in order to visit the museum — however it’s not responsive. By building a mobile site that integrates ways for visitors to enhance their museum experience LACMA can further strengthen their mission to educate and engage the city of LAlacma For example, could the audio tour be loaded on the website allowing a visitor to use their own cellphone and earbuds? Could QRS codes be added in the center of a room, and when a visitor scans them, it provides them with relevant information about the artwork in that room? While it doesn’t always make sense for web and world to interact in this manner, LACMA’s mission suggests it’s about driving visitors to come to the museum. Adding in museum interactive aspects to the website would allow visitors to interact without having to download an app. Many companies using WYSIWYGs cannot invest in custom web development, but these questions can help you to get to the next level of experience. Content development, choice in template, it’s important to consider what these are saying about your brand. While having a website may be table stakes, going beyond a pretty digital brochure can make it something truly meaningful.

Jenna Isken

Based in LA, Jenna Isken is a strategist at global brand strategy, design and experience firm Siegel+Gale. Follow her on Twitter @jennaisken

Read Next

Are Simple Websites Better For Business?

As web design technologies raise the bar on what it is possible to achieve on a realistic budget, there’s a rising deba…

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …