#BlogBabe Alert: Web Trends To Look Out For

2018 so far has brought in new ideas for fresh and memorable web design looks. Don’t get us wrong, staying classy and simple works, but when it comes to your web look, it’s also important to be alert of the current trends.

90s-inspired looks may be trending in street fashion right now, but as users’ online behaviors are changing rapidly, you can’t afford to be stuck in the 90s when it comes to your web design. 

As you may have noticed, the CD website has recently received a massive makeover. And if you think it’s a high time to redesign your website as well, why not consider these current sassy and savvy web trends that are making their way around the online eco-system…

BRUTALISM & WEBSITES 

Let’s start with a quick art history recap: the Brutalism approach to architecture emerged in the 40s-50s in Europe. Despite what you may think, “brutalism” doesn’t come from the English adjective “brutal”. It derives from the French term “béton brut”, meaning “raw concrete”. 

This architectural trend promoted building clean, raw and décor-less buildings that could be executed quickly with minimum fuss. Some of the notable features of such buildings were:

  • Repeating patterns.
  • Bringing the construction materials to the surface, rather than attempting to conceal or beautify them.
  • Prioritization of clear core functions. 

And in late 2017, Brutalism gained traction in a new domain – websites.

Image source: Awwwards.com

The aesthetics of such websites can be described as bold, postmodern, minimalistic and grunge.

Some of them use repeating patterns that channel the geometry of Brutalist architecture. Others aim to be honest about their “materials” e.g. stripping the page of excessive décor elements and profoundly highlighting the hyperlinks with blue (as it used to be back in the early internet days).

The Brutalism web trend has emerged in response to the increasing similarity between commercial websites and social media platforms – design according to the same “best practices” and therefore, at times, lacking a unique personality.

Now, Brutal websites may not be for every brand or blog. But that doesn’t mean that you can’t introduce some “rebellion” into your website and sprinkle some artistic font pairings here and there – or toy around with the cursor look on some pages.

WEBGL/SHADERS

Video source: Awwwards.com

Now, this may get a bit techy, so bear with us. You’ve probably seen some of these sites already.

The technologies behind them are called:

SVG (Scalable Vector Graphics) – this is an XML-based specification that allows the display of both vector and raster graphics in the browser, statically and animated. The technology allows beautifully visualized data on your page or animated elements. SVG can make the user experience more stunning and intriguing, giving your brand a certain cool vibe. You can see examples here.

WebGL (Web Graphics Library) API – this allows you to render and integrate 3D content with HTML, using the computer’s graphics card. As GPUs are getting better and better, you can now create more stunning 3D and video content for the web, with numerous effects and unique aesthetics, e.g. create the trendy glitch aesthetics like the below and here!

Image source: Awwwards.com

CURSOR INTERACTIONS / GESTURES

When you think about mobile app interactions/gestures and website interactions, you’ll realize that there is quite a difference. But there’s a new trend in web design trying to bridge the divide. Stunning new-gen websites now allow users to perform actions beyond swapping or dragging e.g. click and hold or drag & drop.

Take a look at the following examples:

Scroll with Distortion Effect on Drag Interaction and Drag, Touch & Gesture Interactions

Such gestures add additional depth to your website – encouraging users to click around more to explore your content and more importantly keeping their attention. These experiences are more intuitive, again encouraging the user to seamlessly explore all your site has to offer.

Subtle animations, micro-interactions, and creative navigational gestures give your website a unique personality and make your brand stand out from the crowd. Not to mention the UX benefits you reap after implementing such interactions.

The world of the web never stands still and we expect to see even more stunning design changes in late 2018 and onwards. In any case, we’ll keep you posted on all the latest updates!

Leave a Reply

Your email address will not be published. Required fields are marked *

End of content

All posts are loaded