Every website looks the same, and that’s ok

Default avatar.
October 01, 2015
Every website looks the same, and that’s ok.
Surely you’ve noticed by now that most websites for design agencies, designers, startups, or even products, and personal blogs all look a bit... similar. Even if you haven’t noticed, you’ve probably read about it. So how worrying is it that every website now seems to be a carbon copy of another? I can already hear the screams and the flaming torches of the angry Internet mob raging towards me as I say this: it’s OK. For the last couple of years, a common visual trend has started to be noticeable online. You’ve seen it before; a full-width website, with a full-width photo or video background, centered H1 text overlaid on the hero header, logo on the left, and hamburger button on the right (revealing a full-screen overlay menu). [pullquote]This is…a reflection of what users expect from a website[/pullquote] I might’ve just described Airbnb, your website, or even my own. This is also, in a way, a reflection of what users expect from a website. Design patterns exist to give an interface a proven and recommended layout for its function and controls, while bearing in mind the expectations of its users. The user is now very used to this kind of layout. Being recognizable and familiar, it feels comfortable to use. A designer, knowing that this formula works, keeps applying it, repeating the loop and avoiding innovation. Sticking too much to the same patterns over and over again ends up limiting creativity, and we’d all like to avoid it where possible. However, user expectations are something that have always to be considered when designing a website, because in the end, they are the ones who matter.

How did we come to this?

There isn’t just one reason, but several. The sudden boom of interest in flat design online — due to its simplicity — the evolution of responsive websites, and native video with HTML5, were all things that helped this visual trend become mainstream. All these technologies grouped together made it easier than ever to create more interactive, creative and appealing websites; and the biggest irony is that it also helped to create this standardized look. With the technological evolution that our devices and computers have gone through over the last couple of years, more and more designers want to make the best use possible of those devices. Responsive websites allow us to design incredibly flexible experiences that make the best use of our screens, from a small mobile phone up to our living room TV screen. CSS transitions, JavaScript and better and more frequently updated and standards compliant browsers, allow us to create an even more interactive experience that works great across devices.

Why reinvent the wheel?

Another point that helped with this common look are the proliferation of front-end frameworks. To simplify the creation and development of websites, several front-end frameworks have been created in the last couple of years. They come with prebuilt layouts and styles for forms, text and buttons, grid systems, and media queries to make it easier for developers to create a responsive website. Frameworks such as Boostrap from Twitter and Foundation from Zurb are used by developers and designers all around the world for their commercial and personal projects. This makes for quicker development, and lower budgets for their clients, all while avoiding the trouble of reinventing the wheel for common website needs. Themes and templates are being built, sold, bought, and used more now than ever. Nowadays, you can find really good, well developed and flexible templates that you can use and adapt to a variety of different designs and purposes, allowing designers (or even non-designers) to build websites without having an in-depth knowledge of web development. In a way, frameworks and templates are just helping to skip a step in the process of building a website. Think of it just like using a packet sauce for pasta: it won’t be as good as handmade, but it’s still delicious.

An Internet for everyone, by everyone

Almost everyone uses the Internet. It has evolved to the point where it’s almost considered a necessity comparable to electricity and water, because the Internet is knowledge, and knowledge is power. It is evolving in such a way that a “user” isn’t just a “visitor” anymore. They are creators as well, creating content and sharing their own ideas and points of view, be it through text, video or sound. And while everyone can create and share content, not everyone knows how to design or develop a website. So it’s for those people that resources like themes and templates are especially useful. Self-hosted solutions such as Squarespace are also allowing anyone to create a website on a visual editor and publishing it with just a couple of clicks.

Creativity is not dead

It is true, a lot of websites nowadays look really similar, but that doesn’t mean that creativity is dead. On the contrary, these are very exciting times for designers and developers, web technology has never been so powerful as it is today, and so native. [pullquote]these are very exciting times for designers and developers, web technology has never been so powerful as it is today[/pullquote] Browser support for WebGL, video, and audio on a webpage without plugins allows for even more creative uses. Plus there’s virtual reality, augmented reality, geo-location, built-in phone sensors, and Web Sockets to allow multi-device realtime interactive experiences. All of these technologies can come together to create great experiences and amazingly creative designs. It’s not about the fullscreen background video, it’s about the concept and content, and the creativity behind an experience. Focus on the capabilities of the devices, focus on the reach and potential of these technologies to create different and engaging experiences. Don’t do what everyone else is doing, and don’t follow the trend just for the sake of following the trend. Be creative and unleash that creativity through fullscreen and responsive websites, using 3D and video and audio, to create experiences, not just websites.

It’s OK

So no, I'm not worried that so many websites look alike. It’s simply a symptom of the common resources we have, and I believe it's a good thing that designers have more tools online to create their own content and to express themselves more easily. There’s actually a lot of great work being done everyday. Just keep an eye open for the award winning work on websites such as Awwwards; you'll be surprised by how much creativity is not being lost in a world of centered <H1> texts and video backgrounds.

Antonio Pratas

Antonio Pratas is a Digital Designer and Art Director, who also writes code for the web. You can follow him on twitter at @antoniopratas

Read Next

3 Essential Design Trends, November 2024

Touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of…

20 Best New Websites, October 2024

Something we’re seeing more and more of is the ‘customizable’ site. Most often, this means a button to swap between…

Exciting New Tools for Designers, October 2024

We’ve got goodies for designers, developers, SEO-ers, content managers, and those of you who wear multiple hats. And,…

15 Best New Fonts, September 2024

Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…

3 Essential Design Trends, October 2024

This article is brought to you by Constantino, a renowned company offering premium and affordable website design You…

A Beginner’s Guide to Using BlueSky for Business Success

In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…

The Importance of Title Tags: Tips and Tricks to Optimize for SEO

When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…

20 Best New Websites, September 2024

We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…

Exciting New Tools for Designers, September 2024

This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…

3 Essential Design Trends, September 2024

September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…

Crafting Personalized Experiences with AI

Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…

15 Best New Fonts, August 2024

Welcome to August’s roundup of the best fonts we’ve found over the last few weeks. 2024’s trend for flowing curves and…