6 Web Design Trends for 2015

Dainius 2 years ago 3

As 2014 came to an end, it’s the perfect time to run through the major tendencies that defined Web design this year and spotlight the ones to watch out for in 2015.

This year is going to be really interesting. The Grid, an AI-driven website builder, which received a lot of buzz this year, is about to launch in the late spring of 2015. We can also expect to see Web designers putting a sharper focus on shadows, animations, as well as techniques for responsive re-sizing of typography and full screen videos. On top, the ever-diminishing gap between code and design should become thinner than ever before.

To step into the New Year inspired and ready for upcoming challenges, I’ve reviewed 6 Web design trends we should keep in mind when designing websites in 2015. Who knows, maybe some of them will make you to re-think your geeky New Year’s resolutions!

The Z-axis

google1

Source: Google’s Material Design

With the introduction of Material Design, Google has revealed a promising set of UI design principles, part of which we can expect Web designers will adopt in the nearly future.

One of the key things Google highlights in Material Design is the importance of the Z-Axis and elevation of design elements, what allows to separate different layers better and make design more intuitive.

google2

Source: Google’s Material Design

Although today this trend is more noticeable in app UIs, we can expect to see more Web designers starting playing with shadows on websites over the coming years.

Responsive full-screen videos

Full screen

Source: Dann Petty

Without any doubt, full-screen background videos and pictures have conquered websites during the last few years. The big visuals are a good way to grab attention and increase Web user engagement.

In 2015, Web developers and designers seem likely to work more on new techniques for responsive re-sizing of full screen visuals – especially of HTML5 video backgrounds – as people spend more and more time online using mobiles and tablets.

Ghost buttons

ghost button

Source: Oli Lisher

A ghost button is a button that has a fully transparent body and a basic shape form bordered with a thin line. It’s considered that the rise of flat design and full screen visuals on websites highly contributed to the adoption of this type of buttons.

Since flat design is at its peak and full screen visuals aren’t going anywhere yet, in 2015, we can expect to see more and more ghost buttons on websites..

Click-to-Scroll

click-to-scroll

Source: David Stefanides

Recent studies have shown that there are psychological consequences to endless scrolling that can hurt user experience. This mostly applies to bookmarking sites, blogs and social networks.

During 2014 you must have noticed the increase of click-to-scroll buttons on websites. Much to my surprise, even one-page websites have incorporated this type of buttons. Maybe it’s a sign that infinite scroll is about to sunset soon?

In 2015, we can expect more websites to complement an infinite scroll interface with click-to-scroll buttons.

Responsive typography

typography

Source: Caleb Royce Lummer

The typography-driven website was a hot topic this year. Beautiful type arrangements – unlike full screen background pictures – is something you can’t find in every website. As a result, it can be the medium to distinguish yourself in 2015.

Most Web designers agree that we will see better-differentiated and more responsive typography in Web design over the coming year.

Animation

animation

Source: Seth Eckert

Animation already plays a huge role in Web design. Whether it’s a short looped or scroll activated animation, it can perfectly replace static visuals and increase Web user engagement in content.

With the ever-growing support of CSS3 animations, in 2015, we can expect to discover more and more motion on websites.

Card-based design

card

Source: Haraldur Thorleifsson

The trend of using cards in Web design has been growing since the launch of Pinterest in 2010. As Google, Twitter and other big Web players had moved to a card-based UI, Web designers began to pay even more attention to it.

A card-based UI is simple, minimal and has many advantages over the traditional interface. First, it’s responsive. Second, content is distributed across a number of cards – what increases the readability of a website. And after all, it looks great!

Web professionals predict that the trend of card-based design will continue to grow in 2015 and we can expect to discover even more different use cases of cards during the upcoming years.

If you would like to add something, don’t hesitate to leave your thoughts in the comments below.

Dainius

UI Designer / Content Crafter at TrackDuck

  • Dainius, I agree with your points that you have categorized for the trends in 2015. At a high level, if the
    applications were designed and built to be easy to use, reliable, and easy to
    support then the suggestions you make would be much easier to implement or even
    unnecessary. Thanks.


    Custom
    Application and Software Development Company

  • The Ghost buttons and the Card design is definitely going to outperform in the coming future.

  • popular design

    Great Article on designing..

Get feedback and collaborate right on websites and images in real time

TrackDuck is a visual bug-tracking tool for web projects saving up to 80% of time spent on remote communication. It integrates with JIRA, Trello, Asana, Slack and all other major project management tools.