Web design is constantly changing and adapting and as we are now halfway through 2017, we thought we would delve into the world of web design and take a look at the trends which are currently dominating the design sphere. From simplistic to bold, the web design trends of 2017 are certainly something to marvel at. 

Material Design

Whichever part of the web you’re browsing, Material Design is a web design trend that is everywhere in 2017. Developed by Google for Android in 2014, Material Design’s sole purpose is to provide users with a clean and accessible interface. An evolution from Flat Design, Material Design brings some of the usefulness of skeuomorphism (such as layers and depth) back to web design, while still maintaining the simplistic and usable nature of Flat Design.

With its Material Design concept, Google has provided rules for what type of style, layout, pattern, usability a material website or app should contain. These guidelines ensure your website will look both neat and eye-catching at the same time. 

Vibrant Colour Designs

While the past couple of years has seen designers opt for the safer colour pallets, 2017 has watched vibrant colours become a popular web design trend. With the popularity of material design leading to criticism that many websites are beginning to look similar, bright and bold colours are a great way to stand out from the crowd.

Vibrant colours can also freshen up an older website or can be incorporated in small amounts, such as adding a strikingly vibrant image to your website. Bright and bold typography can also be used to add this web design trend to your website without changing the entirety of it.

 

Minimalism

Minimalism is a concept that has been around for many years, but this year it is becoming one of the most important web design trends. As it can be assumed from the name, minimalism is a web design trend which focuses on minimal elements on the website and removes any unnecessary elements from the design.

In previous years, minimalism has adopted a reputation of simplistic black and white colour schemes, but this year we’ve seen a turn for the best with websites that adopt both the minimalist and vibrant colour web design trends as shown by R magazineFlatsLife is another beautiful example of the black and white nature of traditional minimalism. 

 

Brutalism

Although not technically a web ‘design’ trend, Brutalism is definitely a web design concept to keep your eye on this year. Known as the antithesis of web design, Brutalist Design aspires to defy all the traditional rules of web design. Some say it is based on the giant concrete buildings built in the 1950s-1970s – designed to do only its job.

To create a brutalist website, the general rule is to not follow any rules. Colour clashes, text which doesn’t fit in the box, gradients, hard to find links – these are all acceptable in brutalist design and some of the biggest names around are using it. Bloomberg, The Outline and Balenciaga are all examples of brutalist design, and the Instagram redesign has been quoted as ‘paving the way’ for brutalist app design.

 

By looking at just four of the key web design trends this year, it's clear to see that 2017 has brought a variety of different websites to fruition. We predict these web design trends are here to stay and expect to see them once again in 2018. 

Are you looking for a new website design? Our talented team of expert designers and developers can help you with that. Get in touch today to request a free quote.

You may have heard about movie Easter Eggs or video game Easter Eggs before, but have you ever heard about Website Easter Eggs? The internet is filled with copious amounts of weird and wonderful things, so it makes sense that there may be a few surprising features hidden in the depths of numerous different websites. If you're prepared to go on a different kind of Easter Egg hunt this holiday, you will find that websites all over the world incorporate these hidden gems and they are just waiting to be discovered. 

To give you a brief history of where website Easter Eggs came from, it all started back in the late 70's with a game designer. Feeling slightly bitter about the fact that back then game designers were not provided with any credit for their work, this particular game designer decided to hide his credit in the game Adventure, which was made for the 2600 Atari. He designed the game so that when a player performed a specific action at precisely the right moment, the screen would briefly flash the designer's credit

This came to be known as an Easter Egg because Atari then had to go on a type of Easter Egg 'hunt' to find the secret message hidden in the depths of the game. From this point onwards, you will be able to find multiple examples of Easter Eggs hidden in games, movies, and websites - mainly to amuse those who are now 'in the know'. Just think of Stan Lee's famous cameos in all of the Marvel movies. The Marvel follower base now awaits these cameos and rejoice whenever Stan Lee's couple of seconds appear on the screen. Website Easter Eggs offer the same effect. They outwardly show that the company has a sense of humour and are willing to go above and beyond to entertain their followers

And so, with the Easter holiday upon us, we went on our own website Easter Egg hunt and put together our top 8 favourite website easter eggs hidden on the internet:

