5 website trends you need to know

Podcasts are going from strength to strength. There are currently more than 900,000 of them to choose from and more than 7 million people in the UK listen to them every week.

It’s not always easy to keep tabs on what is ‘hot’ when it comes to being creative and innovative. Take website design. Type ‘website design trends’ into Google and you get some very detailed results. Some results offer to give you as many as 19 different trends - too many to consider if you are thinking of overhauling your company’s website.

o, we’ve boiled these trends down to the ones you simply cannot afford to ignore.

Here, Thirty Seven’s digital designer Tom Sykes takes you through the website design trends you really need to know.

Accessibility

It might sound simple, but one of the key trends so far in 2018 has been a move towards making website content easier to read.

A back to basics ethos has seen an increasing number of websites adopt a pure black on pure white approach to text.

Larger fonts and bigger headlines have also become increasingly popular.

“For a while, many websites suffered from a sort of design for the sake of design approach,” said Tom.

“But now the focus is much more on the readability of the content. We are not seeing coloured text on coloured backgrounds anymore and in many cases design has been stripped to a minimum, so that there isn’t stuff around the website which could detract the user away from what they came to the site to do.”

Tom cites the redesigned Dropbox website as a strong example of this new approach, particularly the move to bigger headlines.

He said: “The Dropbox typeface – ‘grotesque’ - is something I think we will see more of. It’s a wide typeface and is aesthetically pleasing, but that does not detract from the readability.”

If you or someone you know is in web design, having accessibility controls at the top of a web page can be very helpful for individuals with visual impairments! Settings that allow you to change text size and style or provide higher contrast all make the site more accessible
— comin out of my KJ and I've been doin just fine (@socompliKATIEd) April 16, 2018

Bold colours

2018 is the year for going bold with colour.

Websites are currently being designed with vibrant, bright colours.

And colour gradients are making a comeback after years of being shunned by designers. In fact, the two-colour effect is back in a big way.

Tom said: “We are seeing a move from safe and subtle colours to bold and bright ones. Designers are playing more with colours, are trying more things and are just being more courageous.

And part of this playing with colour had seen gradients begin to appear on websites everywhere.”

Tom is a particular fan of the vibrant colours used on the Sketch website which enables the company’s gold gem logo to really stand-out.

The Premier League is another website which has embraced a bold palette, combining a strong purple with flashes of bright pink – not necessarily colours you would associate with football, but certainly visually effective.

Playfulness

Another emerging trend is brands trying to ensure their websites better reflect their personalities.

This has seen a move away from the more formal, professional language, typically seen on websites to a more light-hearted, fun, product-focused style.

“This is an approach we are seeing a lot of start-up companies take and it is helping them to find their footing and forge their identity”, said Tom.

“I think there is growing realisation that highly formal copy doesn’t always successfully draw in customers in 2018. It is a move that is being driven by millennials who are growing up and driving the market. They want to feel brands are being genuine with them.

“The Product Hunt website is a great example of this. It uses humorous language, makes jokes and even uses emojis. It basically uses the same language as those who visit the website.”

Of course, this approach won’t work for everyone and you would probably be unlikely to buy healthcare insurance from a website which used emojis, for example. But it is certainly something brands should consider.

This playfulness trend is also seeing more illustration being used on websites with custom drawings also helping to bring a human touch and highlight personality.

Animation

Animation is rapidly becoming the new norm in website design with a growing number of companies using it to help bring ideas and products to life.

Increasingly websites use animation to enable them to show products from every possible angle.

Tom said: “There are thousands of videos on social media and when you scroll down your feed and they start playing they can draw you in.

“Animation on a website can bring that same focus to products. Instead of static images, customers are able to see the whole product and they get a much better idea of what they are potentially buying.”

Apple uses a lot of animation on its website, allowing customers to view products from numerous different angles.

But it is not just about products. Animated logos are becoming a growing trend and we increasingly seeing logos that spin, transform, expand or even appear to be hand drawn.

They are eye-catching and often memorable and that can give brands an important edge.

The Sketch website that we mentioned earlier in this blog is a great example of animation – when the homepage completes animating it looks totally different from how it started, where it shows an overview of the software, and instead features the latest feature updates.

It is also an approach we have taken on our own website, where the Thirty Seven logo changes colour as you scroll down the page.

