4 awesome ways to use colour in Web Design
Nothing makes a statement like a splash of colour. Web designers are using pops of colour more boldly and strategically, whether it may be to grab audience’s attention, to tell a better story, or create a strong brand experience.
Since colour is a trending design element for this year, here are a few ways you can incorporate it in your web designs.
Make a statement
Don’t be afraid to use colour to make a bold statement! It often works best with minimal copy, allowing the colours to speak for themselves.
Check out Uber’s sign language landing page. Their use of the orange gradient is a major eye catcher. This design strategy works well with their campaign to teach people basic sign language - focusing on visual cues and statements.
Create a bold background
Having a colourful and powerful background in a web design can help specific sections of a page stand out.
For example, have a look at Matserra’s landing page below. Not only do they use colour to make their background pop, they’ve used creative animated designs to tell the story of each case. It’s worth checking it out for yourself here.
Another great example is freelance full-stack developer Francois’ portfolio website. He uses an electric blue background, but what’s even more creative is his interactive ink blot. - making the users’ experience a whole lot more interesting. Go have a play for yourself here!
Note that in both of these examples, the colour works because it is used with minimal copy. If you try to cram too much in these sections, it can cause the design to look messy and unattractive.
Tell a Story
Colour can be a great way to add interest to a story. Take a look at Bloom. They use the same electric blue colour throughout the design of their landing page, following their company’s story. They use an array of different visual elements that tie in with the blue, helping the user flow through the header right down to the footer of the page.
Having the same colour through the journey helps the story flow and keep the user engaged.
Adobe’s Marketing Cloud landing page also does a heck of a job using colour in their design. It’s a page with many sections, each with its own colour scheme. From light blue, to electric orange, to dark purple - their use of colour makes a huge statement. Despite the use of several colours, the page flows, with gradients and co-ordinated imagery to soften the colour transitions.
The colours help tell the story of each section, and gives it a pop of personality.
Enhance your branding
Using colour strategically for branding can work wonders. It adds to a more rich brand experience.
Stripe shows us how it’s done - incorporating their brand colours within their website.
Their use of their statement colours - blue, green and purple - is strong throughout their landing page and branding collateral. They tend to use gradients, making their colour choices flow perfectly, making it impactful branding for Stripe.
So when your designing your next website, think about whether adding a dash of colour works for your brand. Using it right can help build brand identity and personality - and it looks bloody amazing!
For more Digital Marketing insights, check out out Blackdrop blog.