Konami Code on Digg.com

If you know a bit about gaming, you may have heard of the Konami Code before. This code was created by Kazuhusa Hashimoto when developing the notoriously difficult arcade game Gradius. To have enough time to test the game, Hashimoto created a code which would provide power-ups whenever needed. That code was up, up, down, down, left, right, left, right, B, A. This code was allegedly designed only for Hashimoto, but he happened to 'forget' to remove the code when the game went live. Once players got wind of this cheat code, the age of the Konami Code began.

This is why Digg's website easter egg has great comedy value. They understand that the Konami Code is designed as a cheat code, but have managed to turned that on its head by Rick Rolling users whenever they attempt it. We recommend having your sound right up when you enter the Konami code on the Digg website!

Google Search: Do A Barrel Roll

For our second website Easter Egg, simply type 'do a barrel roll' into google and watch as it follows your directions. This is one of our favourite google Easter Eggs, and google has quite a few. It should come as no surprise that Google has the monopoly when it comes to website Easter Eggs. Google is featured a couple of times on this list, but for a fully comprehensive list of all the google Easter Eggs, you can find hidden in the search engine here

Youtube Search: Use the Force Luke

Although the Star Wars hype may have died down, YouTube still has a nifty website easter egg stashed up its sleeve. Simply type 'use the force luke' into the youtube search bar and watch as everything on the page becomes controlled by 'the force'. By moving your mouse you can attempt to control the force, too. Another quirky website easter egg happens when you type in 'do the Harlem shake' in the search bar. We recommend headphones for this one too! 

Fantastic Beasts and Where to Find Them on Google Maps

Hold on to your hats Harry Potter fans, for Google Maps can now take you back in time with their website Easter Egg. Google maps have partnered up with Fantastic Beasts and Where to Find Them to provide you with an inside tour of the 1926 wizarding world. All you have to do is type in 'Fantastic Beasts, New York City' and google maps will take you to all the focal points of the movie. You will be able to explore and have an inside look at MACUSA (Magical Congress of the United States of America), New York in 1926, The Blind Pig and Tina and Queenies home. It's pretty fantastic if we do say so ourselves.

Wistia's Dancing Team Page

A great example of a company using a hidden website easter egg to display company personality is Wistia. On the Wistia 'about' section, you will find the 'Wistia Class Photos'. On this page, type 'DANCE' and click enter then watch as the team proceeds to dance to some classic jazz music.

Google Search: I'm Feeling Curious

If you're ever feeling bored, just remember that google has this clever little website Easter Egg just waiting to provide you with entertainment. All you have to type into google is 'I'm feeling curious' and google has a widget installed to provide you with a multitude of interesting trivia, ready for you to whip out at all the parties you're invited too. Find out what a heard of unicorns is called or the book the statue of liberty is holding with this useful website Easter egg.

Inspect Source on Coca-Cola Website

Some companies also have website Easter Eggs embedded into the very code of the website. This is because they are aware that many website developers will look at a website's source code to see how specific features were done. With this knowledge, coca-cola has inserted a little nod to anyone who may be looking at their code by inserting the coca-cola logo directly into the source code. To see this, just go onto the coca-cola home page, left click and click 'view page source'. 

Konami Code On BuzzFeed

As you can see, most of the biggest websites have got in on this website easter egg craze. Even Buzzfeed have incorporated the Konami code into their own website. Just press up, up, down, down, left, right, left, right, B, A and enter on the homepage and all of the text will change to 'Wilkie!' with a picture of BuzzFeed's chief of technology officer, Mark Wilkie, eating Cheetos with chopsticks. We think this one may be more of an in-joke, but it still shows the great company culture BuzzFeed have.

So, we hope you enjoyed our website Easter Egg hunt. If you know of any others or want to let us know your favourites, either tweet us or leave us a comment on any of our social media platforms. Have a great Easter!

Prepare Your Website for 2017

Though we're only a few days into 2017, it's already clear that change is on the cards for this year. America is getting a new president; the UK is scheduled to begin the process of leaving the European Union; and important elections will be taking place in a number of countries, including France, Germany, and the Netherlands.