Animation can bring great focus to a product and allow your customers to view it from multiple angles. This can even sway their decision to purchase. - Via @37agency

Unorthodox design

Another key trend is the move away from typical website designs.

The familiar ‘hamburger menu’ – the three-pronged menu icon – has been a staple diet for websites for years.

But appetites are changing and websites are now being designed which take very different approaches to navigation.

“We are now seeing websites where the user is really encouraged to look at it and almost have to learn what it does and where they should go,” said Tom.

“It is about encouraging users to be curious and explore in a way that traditional navigation would not really facilitate.

“Obviously, you don’t want to go too far because you want to ensure they get what they came to the website for, but it is about encouraging them to have more fun with the site.”

This move away from typical website patterns is seeing a rise in highly focused homepages with full-screen displays that just depict one product, rather than long scrolling pages.

At Thirty Seven, we offer content and design services to ensure your campaigns reach the right audiences at the right times. Our journalist led approach ensures your content is interesting, engaging and informative so you gain brand awareness and engagement whether it is social media content or a whitepaper.

big budget helps, great ideas are critical, but as some of the below companies found out some elements are simply outside of your control and can sometimes cause campaigns to go viral for all the wrong reasons…

Walkers Wave

In this campaign, fans were asked to tweet their selfies so they could feature in a short video clip in which Gary Lineker held a picture of their selfie and said “Thanks for joining the Walkers Wave and celebrating the UEFA Champions League Final.”

However, this backfired and went viral in a way Walkers probably wished it hadn’t.

The crisp producer set up an automated tweet system meaning all images were automatically submitted to show in the picture frame.

But, there was seemingly no screening or filtration process.

This meant that when members of the public started to tweet in images of people who are famous for committing crimes, the campaign quickly started to go downhill.

The campaign’s failure soon spread like wildfire through the Twittersphere and other media platforms due to the ease of sharing posts.

You can tell Walkers had good intentions and hoped the campaign would be original, convey emotions, spark interest and be easy to share.

Like any great campaign it did do this, just not in the intended way.

Pepsi’s advert featuring Kendall Jenner

Pepsi faced huge backlash to an advert featuring Kendall Jenner where she was seen giving police a can of Pepsi on the front line of a protest.

The advert was meant to portray a message of peace, unity and understanding but instead was criticised for trivialising social justice demonstrations.

In the advert Kendall is seen giving a police officer a can of Pepsi, he then smiles at a fellow officer as protestors cheered.

Backlash from the advert suggested that if protestors were kinder and gave police a drink, there would be no need for social justice demonstrations.

The public mocked the campaign with key influencers like Bernice King, Martin Luther King Jr’s daughter, tweeting a picture of her father with the caption:

Pepsi’s hope of creating a campaign relating to current political events obviously fell flat. It initially defended the advert saying it “reflects people from all walks of life coming together in a spirit of harmony”.

However, the backlash continued to grow, and Jenner also faced criticisms with Eric Thomas, senior partner of Saga marketing posting on LinkedIn that “A Caucasian, blonde, classically beautiful, affluent, kid born into celebrity probably isn’t the person you need to represent struggle and civil unrest”.

Pepsi finally withdrew the advert and apologised with the following statement:

Southern Rail – Let’s Strike Back

It’s not just food and drink based campaigns that can go wrong as Southern Rail found out when its Twitter campaign was derailed.

The company’s campaign asked its customers to challenge a Rail, Maritime and Transport Union (RMT) strike on Twitter.

With the headline ‘Let’s Strike Back’, the company’s initial tweet asked customers to tell the union how the rail strikes make them feel with the hashtag #SouthernBackOnTrack

But perhaps not surprisingly given the operators reputation for late, cancelled and over-crowded trains, customers used the hashtag to lambast its service.

Quickly, Southern Rail lost control of the campaign with the public creating their own, more popular hashtags including #SouthernFail.

Soon, national media picked up on the Twitter storm generating more unfavourable headlines and comments for the company.

The company initially refused to apologise for the campaign or the poor services customers had received, saying its ‘aim was to get the debate going’.

However, a month later the deputy chief operating officer of Govia Thamesline Railway, the parent company of Southern Rail, said the tweets were a “mistake.”

It’s clear to see there was little debate around the topic but more a way of customers to vent their disappointment and even anger at the brand.

Amazon: The Man in the High Castle

