Wednesday, May 1, 2024

10 Brutalist Websites to Inspire Your Next Web Design Project

brutalist web design

After that, Marjan van Aubel’s solar installation felt like a necessary exhalation. Near a generous seating area covered in mirrors, visitors navigated holographic trees and stepped onto a platform within a white cube. Meanwhile, if design week go-ers wanted to guess what may lie within the impressive walls of the Ralph Lauren Palazzo, the Jaguar XK120 Roadster parked out front would be a helpful clue.

Where brutalism began

This Marcel Breuer–Designed Brutalist Building Has Reopened as a Net-Zero Luxury Hotel - Architectural Digest

This Marcel Breuer–Designed Brutalist Building Has Reopened as a Net-Zero Luxury Hotel.

Posted: Wed, 01 Jun 2022 07:00:00 GMT [source]

Vibrant colors, large geometric objects and the overuse of flashy photos create a visually striking design. This Wix website example screams "look at me" and engages visitors into browsing. As sleek and polished interfaces dominate the web, many designers want to figure out how to make a website that’s a refreshing departure from the norm. The visual style is inspiring a new movement of distinctive and impactful website design that sparks interest in users and allows brands to stand out from the crowd.

brutalist web design

Clashing Color Palette

I do challenge you, though, to try to make a brutalist site. Boiling the whole thing all the way down to the essentials will make you confront your preconceptions, as well as your strengths and weaknesses. Sure, it’ll be brutal, but you’ll come out of it a stronger designer. Not a design you’d find on a major news outlet (wouldn’t it just be fun to see editorial marks on CNN?), but for a designer or agency who has relatively slow updates, this style would probably work well. Check out some truly inspiring examples of web type at work in Webflow websites built by the community.

An exhibit celebrates the brutalist playgrounds of the past, as should we all - Kill Screen

An exhibit celebrates the brutalist playgrounds of the past, as should we all.

Posted: Sun, 06 Dec 2015 08:00:00 GMT [source]

Brutalism vs. minimalism

In conclusion, Brutalism architecture in California has played a significant role. With its bold, unapologetic appearance and its focus on materials and the natural environment. Continues to captivate architects, designers, and the public alike. The good news is that by adhering to the other guidelines, your website will download and render quickly. By embracing its nature and materials, a website adhering to Brutalist Web Design is fast. It allows the system of network, browser, content, and operating system to work together smoothly and efficiently, as they were designed to.

This website depicts brutalism at its finest, with all the yellow, red, and grey hues, straight lines, the interesting layout shape, and the bold typography. Because of all the skillfully designed elements, it is a true pleasure navigating it. At first, you may feel confused as to how to explore it, but once you take a good look at the way the content is organized, that’s when all the fun starts.

brutalist web design

Since around 2014, brutalist websites have flourished under a very different intention. The adoption of the term “brutalism” to describe digital design appears to have originated with Pascal Deville, co-founder of the creative agency Freundliche Grüsse. He started up brutalistwebsites.com to catalogue the new online phenomenon he was witnessing. The term "brutalism" originated in the field of architecture. "Brutalism" comes from the French word "béton brut," which means "raw concrete." This style emerged in the mid-20th century, primarily in Europe and North America.

Creating a User Experience Survey: Your Ultimate Guide

Pictures follow the movement of the cursor, leaving a colorful, indelible mark behind. And even though we can’t say that it’s exclusively brutalist, its bold creative solutions unmistakably ooze brutalism. The homepage of Emilie Vizcano’s portfolio site is filled with textual content, containing information about the artist, her contact details, and the names of her projects.

AB[Screenwear]’s brutalist website looks pretentious, so much so that you can hardly find your way around it. There are some links displayed on both the left and the right side of the screen written in the HTML style, inviting you to discover more about the brand. On click, visual content related to the selected link shows up on the screen, fully immersing you in this peculiar web experience. Their online shop looks less wild in comparison to the rest of the site, but it’s still quite extreme and very brutalist-looking, with bold typography and striking visuals. AB[Screenwear]’s in-your-face approach to web design undoubtedly helps them capture the attention of every visitor and allows them to stand out from other fashion brands.

To be true to that nature, the content must be readable in all browsers. Some browsers, such as screen readers, have no screen at all. The web has moved on since then, but good (or maybe good-bad?) design hasn’t. On the other, it’s about being punk af and making the user work for whatever they get out of your site.

Another hit was Sam Ross’s bright orange, brutalist plumbing maze for Kohler set at Palazza del Sanato; with its focus on engineering, it was a sculptural marvel. Architecture, including the iconic Geisel Library and several buildings on the university’s main campus. Our Los Angeles website design agency is here to transform your digital space into an immersive journey. Reach out today and let's craft an online platform that leaves a lasting impression.

Brutalism may be about breaking the rules, but there are some common elements we can observe across the many brutalist web designs out there. Brutalist web design delights in pushing against the status quo. It’s similar to the first wave of punk rock that rebelled against the watered-down 1970s music popular at the time. Where traditional web design is more Tom Jones, brutalism is more Johnny Rotten.

Even though there is no any download link, you can still contact the designers if you are interested. Patrick David is a creative website or mobile app design studio. The online website of this design studio also uses the brutalism design style.

Marc Schenker at Web Designer Depot argued that the minimalist approach leads to an increase in conversion rates. In fact, citing a study by Soasta he argues that mobile websites that load 1 second faster result in 27% higher conversion rates. Rick Owens’ website is not only a brand showcase website but also an online store. This means that higher conversion rates are directly impacting sales. I personally see the minimalist UX/UI approach as a middle ground between fully artistic style (which we will explore next) and the purist approach which we looked at previously.

No comments:

Post a Comment

Hair Color 101: Everything You Need to Know Before Dyeing Your Hair

Table Of Content Semi-permanent Colors Can You Put Semi or Demi-Permanent Hair Color on Wet Hair? Pros of Dyeing Wet Hair Some of it can...