Don't worry, though - this isn't going to be a post about politics. The world of web design is constantly reshaping itself, and just as 2017 looks set to usher in a number of big political changes, we're also expecting to see several sizeable shifts in the landscape of the Internet between now and January 2018. Lots of changes are coming, and if you want your business to succeed (or continue succeeding) over the next twelve months, it's very important that you stay abreast of these changes.

Priorities for your website in 2017

Below are 5 design, UI and SEO changes website owners should aim to make this year.

1. Speed it up.

If there's one thing that will utterly scupper your chances of online success in 2017, it's a website that takes too long to load. The days of dial-up, when web users would happily wait several minutes for a page to render, are gone; nowadays, most users will leave if your content doesn't load within a second or two. People hate waiting around, especially when they're on the go and browsing the web on their smartphones.

And what users hate, search engines hate too. Google, Bing, and the rest of them will be reluctant to list your website as a search result if it provides a sluggish and frustrating user experience. If you want to make your customers happy AND keep the organic search traffic rolling in, it's imperative that you minimise your site's loading times.

TAKE ACTION: Use Google's PageSpeed Insights tool to check your website's load times and find out how you can speed things up. Talk to your web developer if you're unsure of how to implement any of the tool's recommendations.

2. Stop using pop-ups.

For years, 'pop-up' was a dirty word associated with the spammiest, most irritating kind of online advertising in existence. When you think of a pop-up ad, you probably picture garish colours and dubious claims such as 'YOU HAVE WON AN IPOD' or 'THERE ARE 14 HOT SINGLES IN YOUR AREA WAITING TO CHAT'. Strangely, though, pop-ups have become somewhat legitimised in recent years, and many perfectly reputable websites now use pop-ups to drive newsletter sign-ups, app downloads, and other conversions. Perhaps you use this strategy on your own site; perhaps it even works for you.

But now is the time to stop. Google recently declared war on pop-ups (or 'intrusive interstitials'), stating that sites using them "may not rank as highly" from 10 January 2017 onwards. This doesn't just apply to old-fashioned, 'click here to claim your prize' pop-ups - it applies to pretty much any on-screen element that appears unexpectedly and gets in the way of the actual content. And yes, that unfortunately includes your nice-looking 'subscribe now' box. Get it gone by the 10th of January, or prepare to see a drop-off in your Google rankings.

TAKE ACTION: Remove any nonessential pop-ups from your website, or redesign them so that they don't cover up too much of the page itself. Learn more about Google's forthcoming pop-up penalty (and whether it will affect you) here.

3. Declutter your design.

We're always reading about the latest web design trends, and we've seen a lot of articles lately with titles like '17 Web Design Predictions for 2017'. Lots of industry experts are offering lots of different opinions and forecasts right now, but the general feeling seems to be that a minimal, uncluttered aesthetic is the right choice going forward. The design world has been moving steadily in the direction of minimalism for several years now, and it's unlikely that 2017 will buck that trend.

TAKE ACTION: Minimalism is a great approach to web design because it makes sites easy to navigate as well as easy on the eyes. Here are a few steps you can take to declutter your site this year:
  • Fewer menu options. Listing loads of different categories in your site menu can make things look messy, and users may struggle to work out which one they need. For this reason, it's better to streamline your site structure and show just a few options at the top of each page.

  • Make your message stand out. If you've got a key message to get across, don't bury it in reams and reams of text. Aim to cut down on unnecessary copy and focus on making the important words stand out. Lots of people have predicted that big, bold typefaces will be very popular in 2017, so ask yourself if the point you've taken ten paragraphs to make could have been made in a single striking sentence writ large at the top of your page.

  • Don't fear empty space. When designing your site's layout, you may be tempted to fill every last gap with an image or a bit of copy. But this may not be necessary! Discerning use of empty space can help your website to feel elegant and inviting rather than claustrophobic and overwhelming. Empty space also draws the user's attention back to the central focus of the page, whether that's an image, a headline, or a CTA.

4. Optimise for user intent.

There are two big buzzphrases that every SEO specialist in the land will be running into the ground this year. The first is 'user intent' - basically an extension of the well-worn adage that you should be optimising your website for users, not search engines. If you want to boost your organic search traffic in 2017, the key is to 'optimise for user intent'.

