Damir Mujic

Top 7 Web Design Trends in 2015 – Is It a Time for a New Website?

Getting ready for website redesign? Perhaps even making new ones?

In that case, this article will absolutely help you find out what is currently used in the world of web design, in order for your websites to have a modern look. I have postponed publishing this article on purpose, i.e. I wanted January and February to end, since almost everyone’s keyboards were fired up about web design trends for 2015 during those two months. Certainly, even a significant portion of 2014 trends reappeared, but there are still some new ones. Nevertheless, my recommendation would be to take them into consideration and try to incorporate them into your own websites.

How did I get to the figure 7? Well, simply by analyzing around 10 blog posts concerning web design trends which I organized into an Excel spreadsheet, counted the trends and marked the number of repetitions in various articles from separate authors. The only condition was that a trend should be mentioned by at least 5 authors in their articles (out of 10). And here they are… 7 web design trends right in front of you:

  • Large images
  • Responsive design
  • Storytelling and interaction
  • Large typography
  • Flat design
  • Scrolling sites
  • Card design

Top 7 web design trends 2015

Large images

I wrote about this trend last year as well, and you could say that it will definitively come to life this year. Simply put, “big pictures are in”. Most frequently, images and sometimes even video are used as background images for websites, but generally they are used for the entire site. Those images need to be high-quality and professional. If you happen to have some unique ones that were made by you, then even better, since that makes you original.

These images are important because they “catch” one’s eye, as we always seem to notice and scan them before any other elements on a website. They attract attention and simply have to be present. A website without images is somewhat poor, empty, and lackluster.

velike-slike

Responsive design

Responsive Web Design (RWD) is a trend that is abundant for the third consecutive year. Out of all the trends, this one is quite possibly the most specific and, in my opinion, the most important one. To have both a desktop and a mobile version of a site in “one suite”, while using only one CMS for maintaining and updating the site – isn’t that great?

While using the RWD approach to web design, websites will be legible on all devices that clients use to access them. The need for zooming content in order to read an e-mail address or a phone number will vanish. This specifically refers to mobile devices (smartphones, tablets, phablets). Responsive design means that your site is “mobile friendly”.

In order for responsive web design to work as intended, great attention must be paid to the size of images, icons, and CTA (Call-To-Action) links. That’s precisely why the use of SVG elements is ever-growing.

There is a great article that explains what RWD is, what its basic principles are and how it functions – 9 basic principles of responsive web design.

Interaction

The core of the web is to create interaction between you and your website’s visitors. That interaction is achieved through the use of animation, video, and certain actions triggered by hovering over the particular elements with a cursor or by simply moving it up and down.

Having good content on the web is essential, and being able to convey a message and a story about yourself, your product or a service that you offer represents a huge plus. This interaction is exactly what is supposed to help you tell your “story” and eventually sell your product or service.

Examples:
http://dsnmfg.com/
http://melanie-f.com/en/

Large typography

The use of large letters, more precisely large fonts for titles, subtitles and website text in general, has become somewhat of a practice, and I like it very much. It is somehow more pleasant to read that kind of content, and it is easier to convey some more important messages. Furthermore, visitors will primarily read that, the title, quotes, and testimonials that are emphasized with an enlarged font.

velika-slova

Flat design

Flat or straight design has definitely seen an incline in the last year or two. This is a trend from last year that has happened to reach us this year. It is simple, flat, clean, and without too much kitsch or “makeup”.

The use of flat design leads us to a new term which Google presented in June of 2014, and that term is called “Material design”. The first thing web designers need to do is examine its main features. Who knows, it might be something all of us are talking about next year.

flat-design

Scrolling sites

You might have noticed that a lot of websites now use the trend of vertical scrolling through their content. Sometimes, through the use of this trend, one can achieve better user experience, since the need for clicking is lowered, as the only thing the user needs to do is move up and down – “Less Clicking, More Scrolling”.

Last year I singled out “Parallax scrolling” which has not taken hold as a trend, but can effectively be utilized to achieve interactivity. This technique of moving (or scrolling) actually allows controlling the depth of objects on a website, and in a way that controls the speed of moving the images, titles and other elements.

Example:
http://superherocheesecake.com/

Card design

This method of web design is intertwined with responsive design and represents a great tool for designers who implement responsive design while creating websites.
The use of “cards” in design makes the content highly modular and it’s very easily rearranged or adjusted to the entire width of the screen. That design is clean, easy and clear, just the way websites are supposed to be. You can read more about card design in the article Why cards are the future of the web.

card-design

 

Remember these 7 web design trends. Try to implement at least some of them into the design of your own websites. Besides this, pay attention to details that deter users, i.e. how websites shouldn’t look – What does a website say about you?

Search posts archive