Jump to content
DT Web Services
  • Articles

    Our website articles
    • dtweb
      Show your colours: The psychology of colour and design in branding

      Colour is everywhere.
      Whether you recognise the influence on your life or not, the truth is that different shades and hues capture your attention and inspire your actions, altering your perceptions and behaviours daily.
      Have you ever wondered why stop signs are red? What about why companies like Facebook drown themselves in blue while organisations focused on growth and creativity choose green? The answer is in the psychology of colour and design. Each shade resonates with us on a different, and unique level.
      In fact, colour has even crept into our use of language. We say we’re “feeling blue” when we’re sad, that we’re “green with envy”, or that we’re “seeing red”. That’s because we naturally associate colours with moods and emotions.
      When it comes to the psychology of colour in branding and marketing, research suggests that colours improve brand recognition by up to 80%. The chances are that when you envision big businesses like Coca-Cola, Facebook, and Starbucks, you can automatically recall the way they use colour.
      In the world of branding, colour psychology is involved in everything from your logo design, to your marketing materials, and even the way you build your website. The key to success, is not only understanding what each colour means from a psychological perspective, but learning how your ideal customer will respond to the shades you choose in context.
      Here, we’ll cover an introduction to the psychology of colour, and help you to understand how you can use colour in branding to inspire, invigorate, and engage your audience.

      The psychology of colour in marketing and branding
      Before we break down the psychology of colour in marketing and branding with a look into some of the most popular colours, it’s worth highlighting why it’s so important to choose the right pigments for your brand.
      According to some studies, when human beings see colour our eyes send messages to a specific region in the brain known as the hypothalamus. The brain then activates the pituitary and thyroid glands, which promotes the release of hormones responsible for causing fluctuations in emotion, and behaviour.
      In simple terms, colour plays an essential role in creating a strong first impression for your customers. However, not every person will respond to colour in the same way. One of the most significant problems with the psychology of colour and design, is that the meaning of certain shades can vary depending on cultural background and personal preference.
      Colour psychology isn’t an exact science. Studies show that the way you use colour in branding will often be affected by individual perceptions. In fact, it’s not always the shade itself that has the biggest impact on your audience, but how “appropriate” that colour feels in the context of the brand that’s using it.
      Of course, just because the psychology of colour is complicated, doesn’t mean it isn’t important. One research paper from the University of Winnipeg found that the initial judgements people make about products, and brands, are based almost entirely on colour. In fact, up to 90% of first opinions come from colour alone.
      This means that everything from the hues you use in your brochure design, to the paints on your corporate walls, can’t be based on aesthetics alone. Instead, you’ll need to make sure that you do your research, to learn some of the most common perceptions associated with colour, and how you can use different shades to expand the potential of your brand personality and marketplace position.
      Let’s take a look at the most common colours in branding, and what they mean:

      Psychology of the colour blue
      When it comes to examining the psychology of colour and design, it makes sense to start with the world’s favourite shade. As the colour of the sky, and sea, blue demonstrates clean, calm, and peaceful qualities.
      According to colour psychology, this diverse shade demonstrates trustworthiness, security, and dependability. That makes sense when you consider the role it plays in the identity of companies like Facebook, Twitter, and AT&T. In fact, your local police department are probably decked out in blue.
      Several industries use blue to showcase their personality, including the technology, lifestyle, and finance spaces. Customers trust these brands to allow them to communicate with friends, save money, and enjoy day-to-day aspects of their lives. That’s why the businesses choose blue to make customers feel safe and secure.
      How to use this colour in branding:
      Unlike emotionally “warmer” colours like orange, red, and yellow, blue is linked more to intellect and consciousness. It can work to promote high-tech products, depth, expertise, and stability. We already mentioned Facebook as an example of a tech-based company benefitting from the colour blue. However, the NHS is another great example.
      The UK’s national health service uses a distinctive shade of blue to demonstrate its reassuring, cool, and secure characteristics.

      Psychology of the colour green
      Green is the colour most associated with nature, and growth. When connected to the psychology of colour in marketing and branding, green often communicates ideas of freshness, health, and all-natural qualities. However, darker shades of green can sometimes represent financial stability and wealth.
      According to colour psychology, green is the easiest colour for the eye to process. It brings to mind ideas of progress, development, and serenity. The “natural” aspects of green explain why it’s so commonly used in the logos of brands like Starbucks and Wholefoods.
      How to use this colour in branding:
      For marketing and branding purposes, green is best used when you want to come across as a sustainable, organic, natural, or healthy brand. Green can also be used to indicate safety when advertising medical products.
      Since darker greens have associations with prestige and wealth, deeper shades could also convey luxury. For instance, Harrods uses a combination of dark green and gold to showcase its focus on opulence.

      Psychology of the colour red
      Red is an incredibly powerful shade in the psychology of colour and design. It can communicate many different ideas depending on context. For instance, because it’s associated with fire, it can represent either warmth, or danger simultaneously. What’s more, red is generally connected to matters of the heart, making it a highly emotional pigment.
      Most brands combine red with softer colours like white to indicate a sense of excitement, without risking the perception of danger, or aggression. After all, you want to engage your customer, without pushing them into an anxious state. For example, YouTube uses a combination of red and white to make their logo pop, creating a cinematic and exciting look.
      How to use this colour in branding:
      Red is ideal for bringing images and text right to the front of your customer’s vision. It can stimulate people into making quick decisions, and can be the perfect colour for “click here” or “buy now” calls to action on websites and banners.
      The Vodafone logo features a distinctive red speech mark that symbolises talking, passion, and sound. For many brands, working with red can be difficult, as it’s tough to walk the line between excitement, and aggression.

      Psychology of the colour purple
      In the psychology of colour, purple is often associated with royalty – particularly in darker shades. On the other hand, softer pigments of lavender can link to femininity, nostalgia, and sentimentality. For most businesses, purple is the perfect go-to choice if you’re looking to portray an imaginative or creative brand, which is why it’s embraced by groups like Yahoo!, and the SyFy Network.
      Companies like Cadbury’s use purple to indicate luxury and creativity at the same time. In fact, purple is so deeply ingrained with the Cadbury identity, that “Pantone 2685C” is officially recognised as Cadbury purple.
      How to use this colour in branding:
      Purple can be a tricky colour for some organisations to use. In the psychology of colour, darker shades of purple symbolise opulence, while lighter and brighter shades are more romantic, and emotional. Around 75% of pre-adolescent children prefer purple to other colours.
      Because it’s a soothing and dreamy colour, it can be fantastic for both feminine, and feeling-based brands. For instance, Hallmark uses the shade across all their branding materials.

      Psychology of the colour yellow
      As the colour often attributed to light and sunshine, yellow typically communicates feelings of cheerfulness, and happiness. However, in certain contexts, it can also be used to signal warning, caution, and even quarantine.
      Many businesses consider yellow to be an optimistic colour. It captures the attention of audiences from a distance, which makes sense when you consider the McDonalds golden arches that are designed to attract hungry travellers on the road.
      How to use this colour in branding:
      Bright yellow is fantastic at attracting attention, but it can also be distracting if it isn’t used with care. Generally, yellow should promote children’s products and cheerful things. However, it can also work in a positive way to indicate caution and dedication. For example, JCB use yellow to make sure that their potentially dangerous equipment and machinery is as eye-catching as possible.

      Psychology of the colour orange
      Finally, as a combination of red and yellow, orange is used to convey concepts of heat and light. It demonstrates both ambition, and pride, and offers many of the same benefits as red, without being quite as aggressive.
      Orange is a friendly colour, and perfect for companies that are focusing on building brand loyalty. Used by everyone from Home Depot, to EasyJet, the bright and bold shade is designed to capture attention and inspire customers. According to Entrepreneur.com, subtle shades of orange can sometimes appeal to a more upscale market.
      How to use this colour in branding:
      Orange is a very warm colour, but it’s not as bold as red. Orange can increase the oxygen supply to the brain, producing an invigorating effect, and stimulating mental activity. Most of the time, it’s accepted virtually among younger people, as it’s potentially one of the must “fun” and interesting colours on the spectrum.
      Brands like Nickelodeon have had plenty of success using orange alongside their unique tone of voice to inspire imagination among younger audiences. As a citrus shade, orange can work with the psychology of colour and design to inspire desire and hunger. That means that it’s particularly good for selling food and toys.
      Tips for accessing the psychology of colour and design
      It’s impossible to ignore the psychology of colour in marketing and branding. However, results from studies like the “Interactive Effects of Colours” demonstrate that the relationship between brand and colour hinges on the “appropriateness” of the colour used.
      In other words, your company shouldn’t just cling to a shade because it’s appealing to you, or because you think that competitors in your space have done well using similar pigments. Purchasing intent, customer affinity, and brand relationships around colour all come down to how your customers view your personality, and identity.
      Harley Davidson simply wouldn’t portray the same attitude of ruggedness and exploration if their logo was decked out in shades of purple and pink. Finding the right shades in relation to the psychology of colour means looking closely at your brand manifesto, and keeping the following concepts in mind.

      1. Never underestimate the psychology of colour
      Around 93% of customers examine visual appearance when making a purchasing choice. Additionally, research shows that most customers make a subconscious assessment about which brands or products to choose within 90 seconds of an initial viewing. Up to 90% of that assessment is then based on colour alone.
      Underestimating the psychology of colour and design could be devastating for your brand. However, it’s not enough to simply choose the brightest, or most “trendy” shade. Instead, you need to think about colour appropriateness, and examine which pigments your customers feel go best with certain products. The psychology of colour dictates that different shades are viewed differently according to gender, experiences, and personal preferences.
      One study conducted by the Cardiff Business School found that if you want your branding to work, you need to choose colours that fit the image of the service or product you’re selling. In other words, think about how you want clients to perceive you when you’re building your brand, and focus on what seems “relevant” to your industry. Health companies don’t typically use reds and yellows, while male-focused businesses generally steer away from pinks, purples, and other stereotypically “feminine” shades.

      2. Know your audience
      Since colour psychology is all about adjusting perceptions and adding weight to your brand recognition strategy, it’s important to make sure that you’re picking hues based on the preferences of a specific audience. There’s a huge difference between the preferences of genders when it comes to colour selection. While blue is the favoured colour for both genders, men often prefer bolder colours, while women opt for softer hues.
      Before you settle on a colour pallet for your brand, think carefully about the psychographics and demographics of your intended audience. Often, user personas will be the most useful resource you have here. Remember, a 20-year-old male obsessed with technology and video games will often have different reactions to colour in branding than a 60-year-old mother.
      Making the most of the psychology of colour in marketing and branding means choosing shades that resonate with your audience. For instance, a pink and yellow site colour might be a huge turn-off for those 20-year-old gamers, but it might be much more appealing for moms.
      Once you know the ins and outs of your target audience, and which colours appeal best to certain emotions within them, you can select pigments that represent the key characteristics you want your brand to elicit. For instance, a professional law firm might choose dark, bold colours like blue and black to position itself differently to a child’s toy store.

      3. Keep it real (be authentic)
      Just because your business wants your product or brand to reflect a certain idea through your choices in colour and marketing materials, doesn’t necessarily mean that the path to success will always be that simple. Customers tend to know intuitively when brands and colours connect, and when their connections are authentic.
      If your customer doesn’t agree with the “image” you’re trying to portray, then they’re likely to look elsewhere for a brand that feels more natural. Therefore sometimes, companies think that choosing a “popular” colour will help them to improve sales, but in truth, it simply sets them further apart from their audience.
      Whether you’re creating a brand from scratch, or refreshing your brand with a whole new image, think about how you can portray yourself in an authentic way using colour. As an example, when Volkswagen introduced a new beetle, many of their billboards featured a green car. That wasn’t a typical colour for cars at the time, but it was perfect for communicating ideas of renewal, and rebirth.
      Key points to keep in mind:
      If you’re simply looking for a quick checklist to make sure that you never make dangerous choices with the psychology of colour and design, remember that you should always consider:
      Customer expectations: Which shades seem the most “appropriate” based on your brand history, personality, and position.
      Customer preferences: Are you choosing a colour that evokes trust in your consumers, and represents the hues they like most?
      Brand message: What kind of emotions and characteristics is your brand trying to portray? Your use of colour should match these as closely as possible.
      Competitor colours: The last thing you want is to be lost in a sea of competitors that look the same as you. Pay close attention to the colour of other brands, and try to make your company stand out.
      Consistency: When you’ve come to a decision about the psychology of colour, and chosen the hues you want to use, you should ensure that they remain consistent over time. Constant colours can solidify the picture of your brand in your customer’s mind.

      It’s time to consider colour in branding
      The psychology of colour and design has been a focal concept in the branding world for some time. Over the years, countless companies have experimented with their brand message, through new logos and colour modifications. In fact, if you look back into the history of many of your favourite brands, you’re sure to see a few brand makeovers centred around the use of colour.
      There’s also plenty of evidence in the marketplace that the wrong use of colour can damage your brand image for good. Pepsi once made a huge mistake by introducing ice blue vending machines into South East Asia. While light blue might be a refreshing colour in the western world, in Asia, ice blue is associated with mourning and death.
      Research into the psychology of colour in marketing and branding teaches us that there’s a lot more to creating a powerful visual identity for your brand, than simply choosing shapes and shades that you think look good. Ultimately, you need to understand not just your marketplace and industry, but also your customers too, so that you can design the right impact for your brand.
      Colour psychology is key when it comes to making sure that your brand identity has weight and power. Choosing a hue that embodies your brand personality can help you to convey a more authentic brand, and the process should never be left to a whim or a vote of popularity. The more you understand about the psychology of colour, the more you can make a decision based on scientific understanding and human behaviour
      By examining your market, your competitors, your customers, and the purpose behind your brand, you can build a pallet for your company that’s based on a deeper understanding of how different shades can influence the thoughts and behaviours of your customers. That puts you in a perfect position to create loyalty, and affinity.
      So, the question is, what are your brand’s true colours?
      If you enjoyed this article, you might enjoy these too:
      — Nostalgia marketing and the retro revolution
      — How to define your unique selling point
      — The gift of gossip: word of mouth marketing
      — Why you need clearly defined brand values

    • Using Your Website vs. Facebook to Reach Your Audience
      For most media companies, a website and Facebook have specific roles, and both are important in building your brand. Consider your individual goals to determine if your website or Facebook is better to reach your audience.

      Complete Ownership vs. Lack of Control
      Website: You own your website. It gives you complete control over your entire media brand. Facebook: With Facebook, you're dealing with a third-party site. You follow the company's terms of service, which are continually revised or risk your account being deleted.
      Design Changes
      Website: Design your website to match your media outlet's branding goals and colors. Make changes anytime and at your discretion. Facebook: While you can add your logo and make minor changes in how information appears, you're still at the mercy of Facebook's look. When changes are made, you usually only find out after the new design shows up on your Facebook page.
      Delivery of Information
      Website: Your audience has to make an effort to come to your site for information, and your website has to be successful to keep them coming back. With information so readily available on the Internet, it's a challenge to get people to make that decision to type in your web address instead of another media outlets.  Facebook: You're taking your information directly where your audience is spending their time connecting with friends and family. Your updates pop into their timelines the second they're posted, putting your news right in front of thousands of eyes instantly.  
      Staff Updates
      Website: Staff has to be trained on how to update your website and, in a breaking news situation, the website can sometimes get neglected. It makes your site's content look out of date. Facebook: Even the technologically challenged know how to post information, photos or videos on Facebook. In a breaking news situation, you can get quick updates out to your audience as you receive them, which helps your media outlet own the story.  
      Feeding vs. Timeline
      Website: Your audience can subscribe to your RSS feed to get that quick delivery of your news. The drawback is, your users have to be using an RSS reader to keep your information streaming into them at all times. Facebook: Easily send your content to thousands of people spending time on Facebook. With one easy click, users can get all of your updates, comment on your Facebook page and share your information with their friends and families  
      Revenue
      Website: Sell ad space and sponsorships on your website to generate revenue. You set your rates and manage ad inventory Facebook: You can't sell ad space on your Facebook page. The revenue opportunities are non-existent.  
      Statistics
      Website: Your website's statistics are your secret. You don't have to inform your audience how many page views, hits or unique visitors you have coming to your site each month. Facebook: Everyone can see how many fans you have or don't have. As you try to boost your brand using Facebook, you may notice your competitors have thousands of fans while you only have a few hundred.  
      Contests
      Website: Holding a contest can drive people to your website. You can sell sponsorships, post rules, call for daily entries and monitor your website analytics to see just how effective each contest is for your media outlet. Facebook: Holding a contest solely on your Facebook page can drive your fan base and generate buzz as your contest link is passed around to other Facebook user. You are restricted to Facebook's promotion guidelines.  
      Policing User Comments
      Website: If you allow comments on the stories you post on your website, you have to decide how you'll monitor those comments and develop a policy on how to deal with any objectionable material. It can be time-consuming for your staff who may spend a lot of their time policing comments. Facebook: While you still have to keep an eye out for people who are only visiting your page to cause trouble, Facebook does have an easy system in place to block comments and repeat offenders.  
      Interaction
      Website: Your website has limited opportunities to interact with your audience. Even when people are allowed to comment on stories, they typically don't receive a response from a reporter or other member of your staff. Facebook: While users can comment on your stories and share them with their friends, Facebook is a place where you often find journalists using social media to interact with their audience. But is all of that interaction helping your media brand? Sure, people can talk about the story they saw on your Facebook page, but if all that buzz isn't driving people to your website, to buy your newspaper or magazine or to watch your newscast, is it helping your media outlet at all?  

    • Web Design Standards: 10 Best Practices on the Top 50 Websites
      Even for marketers, design standards aren’t something you think about a lot. But for web designers, they’re critical.
      “Standard web conventions” are web design standards and best practices. They’re a set of rules that web designers follow, knowing that they align with visitors’ expectations. They are guidelines for clarity and usability.
      But what is standard, really?
      To answer this question, we created a checklist of 10 web design standards, then looked at the top 50 marketing websites to see how standard these standards really are. Using guidelines from an earlier NN Group article, we use the following thresholds:
      Standard: 80% or more of websites use the same design approach Convention: 50 – 79% of websites use the same design approach Confusion: 49% or fewer websites conform, no single design approach dominates Note: The sites included in this research are the top marketing websites in the “business > marketing & advertising” category on Alexa. After excluding news, media and publication sites, which do not have conventional lead generation or ecommerce goals, we ended up with the top 50 marketing websites.
      1. Logo in the top left
      100% of the websites researched had a clickable logo in the upper left corner of every page on the site. That’s a standard!
      2. Contact in top right
      44% have the contact button or link in the top right corner of every page. Although this placement is very common and considered best practices, it cannot be considered standard.

      3. Main navigation across the top
      88% of the websites had the main navigation located in the header at the top of every page, making horizontal top-level navigation a web design standard.

      4. Home page slideshow
      32% of the websites have a home page slideshow (also known as a carousel) with a rotating series of images and messages.

      This is one that Orbit designers are watching carefully, as more sites seem to be favoring a static featured image, rather than a rotating series of images.
      Research is mixed on the effectiveness of each option. Results vary! Choose the best option for your site, your message and your visitors.
      5. Value proposition high up on the home page
      80% of marketing websites have an explicit value proposition located high on the home page. So the majority of websites explain their value to visitors “above the fold.” The remaining didn’t have an clear value proposition at all.

      Any web designer will tell you that there is no standard pixel height for browsers. Therefore, there is no fold. But of course, some design elements appear high on pages and are generally visible to the majority of visitors without scrolling.
      6. Call to Action high up on the home page
      78% of the websites had visually prominent calls to action. The percentage fell below our threshold for standard, it’s certainly a convention.

      7. Search feature in the header
      54% of websites have a search feature in the header. About half of all marketing sites do not have a search feature that appears “globally” on every page either as a link, icon or search box.

      This isn’t surprising to us. Search tools aren’t necessary unless the website contains a large amount of content. A search tool is often a “crutch” for a poorly organized website.
      8. Signup box in the footer
      24% of websites allow visitors to sign up and subscribe to email updates in the footer. So this is a common place to gather email addresses, but not a convention or a standard.

      The most common content for footers is copyright, privacy, legal, sitemap and contact links. Visitors expect to find contact information in the bottom right or bottom center of websites.
      Want to a better footer? Here are our Footer Design Best Practices, and 27 things you can add to the bottom of your pages.
      9. Social media icons in the footer
      72% of the websites include icons for social media websites in the footer. This almost makes these a standard design element.

      26% of the websites included social media icons prominently in the header.

      As in the footer, clicking any of these icons takes the visitor to the social media site. For this reason, this is a design element that can cost you traffic, increasing bounce rates and hurt results.
      We recommend adding social media icons in the footer. To further reduce visual prominence, the full-color version can appear only after the visitor moves the mouse cursor over the icon.
      10. Responsive design
      68% of websites are mobile-friendly using responsive web design. This gives visitors a great experience regardless of the device – phone, tablet or desktop.

      It’s a combination of design and programming that is difficult to add after a site is built. More often, it’s part of a redesign, which may explain why it’s a convention, but not a standard.
      Responsive design has been best practices for years. We’re glad to see this become more common and we expect this feature to be standard eventually.
      Note about the data: The sites included in this research were big, famous brands. They have lots of pages and diverse businesses. Some design aspects of large sites (search tools, generic navigation labels) may not be relevant to smaller marketing websites.
      Let’s review…

      Custom Design is Dominant
      Obviously, not all design standards are standard after all. Except for the placement of the logo, the main navigation and the value proposition, there aren’t standards for web design.
      Web design conventions include a prominent call to action, search tool in the header, social media icons in the footer and responsive web design.
      Other common design features may still be considered best practices, but may not be used by the majority of websites. Custom web design, specific to the business and its audience, rules the day.
      Practical Insights for Web Designers
      Conforming to standards are an easy way to meet the expectations of your audience. Your visitors are not blank slates. Your website is the millionth website they’ve visited, so they come with strong ideas about what they’ll find and where they’ll find it. And the website is key to your digital marketing basics.
      Why make your site different?
      If a design element is expected in a certain place, then that’s where it should go.
      Beyond design elements, there are types of web design standards that all good designers understand:
      Brand Standards
      Colors, type and tone are specific to every business. You should have a style guide for your website and stick to it. Coding Standards
      Websites should be built using the programming standards agreed upon by the W3C. This makes them more likely to display and behave properly in browsers. Accessibility Standards
      Access to information is a basic human right. This has been recognized by the UN Convention on the Rights of Persons with Disabilities. Follow these standards to make your site accessible to everyone. Standard web conventions are shorthand for good design. If you break any of these rules, you should do so intentionally and with a very good reason. And you should plan on measuring the impact of being unexpected.
      Does your site follow best practices? Or do you break the rules?

    • Can You Make More Money With A Mobile App Or A PWA?
       

       
       
      Take a gander at the revenues of the top mobile apps and it’s easy to get lost in dreams of what could be if only you built a mobile app today. Then again, have you ever considered how much it actually costs to build and maintain a mobile app? When you look at the big picture, you’ll soon realize that mobile apps aren’t a smart investment for most. That’s why you need to give serious consideration to building a PWA this year. Let’s be honest. The idea behind building mobile apps, websites or any other branded platforms online is to make money, right? Your clients have contacted you to do this for them in order to maximize their results and, consequently, their profits. If money didn’t matter, they’d use a free website builder tool to throw something — anything — up there and you’d no longer be part of the equation.
      Money does matter, and if your clients don’t see a huge return on their investment in an app, it’s going to be quite difficult to sustain a business built around designing apps.
      Today, I’m going to talk about why app monetization needs to be one of the first things you think about before making a choice between designing a mobile app or PWA for your clients. And why the smartest thing you can do right now is to steer profit-driven clients to a PWA.

×
×
  • Create New...