Sign up for Madak Monday

Apr 24

Web Design Trends of 2018

Part of attracting new customers to your business is maintaining a good web presence. This includes social media, but for many businesses, a website is the primary way customers will learn about you and what you can do for them. The way you “dress” your website is an important step in establishing credibility with your customers. You wouldn’t wear a ball-gown to a baseball game; and you shouldn’t let your website become out-of-date. Here are some things you can use to “dress up” your website.



Broken Grid Layouts

If you think about the times of MySpace, each element had its own space within a grid. Elements didn’t interact. It was a flat page where text went in one place and photos went in another.

There’s a new way of organizing web pages: the broken grid layout. This layout allows different elements to drift on the page. Text and images can overlap and drift into each other where there would normally be a clear division.

Here is one example of a broken grid layout by Rottefella



Imagery is everything. It can clearly convey concepts without words. A lot of imagery that we have used in the past came from stock photos, gifs, or original photos. But now, illustrations are coming to the forefront. Illustrations have the ability to bring more abstract concepts to life, when compared to editorial or lifestyle photos.

With a drawing, you are able to add more elements to convey a deeper message. With photographs, you are only showing the product’s human dimension.

Having illustrations allows ideas like race or gender to be left to the imagination; making it easier for people to personify themselves with your product. If you use a photo of a person on your website, you are constraining your product to personify that one type of user.

Here is an example of an illustration by


Organic Shapes

When you think of web design, you might think straight lines and sharp edge text boxes. More recently, there has been a shift from hard lines, to soft, rounded curves. If you think back to the early days of Facebook and Twitter, text boxes and profile avatars have gone from a square, to a more upgraded circle. Everything from the edges of your Facebook feed to the box around each comment is rounded out. And it’s not just these elements that have changed, lots of sites have odd shapes and curves and diagonals to make sort of a cartoonish look/feel to real life elements.

Here is an example of a landing page that uses organic shapes:


More Interactions/Animations

Gone are the days of scrolling through long, flat pages of images and text. Having a website that has interactivity and motion will help engage your page visitors and keep them on your website. It is tempting to place static information on a page for viewers. For example, a list of employees in your company. A better way is to make information move and be presented to viewers piece by piece as they scroll through your page calling attention to itself.

A great example of this is from