Web Design Trends of 2018

Ultimate guide to 2018 web trends

According to a study done by Adobe, 38% of people will stop engaging with a website if they deem it “unattractive”. No matter how well they know the brand or what personal connection they already have to it. This is one of the many reasons why we take Web Design so seriously here at Spicy Broccoli. Not to mention it happens to be a forte of ours. So we decided to share with you the top five trends that we predict for website design in 2018!


1. Typography

The times are changing for typography, throw away your old conceptions and jump out of your safe zone because we are throwing caution to the wind. This year is the time to mix fonts and sizes. Typography is no longer just text but now it’s also camouflaging as an image. Get ready for everything big , bold and beautiful.

What we expect to see:
  • Broken up spacing of words
  • Experiments with the spacing and weight of letters
  • Mixing up font families such as Montserrat and Cardo. *spicy trick* If you are unsure what fonts match nicely check out Font Pair.

2. An eye for detail

Given 15 minutes to consume content, two-thirds of people would rather read something beautifully designed than something plain. A clean, simplistic, modern look can never get old, but we are finding that everyone loves that little touch more. Decorative detail are what is going to put you a touch above the rest. We’re on the hunt for geometric shapes and icons as they are essential to be used to guide your viewer to certain areas or content on your site. Take a look at our simple, yet beautiful site for Dr. Turner.

Dr. Turner website screenshot


3. Go against the grain

Want to stand out and be unique? Change the way your viewer browses! Navigation on your site doesn’t have to include a horizontal menu along the top of your site, not that it can’t be done with style, but perhaps try something a touch more creative like a hamburger menu and a floating social bar. The notion of ‘organised chaos’ is a fresh, editorial type concept that is growing in popularity. The average viewer is much more tech savvy than they have ever been before so don’t be afraid to challenge them!

This allows more room for:
  • More freedom with sizes and page alignment
  • Asymmetrical layouts
  • A variety of media ( text, video, images) all in one space

Take a look at this Italian Agency’s Adoratorio Studio’s for example.

Adoratorio website

4. Animations

Animated video is an engaging instrument that can help you tell your story in a more comprehensive way. 65% of people are visual learners, and 90% of the information transmitted to the brain is visual. We know animation isn’t a new concept but we still feel that this little detail adds a playful and encouraging feel to your site. It must be implemented wisely and with taste to be most effective.

It can be used when:
  • Parallax scrolling
  • Transition between pages
  • Animation on certain elements or sections
  • Mouseover effect

Check out the awesome home screen animation on The Glyph website!

The Glyph website

5. Colour it up!

In adobe’s study, 48% of people cited a website’s design as the number one factor in deciding the credibility of a business. Keep your brand in mind, but experiment with your colour palette! From those delightful pastels to the vibrant and exotic, these much loved gradients can be manipulated to suit you. A note of caution, don’t over do the colours and send your viewers to their optometrist.

Take a look at the colour scheme we implemented in Barbuto‘s web design.

Web design for Barbuto

Let’s sum it up. Ultimately your website needs to sell your brand experience through the power of storytelling. Create your brand’s image and story through the little things, they may not hit your viewer all at once but subconsciously these are the things they’ll remember the experience by.

Have a question about your web project? Send your inquiry here.

Speak soon,

The Broccoli Army