This means that, rather than picking a popular keyword and carefully concentrating on that term when you write your site copy, you should be thinking about your target audience and what they're trying to achieve. Keywords remain an important part of the search engine optimisation process, but both your keyword choices and your website's content should be directly informed by the needs that you're trying to meet.

For example, if you sell carpets, don't just write a tonne of copy about 'cheap carpets' and expect the search engines to reward you with a tonne of traffic. Instead, take the time to identify your target audience; consider what your average customer wants, and then create a website that gives it to them. This could be a simple, easy-to-navigate list of the different products you stock, or it could be a handy wizard-style tool that helps users to select the right carpet for any given room. What it probably won't be is a thousand-word essay on cheap carpets and why your cheap carpets are the best cheap carpets on the market.

You should also think carefully about the intent behind each keyword you target on your website. 'How to lay a carpet' and 'carpet installation' might seem like two very similar search terms on the face of it, but where someone who Googles 'how to lay a carpet' might want a how-to guide or instructional video, the person who Googles 'carpet installation' probably just wants a professional to come and do the job for them. Be sure to consider how well your content satisfies the queries people are typing in to find it.

TAKE ACTION: Don't just create a website and then stuff it with your industry's most popular keywords; instead, follow the Intent > Keywords > Content model described below
  1. Intent: Start by identifying your target audience and the needs that you're trying to meet. What is their intent when they visit your website? What are they looking to achieve?

  2. Keywords: Use a keyword research tool to find out what people type into Google when they need the thing that you provide. Do your potential customers use short phrases or longer, more conversational search terms? Identify a set of keywords that are directly related to your niche.

  3. Content: Structure your website and create its content based on the intentions of your users and how they are expressed in the form of search queries. Pick a keyword (or group of keywords) for each page of your website, and ensure that every page is perfectly tailored to the needs expressed by the query it targets. 

5. Remember your mobile users.

Here's the other big SEO buzzphrase of 2017: 'mobile first'. For many webmasters, mobile friendliness has thus far been little more than an afterthought, but now that the majority of Internet usage takes place on mobile devices, it's absolutely crucial to make sure that your website works perfectly on smaller screens.

Google demonstrated their commitment to putting mobile users first several months ago - not only did they roll out a completely separate index for mobile searches, they also announced that this new mobile index would be "the primary Google index" going forward. This shows that Google are extremely keen to make mobile users happy in 2017, and if your website doesn't make mobile users happy, your organic Google traffic may well take a nosedive this year.

TAKE ACTION: Look at your website on a range of mobile devices and ensure that it is nice-looking and easy to navigate on smartphones and tablets as well as on desktop computers. Strongly consider upgrading to a responsive website if you haven't already done so.

Need help getting your website in shape for the new year? Get in touch with Designer Websites - we are a team of expert designers, developers and SEO specialists, and no matter what business you're in, we can help you to succeed online in 2017.
Which colours should I choose for my website design?

Selecting a colour scheme for your company's website can be a tricky business - you ideally want something that not only looks good but also accurately reflects your brand and the work that you do.

In order to select the right combination of colours for your business, you need to have some understanding of colour meanings and the feelings that different hues evoke. Here's a rough guide to some common colours and what Western audiences tend to associate them with - which of these descriptions most closely resembles your organisation?

Red

Commonly associated with: love, passion, intensity, aggressiveness, action, danger

Red is the colour of danger - motorists see it every day on road signs and traffic lights, and it usually serves as a warning or an urgent instruction. Yet it's also associated with love and romance: think red hearts and red roses.

Red is a very attention-grabbing colour, and many websites use red sparingly to make one particular element (such as a call to action or a key piece of information) stand out above everything else. It is also commonly used in our neck of the woods to emphasise the company's close ties to Wales.

Blue

Commonly associated with: calmness, clarity, relaxation, understanding, imagination

Blue is a calm, relaxing colour that may be a good choice if you want people to feel at ease while browsing your website. It also carries implications of knowledge and an absence of limitations (you may be familiar with the phrase 'blue-sky thinking').

Blue is reportedly the most popular colour on the Internet. Famous blue websites include Facebook, Twitter, and Wordpress, and many companies from all kinds of different industries use blue in their branding to suggest efficiency, clarity, approachability, and connectedness.

Yellow

