2014 introduced web design trends such as grid layouts, flat design, background videos, increasing capabilities of HTML5 and CSS interactions. However, as we are a bit more than halfway through 2015, many of these trends have come to stay and even evolve in a short amount of time.
So, here is a list of 2015's version of web design trends that we have seen so far, and maybe a few that could be here to stay.
Huge Background Images
We are seeing that many new websites all over the web are featuring full screen background images along with rich typography and clever, but subtle animations. As designers, we are trying to keep our visitors engaged and nothing quite does the job like a huge beautiful photograph front and center.
Responsive Design is the new standard
Don't take it from me. Take it from Google and all of the other search engines. Responsive sites were an idea, then kind of neat but a designer's nightmare, to a design trend and now a standard. Moving forward, if your website isn't responsive or mobile-friendly, your SEO is toast.
Don't be afraid though, because there is an endless amount of possibilities to responsive design now that we are used to using it.
Grid-based Layouts (aka card design)
Responsive design has let a new type of layout take shape. Grid-based layouts, like Pinterest are quickly gaining turf. Designers are able to fit content on different types and sizes of screens, but we are seeing some clever solutions.
Scrolling over Clicking
New site designs published today tend to be longer in length. As more users are on mobile devices than ever before, it is becoming more common for the use of scrolling rather than clicking to display content, especially on homepages. Scrolling is easier (and faster as only one page has to load as opposed to clicking and waiting) and allows for more important information to be placed front and center without having to constantly click to find information.
Flyout/Slideout menus that look like apps
Designers are paying more attention to the overall look and function of a site across all devices, not just computer screens. With this move, we are starting to see design elements that look and act like applications. This allows for more content to be stored on nav menus.
With this trend, we are seeing a lot of the vertical navigation bars that stay put as the user can scroll through the content.
Another point to this topic is the hidden main menu. In the industry we call the 3-lined icon a hamburger because, well, it looks like a hamburger icon.
Very, Very Large Typography
Typography is back to the fore-front of our brains, and is looking better than ever. And with the help of hundreds of free Google fonts, it's like a breeze trying to find a cool font to use for your website. Typography can be cleverly used on a website to show hierarchy on a page. What better way to get your point across than a title in 218 point font size?
While embedding Youtube videos on a site are still extremely popular and relevant, a nice, large intro video playing in the background behind your large title is being seen on more sites. This holds your viewers' attention longer before they move on to more content. The longer a user stays on your site, the better chance they have to contact you.
I am excited to see these trends evolve even more as 2015 rolls on and looking forward to seeing what new trends come along. The web is always evolving and we are coming up with new ways to utilize it. By knowing what's trending you'll learn how to create websites based on the needs of your clients and the needs of the industry as whole. Good luck on your journey of discovery and quest for knowledge.