Web Design Trends for 2013 Infographic

Posted by on Jan 14, 2013 in Blog | 13 Comments
Web Design Trends for 2013 Infographic

We could give you a tidy list of popular 2012 web design trends, but why not put the information in a cool infographic? At Trifunk, we are excited about the web design trends that popped up in 2012, but we are even more excited that it looks like they are here to stay for 2013. Our infographic lets you answer a few questions about your business to see if any of these trends would work well for you. Feel free to give us a shout if you want to give one of them a go!

Single Page – Single Idea:

The one-page website has been popular for a while, but this year, the concept is taken one step further and super simple single idea websites have emerged. Our favourite? Is it a Jewish holiday today?

Sticky Navigation:

When you’re visiting a site that requires you to continually move through pages, navigation that follows you can be handy. E-commerce sites are really making use of this trend, like Anthropologie.

Swipe Friendly:

As more and more people are switching to tablets and smartphones, some websites are encouraging their visitors to use the swiping function, browsing through their site this way.

Parallax Scrolling:

This is just cool. The idea is to have two or more parallel objects scrolling at different speeds. The result is non-animated animation. Basically, through having different scroll speeds, objects look like they are interacting and are extremely effective in narrative storytelling. In fact, one of our examples is even a wedding invitation!

Simple example: Atlantis World’s Fair
Suave example: James Bond 007 Cars Evolution
Romantic example: Jess & Russ

Pinterest layout:

We’re sure that there were designers creating pinboard-style website layouts before, but the popularity of Pinterest has skyrocketed the format. Using images in organized blocks has become a trend for displaying products, recipes, and portfolios.

Responsive Design:

These days, websites need to be fully functional on multiple devices (computers, smartphones, and tablets). Responsive design means that a website has been designed in such a way that it works on a variety of devices, instead of having to design multiple different forms of a website to solve the same problem.

Web Design Trends Infographic

Infographic
by Trifunk

You can embed this graphic on your blog or website. Simply copy the code below and paste it into your browser:
<a target="_blank" title="Web Design Trends for 2013 Infographic" href="http://trifunk.com/web-design-trends-2013.html"><img src="http://trifunk.com/wp-content/uploads/2013/01/blog-img.jpg" alt="Web Design Trends Infographic" border="0" /><br />
Infographic</a> by <a target="_blank" href="http://trifunk.com/">Trifunk</a>

13 Comments

  1. How TV and Movies get it right. Fictional web design in real life.
    February 7, 2013

    […] of websites, are you happy with yours? Take a peek at our post about 2013 Web Design Trends to see which ones might work for […]

    Reply
  2. Cool examples of Parallax Scrolling Websites
    February 21, 2013

    […] might remember our helpful infographic “2013 Web Design Trends”, where we used a flow chart to direct you towards web design trends for you to consider. I […]

    Reply
  3. HenryV
    March 1, 2013

    Nice Infographic! Responsive design will very much be the main thing this year with mobile devices finally overtaking pc sales.

    Reply
  4. Nice Infographic about webdesign trends. http://t.... - Impala Digital
    March 1, 2013

    […] Infographic about webdesign trends. trifunk.com/web-design-tre… […]

    Reply
  5. Carolyn Griswold
    March 2, 2013

    Loved the infographic and the examples of parallax scrolling.

    Reply
  6. 2013 Web Design Trends
    March 2, 2013

    […] Infographic by Trifunk […]

    Reply
  7. Nice Infographic about webdesign trends
    March 4, 2013

    […] Infographic about webdesign trends. trifunk.com/web-design-tre… […]

    Reply
  8. Responsive Design: Is Your Website Annoying to Mobile Users?
    May 2, 2013

    […] when we did that infographic about Web Design Trends for 2013? We asked you questions about your business and then suggested a […]

    Reply
  9. Pinterest users, take note of your influence
    October 1, 2013

    […] out our other infographic: Web Design Trends for 2013 and while you’re here, feel free to follow us on Facebook, Twitter, Tumblr, and […]

    Reply
  10. #daddyweek Infographic - Toronto Web Design, Website Designer, Webdesign Designers
    October 21, 2013

    […] out our other infographic: Web Design Trends for 2013 and while you’re here, feel free to follow us on Facebook, Twitter, Tumblr, and […]

    Reply
  11. TV + Business Strategy = Infographic
    October 28, 2013

    […] out our other infographic: Web Design Trends for 2013 and while you’re here, feel free to follow us on Facebook, Twitter, Tumblr, and […]

    Reply
  12. Serg
    March 2, 2014

    Loved the infographic by Trifunk.

    Reply

Leave a Reply