20-freshest-web-designs,-november-2019

Every month we roundup the freshest new web sites that have been released in the previous four weeks, with an eye-out for new ideas.

In this month’s collection we’re seeing some minor trends, like the return of sliders, over-sized text, and liquid effects. But the biggest thing of note is a brand new trend: brutalist typography and layouts, made more appealing by soft, feminine color palettes. Enjoy!

Wolff Olins

Globally renowned agency Wolff Olins’ new site is engagingly simple, but when a company like this embraces a trend, you know it’s got staying power. Edge-to-edge text, and a brutalist approach softened with color, are both evident.

001-wolffolins

Universal Sans

Universal Sans is a variable font with a pretty awesome site that allows you to adapt the font for your own purposes. For many of us it’s as close as we’ll get to designing a typeface. Once you’re happy you can even buy your customized font.

004-universal

Warner Music Norway

Warner Music Norway embraces a traditional slider to highlight some of the artists it represents. It works because there’s no text to read, you either recognize the musician or you don’t. Scroll a little and you’ll find on-trend brutalism.

005-warner

Ackee

Ackee is self-hosted analytics software. Its site opts for a bold typeface for headings, and makes use of some beautifully illustrated palms to introduce brand colors. The subtle animation does an excellent job of illustrating how the product works.

007-ackee

Redscout

Redscout’s logo is big and bold, and stretches across the screen. It stays fixed in place as an outline as you scroll, before getting bold again when you reach the bottom of the page. The black text on white, and the overlapping grid is classic brutalism.

018-redscout

Low Intervention

Low Intervention embraces several of the current trends, most notably the liquid effect, and brutalism toned down by the use of a sophisticated color palette. Brutalism is still the dominant theme, with edge-to-edge content, and little whitespace.

002-low

Marble

Marble’s purpose is to bring together art and science to tackle some of the problems faced by children around the world. Its delightful site features maze-like text, with dozens of marbles rolling around referencing both problem solving, and play.

008-marble

Hypergram

Never let it be said that you can’t make the logo bigger. Hypergram’s logo takes up the entire page, obscuring the portfolio. The changing background color is a nice effect, and offsets the work in the slideshow perfectly.

012-hypergram

Vahur Kubja

Vahur Kubja’s site is one of the first sites we’ve seen to adopt the latest design trend: it’s relentlessly brutalist in all but one respect, the color scheme is a sophisticated minimalist palette of green, peach, and pink.

009-vahur

Mutha

Mutha’s site is big, brash, and bold. With heavy black text. Not the style you’d expect of a skincare company — which would typically be light, gentle, and unassuming. Which is exactly why this brutalist site stands out.

011-mutha

The Happy Hero

If you’re a big fan of this year’s brutalist trend, then you’ll love this micro-site for The Happy Hero, a self-help book about positivity. The site’s adopted brutalism and then subverted it, drawing inspiration from both Pop Art and De Stijl.

013-happyhero

Devialet

Most people browse the web with the sound off, which presents a challenge to companies selling audio products. Devialet solves the problem brilliantly, with a swirling galaxy creating the impression of depth, range, and power.

014-devialet

Bruno Simon

What can you say about Bruno Simon’s site, other than you have to play it to understand it. Drive the toy truck around the site, knocking over awards and breaking the scenery. It’s not practical, but it’s fun, and a great showcase for his skills.

006-bruno

Readymag

Readymag is a browser-based design tool for creating simple sites. Its landing page features oversized typography, which is impactful, and fairly daring for a company of this type. They’re laying their cards on the table right away.

015-readymag

Climate Adaptation Australia

Alongside the nice, bold menu system, Climate Adaption Australia features one of the very few effective sliders you’ll see. Sliders have largely been discredited as a design pattern with poor user experience, but in this case it works.

016-climate

Giovanni Rustanto

If brutalism is too much for you, you can let out a sigh of relief with this one. Giovanni Rustanto’s site is elegantly minimal in both visuals, and interaction. The pleasing burst of terracotta right at the end adds some much needed flavor to the color palette.

017-giovanni

1017 Gin

1017 Gin’s site is a high-class mix of glossy magazine layout, and coffee-table book. The one-pager is understated, with just a nod to trends with undersized images. The way the page splits when you click buy, is lovely, because it’s unexpected.

010-1017

Sedilia

Sedilia is a minimalish site, that exudes comfort, simplicity, and style. The product photography is great, but it’s the framing that makes the difference. The site also features excellent typography and an unusual choice of font (it’s GT Zirkon).

019-sedilia

Gyro

Gyro is another site that features over-sized typography, and again it’s the company logo. Move your cursor and it explodes in an interesting 3D effect. Gyro also has all the hallmarks of brutalism, tempered by a lovely color palette.

003-gyro

Dorian Lods

Dorian Lods’ site is another example of the trend common among developers at present: a liquid effect. This is a particularly standout version, not least thanks to the way it integrates into the rest of the site, as a device, not a crutch.

020-dorian

28 comments

  1. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is valuable and all. But imagine if you added some great graphics or video clips
    to give your posts more, “pop”! Your content is excellent but with pics and clips, this website could certainly be one of the best in its niche.
    Very good blog!

  2. Spot on with this write-up, I honestly believe that this website needs a
    great deal more attention. I’ll probably be returning to read
    through more, thanks for the information!

  3. My brother recommended I might like this web site.
    He was once totally right. This post actually made
    my day. You cann’t believe simply how so much time I had spent for this information! Thanks!

  4. Hi there to every , because I am truly eager
    of reading this blog’s post to be updated on a regular
    basis. It consists of fastidious material.

  5. My brother recommended I may like this blog.
    He used to be entirely right. This submit actually made my day.
    You can not consider simply how a lot time I had
    spent for this info! Thanks!

  6. Excellent blog! Do you have any suggestions for aspiring writers?
    I’m hoping to start my own website soon but I’m a little lost on everything.
    Would you suggest starting with a free platform like WordPress or go for a paid option? There are so
    many options out there that I’m totally confused .. Any recommendations?
    Appreciate it!

  7. Greetings from Colorado! I’m bored to death at work so I decided to
    check out your website on my iphone during lunch break. I enjoy
    the knowledge you present here and can’t wait to take a look when I get home.
    I’m amazed at how fast your blog loaded on my cell phone ..

    I’m not even using WIFI, just 3G .. Anyhow, wonderful blog!

  8. What i do not realize is in reality how you are now not actually much more well-liked than you might be right now.
    You are so intelligent. You know therefore significantly in the case of this matter, made me
    in my opinion consider it from so many varied angles.
    Its like women and men are not fascinated until it is one thing to
    do with Woman gaga! Your own stuffs outstanding. At all times take care
    of it up!

  9. Greetings from Florida! I’m bored to death at work so I decided to check out your
    website on my iphone during lunch break. I love the information you provide here and can’t wait to
    take a look when I get home. I’m shocked at how quick your blog loaded on my mobile ..
    I’m not even using WIFI, just 3G .. Anyways, awesome site!

  10. I was pretty pleased to find this website. I need to to thank you for your time for this particularly wonderful read!!

    I definitely really liked every little bit of it and i also have you bookmarked to look at new things on your site.

  11. I’m impressed, I must say. Seldom do I encounter a blog that’s equally educative and engaging, and without a doubt,
    you have hit the nail on the head. The problem is an issue that not enough
    men and women are speaking intelligently about. I am very happy that I found
    this during my search for something regarding this.

  12. I think the admin of this web site is genuinely working hard
    in favor of his website, because here every information is
    quality based information.

Leave a Reply

Your email address will not be published.