Commonly associated with: happiness, energy, warmth, light, success

Yellow evokes sunshine and summertime - it's the colour of happiness, so if your company is all about making people happy then this could be a sound colour choice for your website design. One of the most ubiquitous logos in the world - the McDonald's 'M' -  is yellow, and that particular brand is entirely built around themes of joy, happiness, and customer satisfaction (just think of their motto: "I'm lovin' it").

Yellow's other connotations include energy (think yellow lightning bolts) and success (gold medals), so it's perfect if you want to present your brand as energetic, customer-focused, and determined to succeed.

Green

Commonly associated with: nature, the environment, hope, peace, good luck

More or less everyone understands the connotations of the colour green - even the word 'green' has long doubled as a synonym for 'environmentally-friendly'. If you want to bring your company's environmental credentials to the fore, or if you want your corporate branding to evoke the wholesomeness and harmony of nature, then you might want to think about incorporating some green into your colour scheme.

Orange

Commonly associated with: enthusiasm, creativity, determination, affordability 

Orange can be thought of as a somehwat friendlier alternative to red. It's still bright and eye-catching, but it doesn't have the same associations with danger and aggression. Orange tends to make people think of enthusiasm and creativity, making it a good choice if you want customers to view you as an eager organisation that's good at thinking outside the box.

Purple

Commonly associated with: glamour, power, royalty, luxury

Purple is the colour of monarchs; it makes people think of crowns, thrones and expensive jewellery. If you want to evoke glamour and luxury then purple may be the way forward - it suggests that you offer the most delux, high-end version of the product or service in which you specialise.

Black

Commonly associated with: professionalism, seriousness, wealth

This is an obvious choice for businesses who provide a service related to dying or mourning - funeral directors and bereavement counsellors, for example - but black isn't just the colour of death. It also evokes professionalism; businesspeople often wear black clothes and black shoes to look professional at work and in meetings, and this logic can be applied to corporate branding and website design as well.

Black says that you're serious about what you do, and it can also carry some of the same connotations as purple (specifically opulence and wealth - many luxury brands, including Rolex and Chanel, have bold black logos, and being 'in the black' means that you are financially solvent as opposed to being 'in the red'). 

Pink

Commonly associated with: sex, sweetness, femininity, love, nurturing

Pink and purple are both shades of magenta, and so this colour is sometimes used as a lighter, friendlier and/or 'cheaper' version of its darker counterpart. Pink still suggests a level of glitz and glamour, but it's less a night at the opera and more a night at the musicals. If purple is Madama Butterfly, then pink is Grease or Mamma Mia!

Obviously, pink is frequently used as a shorthand for femininity, and it's common to see it used on websites that specifically target women and/or girls. Pink is also the colour of sexuality, making it not just an appropriate colour for businesses of an adult nature but also a great way to subtly trigger the primal part of the brain that drives us to seek out sexual partners and reproduce.

Brown

Commonly associated with: dependability, earthiness, authenticity, tradition

Brown, like green, is a colour that's often associated with Earth and with the world around us. It suggests unrefined, non-manufactured authenticity, and it can be used to evoke environmental friendliness as well as personal health ('brown' foods such as brown bread and brown rice being seen as healthier than their 'white' equivalents) and a general sense of doing the right thing.

Brown also has strong ties to the past, and can be used by brands to play upon the consumer's desire for something traditional or old-fashioned. If you want to use nostalgia to persuade people to use your company, brown may be an effective colour choice both for your logo and for your website design.

Need help choosing the right website design for your business? Designer Websites can help - click here to request a FREE web design quote!
 
When it comes to commissioning a web design and development project, we understand that the process can sometimes be confusing for business owners, particularly those who are building their online presence from scratch. Perhaps the most confusing aspect of all, is the level of input required from the business owner, which can vary massively depending on each case. While some clients may have a very specific idea in mind that they are determined to stick to at all costs, others may want to hand over most of the work to the design team, as they feel that they lack the direction and knowledge required to make a truly informed decision.
 
At Designer Websites, we’ve helped a variety of clients over the years, and feel it’s important to inform those who are looking to commission a website, about the steps they should be taking both before and during the process. Here a few common mistakes that can be made when planning a website, along with some advice about how and why to avoid them:

