Card-based Web Design Benefits

The Selling Points of Card-based Web Design

Why has grid design become so popular?

By Emma Sherry


Staying up to date with key web trends and the latest thoughts on user experience is fundamental to what we do at Chorus. Card based website design is a trend that is growing in popularity and is also something that most users are very used to without even realising it. With more and more responsive websites and social media apps using card style design, it ticks all of the boxes in terms of an intuitive user experience.

The key is understanding what design trends will work for your website and your users instead of simply shoe-horning every trend into one site. For card-based design, there are some brilliant reasons to use it on websites, which is why it is becoming so popular and appearing around the web. We want to have a look at the benefits of this design and some of the reasons why it has become such a popular format for websites including our own website.


Made for mobile

Using grids or cards enables an extremely simple and clean mobile experience, which is one of the most important factors in web design today. As we move to a responsive and multi-device age, cards can easily be formatted to fit any sized-screen.

Content needs to fit on different types and sizes of screen, and cards are the easiest way to make that work across platforms. Haraldur Thorleifsson, UNEO
Grid Web Design Benefits

Bite-sized information

The main benefit of card based web design in my opinion is that cards are ubiquitous; – they are in our wallet, childhood games were based on them (from Panini football stickers through to Top Trumps), business cards, birthday cards, Dulux paint colour swatches, vouchers etc. Cards are everywhere and an integral part of our everyday lives so why not use them on a website to efficiently deliver content in a way we can all relate to?

In an era of mass information, cards give users quick snippets of information making it easy to consume content quickly and easily. For the generation of TL:DR (too long: didn’t read) it avoids overwhelming users and allows them to just pick the content they think will be most useful to them without having to sift through reams of…. where were we? With users dictating their own web experiences and information consumption it’s vital to build a web experience that encourages and embraces this.


Anything’s possible

Cards are extremely flexible and can be manipulated in so many ways – you can flip, stack, shuffle, hide, group, spread-out, fold, expand, embed media, tag, trend, make sticky – you get the gist. With HTML5 and CSS3 the possibilities are endless however no-one wants to go back to the days of the smiley overuse - a clean, easy to consume, less-is-more approach for the best user experience is key.

Who’s using them?

Because of all these benefits the web is starting to see card or grid-based designs all over the place. The original propeller was Pinterest and other social media sites have followed suit: Google, Twitter , MySpace, Sky News and lots more sites with a lot of information to present.... Like this website!


Have a look at some articles from industry leaders Econsultancy and CreativeBloq talking about the benefits of card-based design for websites.


Send a message