noBul Media is merging with Treefrog Inc!
1 (877) 304-5812

Our Blog

Top 10 Web Design Trends of 2015

2015-06-05

Web and graphic design saw huge growth in 2014. The biggest trends of last year were flat design, mobile first responsive design, grid layouts, parallax scrolling and video backgrounds. In this blog post, we’ll focus on the trends and technologies that we think will define the design world in 2015. Let us know what popular design trends you think we’ll see throughout the course of 2015 by connecting with us on Facebook, Twitter, or in the comments.

 

1. Card Design

What exactly is card design? It is a structural pattern for displaying information in blocks (like Pinterest or Instagram). It’s perfect for use across multiple platforms and already very popular in blog site design. Card design is the perfect way to display content in an uncluttered and easy to use manner. This trend will continue to expand across apps and websites.

 

2. Evolved Responsive Design

Last year it was one of the most repeated pieces of design advice for 2014 was "If you’re not mobile friendly, you’re losing clients.” Same goes for this year, however in 2015 we expect responsive design to evolve even further. Until recently, most of the emphasis on responsive design was to make the site look great on desktops and only okay on mobile devices. This year, more web developers and designers will focus on making every experience look great - no matter the device being used.

 

3. Longer Scrolling Sites

This new trend directly reflects the bigger trend mentioned above: responsive design. Now that mobile devices are more common than desktops, scrolling will dominate clicking. Users prefer scrolling to clicking simply because it is easier to preview your information on one page than it is to click through multiple pages.

 

4. Dynamic Backgrounds

With the expanding HTML5 and CSS Animate features, we can expect designers to include more cutting edge dynamic backgrounds in their web designs. High quality videos mixed with clean and crisp design will become very popular in 2015.

 

5. Bigger is Better

In 2015, more designs will feature oversized headlines and bold type. Effective, powerful and simple.

 

6. Unique Navigation Menus

We saw this trend emerging in 2014, and it’s a trend that we think will gain popularity in 2015: creative animated navigation menus. We will start to see more slide down or slide up, push left or right, popup navs on mobile and even desktop websites.

 

7. Motion provides Meaning

Whether you love or hate them, subtle parallax scrolling and animations are sticking around in 2015 with more and more people adopting this trend in their designs.

 

8. Ghost Buttons

Subtle hover animation on buttons have always been popular, and this year the big trend is ghost buttons. They’re simple, stylish, sleek and pair well with large background image and video. These are not intended to be the main call to action, and so they are perfect for decluttering a design while still including the necessary navigation.


 

9. Storytelling as a Marketing Tool

Telling the story behind your brand or product can do a lot when converting visitors. We’ve seen this in the past with infographics. In 2015 we will start to see more interactive webgraphic stories. An emotional attachment will connect you with your clients and makes your company more relatable than your competitors, while keeping the user focused reading a story. Real stories and real people have a stronger impact than fluff filled content.

10. The Rise of Material Design

Last but not least, we will see many designs inspired by Google’s Material design language. Google’s recently released ‘Material Design’ guidelines are essentially no fuss, simple, core design principles. Material design incorporates patterns, styles and interaction design across different platforms to mimic real tactile material like paper and ink using lighting, depth and animation. A user will scroll through a web page and experience scrolling effects, transitions, interaction designs and beautiful layouts.  

comments powered by Disqus