Mistake #1 - Setting your sights on a design that’s wrong for your business:

A common problem that may arise at the very beginning of the process, is a request for a design that is completely wrong for the business in question. While it can be useful to browse the internet for design ques, in order to get a better idea of which direction your headed in, insisting on emulating a design that has nothing to do with your business, can only end in disappointment. While it goes without saying that your design should be visually appealing, this also has to combine with functionality and business aims in order to create a truly successful website. There is little point in having a website with an ultra-sleek design that fails to sustain the interest of your customer, or present any of the required information to promote your brand and services. Having a clear idea of what you want can be a big help to your design team, but be prepared for these ideas to evolve according to the needs of your business, and the purpose of your site.

Mistake #2 – Assuming that the design doesn’t need to perform on mobile:

Despite the hundreds of articles that have circulated in recent years, which insist on the importance of having a mobile-friendly website, some businesses continue ignore this vital element of modern web design. Whether you think that your target demographic are likely to search predominantly on mobile devices or not, there’s simply no denying the fact that mobile search has overtaken desktop, which means that regardless of your audience, there will be many people who arrive on your site his way.
 
If you deal in ecommerce, then this should be something of a no-brainer for you, although a mobile-friendly design can also present a range of benefits to sites who are not looking to target direct sales. The main reason, which applies to any and all websites, is that Google have openly said that they favour mobile friendly websites, using it as a ranking signal to determine how your site shows up in search results. 

Mistake #3 - Forgetting functionality:

Business owners can sometimes neglect the most important element of the entire project – the end user. If your design is based solely on what you think looks and sounds good, or you just take a ‘web design 101’ approach to the project, then you’re completely missing the point of a great web design. It’s absolutely vital that you think about how your website will engage existing customers, and also consider how to attract new followers to your brand. Your website has to be easy to use, and it also has to deliver what people are looking for when they discover your business. While there are best practices that apply to all web designs, you have to think beyond the basics if you want a website that both meets and responds to the needs of the intended user.

Mistake #4 – Coming to the table without aims, ideas and targets:

A flaw that can sometimes hinder the design process, is the fact that many business have realised that they need to appear online, but aren’t sure how to go about it. A website should not only compliment your business, but be an extension of it, allowing you to enhance existing services and attributes, while also generating new possibilities. Before you begin the design processes, it is important that you consider not only what you want the website to achieve, but also what is possible in the modern digital world. You also have to make sure that this aim is clear enough to be understood by the viewer, in conjunction with the last point about usability. Some points to consider include:
 
  • If I want to influence sales through my website, what is the best way for me to do this?
  • How do I want potential customer to contact me?
  • Am I looking to provide an extension of my services to existing/typical users, or am I looking to appeal to a different audience?
  • What messages are most important to by business? What’s the first thing I want people to see?
  • What images do people in my industry respond to? Am I looking to correspond to certain expectations, or do I want to provide a new/unconventional experience?
  • Will I need scope to add new content and additional features in the future? How could this website potentially expand my business?

Mistake #5 – Stuffing in social media for the sake of it:

Using social media for business has become almost as important as the website itself, and for many businesses this may even prove to be just as influential for driving business. The problem with using social media within, or in conjunction with, your business, is that there is no universal approach to success with it, and not every platform will provide a positive result for a business. Having said this, choosing the right social media platform, and including this in your website in the correct manner, can provide tremendous results for your business. After thinking about which accounts you should have in the first place, your second thought should concern how these will fit into your website. Social feeds and icons need to enhance your website, not hinder it, so be very cautious about adding these in without careful consideration. Here are some examples of questions you should ask yourself, before rushing into the set-up of your on-site social media:
 
  • Which icons should appear? Do I need to provide every social media account, or just those which are most valuable to the business?
  • How should these social icons appear? How can I make them prominent, without distracting from the more important features of the website?
  • Is a feed right for my website, or will it just distract my users away from my site? Are my social accounts active enough to produce a feed which looks up-to-date and relevant?
 
If you’re have a web design project in mind, and are looking for the right knowledge and expertise to bring your vision to life, then get in touch with the team at Designer Websites! For more information, or to request a free, no-obligation quote, simply fill in our quick and easy contact form here.