5 Elements of Web Design You Just Need to Get Right

Jul 18, 2016 | 3 Minute Read

Design is not just what it looks like, feels like, design is how it works - Steve Jobs

That doubt has no doubt crossed every businessperson's mind. How could something as superficial as how a website looks be all that important? After all, isn't the product/service/solution I am offering supposed to be all that people really care about? Despite your reservations, you keep stumbling across one study after another which proves that a modern, sleek looking website is in fact a great investment.

Unfortunately, the time when people were impressed with a simple solution packaged in a shiny box is long gone. The reason why you keep hearing about design being just so important is because today - people care about the experience they are being provided.

Everyone out there is telling people how good their product is how experienced they are, etc. Those who are winning the war however are focusing on telling their customers a story in which their solution simply fits. When the story resonates with someone, they usually become a client.

So without further ado, here are 5 things you simply need to get right in you want to get if you want your brand to resonate with your audience.

Grid layouts

You can have the most helpful content ever, but if it is not presented properly, it will be ignored. Grid based layouts are a great way to organize your content as they help you segregate everything into neatly laid-out columns, rows and boxes. By providing every piece of content with ample room on your website, you make it "snackable." As people today have more information to sift thru than ever before, they prefer to consume bite sized content instead of large, intimidating pieces.

Mobile friendly

If you have not taken mobile into consideration, then you are leaving a lot of money on the table! Try surfing a regular website on your smartphone, chances are you will find it hard to see and navigate. There are numerous mobile devices with their own screen sizes which make matters even worse!

Adaptive or responsive web design is common place today which enable the content on your website to dynamically alter its dimensions depending on the screen it is being viewed on. Adaptive websites will respond to the width of a browser's window at certain points, while responsive websites can morph as the shape of the browser window alters shape.

Typefaces and Content Organisation

Pick a font which works with your design. While Georgia, Sans Serif, Verdana and Arial are the dominant choices, you can go for unorthodox fonts such as Freestyle script if your website is on adventure tourism and needs to look chic and fun!

It is common practice to use 2-3 typefaces on a website, however don't choose more than 3 as it can appear stuffed and confusing.

Kerning refers to the space between letter pairs, while leading is space between the lines. Making judicious use of both of these is just as important as the typeface itself. Be advised though, too much space will look just as bad as too little, so play with it until it feels right.

Card based Web Design

Card type designs are a product of the mobile era, where websites needed to look good while presenting all the information in an easy to read manner. The web today is moving away from page style architecture and is focusing on aggregating content together into a single, holistic experience. Sites such as Pinterest, Spotify, Twitter and LinkedIn all have used card designs very successfully. If you have an online store, gallery or property website, then a card layout is the perfect design to try!

Content which is organized into card is also inherently snackable as it is organized into easy to read boxes. A responsive design also fits well with card design as they can change the number of cards displayed based on the screen size.


Remember, your audience is far too busy to be bothered with irrelevance of any kind, be it content or how it is presented. When trying to create an experience, it is easy to fall prey to fit too much into too little space. Look through that first draft a few times and see if you really need that line/paragraph/picture, if the content can do without it then take it out.

Navigating through all the facets of web design can be daunting, when done properly. If you are stuck for ideas and want a helping hand, then feel free to contact me. With years of design experience I know how to get a website looking, feeling and working just right to tell your story, send me a line and I will be happy to help!