Back in 2015, Amazon’s new show ‘The Man in the High Castle’ depicted a dystopian life in which Nazi Germany and Japan have control over the US after winning World War Two.

To promote the show, Amazon decided to advertise across New York City.

The company wrapped the subway seats, walls and ceilings of one train in a version of the American flag, replacing the stars with a German eagle and iron cross. They even created a stylised flag for the ‘new Japan’.

The campaign also involved having 260 posters across the subway station.

The advertisements were due to run for 2-3 weeks until early December but were pulled hours after New York Mayor Bill de Blasio called Amazon to do so.

Bill de Blasio stated that the advertisements were “irresponsible and offensive to Word War II and Holocaust survivors, their families, and countless other New Yorkers”.

The lesson learnt: Historical events are still sensitive even in a dystopian world.

Coca-Cola – GIF the Feeling

When Coca-Cola changed its tagline from ‘Open Happiness’ to ‘Taste the Feeling’, it decided to celebrate the launch with the campaign ‘GIF the Feeling’.

The idea was that the public would be able to superimpose their sentiments on a pre-created GIF.

Coca-Cola was smart and had thousands of words filtered so they couldn’t be included in the campaign including hell, fat, homosexuality, diabetes, all swear words, business, sex, drugs and more.

However the public, as menacing as they are, decided to get creative and create GIFs with the words which had not been filtered, including diarrhoea, capitalism, Benghazi and more.

It was soon clear to see Coca-Cola had lost control and the public had hijacked the campaign.

In a statement, Coca-Cola said: “Our intention was to invite consumers to share their feelings in a positive and uplifting way as they discover our new campaign. It is unfortunate that some people have chosen to use our campaign materials to do just the opposite” … “Their comments do not reflect the views of The Coca-Cola Company”.

Protein World - Beach Body Ready

The supplement company’s weight loss advert featured a model in a bikini with the phrase ‘Are you beach body ready?’

It was displayed all over the UK and faced huge backlash for ‘body shaming’.

Watchdog reported the campaign received almost 400 complaints. Additionally, a protest was held in London’s Hyde Park and a Change.org petition gained more than 70,000 signatures.

The Advertising Standards Authority (ASA) stated it had received a range of complaints on issues including the ‘very slim, toned’ model which suggested that all other body shapes are inferior.

Protein World remained defensive and unapologetic during the backlash. It even invited the public to consider if they were in the shape they wanted to be and claimed that the campaign doesn’t imply everyone should look like the model.

After much debate over the wording the ASA initially deemed the advert did not breach any UK advertising rules relating to harm and offence or responsible advertising.

Many of the public were upset with this result and continued to campaign against the ‘beach body’ image.

However, after some further consideration ASA decided to ban the advert and ordered it to be removed.

Protein World continued to advertise with similar campaigns like ‘Think Small’.

Bud Light – Up For Whatever

In an effort to get everyone together for a good time, Budweiser launched its campaign ‘Up For Whatever’.

The beer company produced bottles with the following line printed on them, “The perfect beer for removing ‘No’ from your vocabulary for the night’.

This led to heavy criticism on social media with critics claiming it undermined the anti-rape “no means no” campaign in an effort to stop sexual assault.

It upset many consumers who claimed the beer’s messaging didn’t recognise that alcohol frequently plays a part in rape cases.

The initial release of the new bottles was supposedly designed to ‘inspire spontaneous fun’.

Soon after, Budweiser admitted it had ‘missed the mark’. It said: “We would never condone disrespectful or irresponsible behaviour”.

However, a longer statement was issued by owner Alexander Lambrecht who said: “The Bud Up For Whatever campaign, now in its second year, has inspired millions of consumers to engage with our brand in a positive and light-hearted way. In the spirit, we created more than 140 different scroll messages intended to encourage spontaneous fun. It’s clear that this message missed the mark, and we regret it.”

While all these campaigns certainly succeeded in becoming part of the conversation, it came at the cost of damage to the reputation of the brands involved. And they show how a few simple errors, or a poorly thought out idea, can quickly turn something with good intentions into something hugely negative. Going viral is clearly not always a good thing.

At Thirty Seven, we offer content marketing services and ensure your campaigns reach the right audiences at the right times. Our journalist led approach ensures our content is interesting, engaging and informative so you gain brand awareness and engagement for all the right reasons.

Podcasts: How can you tell you are getting a return on your investment and time?