Web Design Trends To Watch For In 2012

Web Design Trends
If you don’t keep up with the current web design trends your website may no longer attract visitors and/or the search engines. For example I haven’t redesigned one of my static html websites for at least a decade. Even though I still get new clients and some pages still rank well in the search engines I’ve experienced a drop in traffic.


Because the website still displays an old design, is not regularly updated and no new backlinks have been added. My suggestion is not to procrastinate redesigning your website if you’re not converting visitors into paying customers.

7 Web Design Trends To Watch For In 2012

1. Website speed

Visitors lose patience if your website doesn’t load within a few seconds. Search engines also factor in website speed as part of their ranking formula.

Action steps

  • Avoid placing large graphics, flash or video on your web pages
  • Reduce the size of your graphics
  • Place all CSS and Javascript in an external file
  • Make sure your HTML validates correctly
  • Use CSS and XHTML instead of tables

2. HTML5 & CSS3 Standards

Over the past few years I’ve used XHTML and CSS to code websites however there’s been a push for HTML5 & CSS3 as more browsers begin to support it. Some of the benefits include creating drop shadows and rounded corners plus replacing flash which Apple products don’t support.

Action step
Begin learning HTML5 & CSS3 by implementing elements of it in your current designs. Only include the elements which are supported by current browsers.

3. Mobile design

Smart Phone users will outnumber computer users when accessing the web over the next few years. For instance I recently bought an iPhone and use it more often than my computer to surf the web because it’s portable. Not only can I quickly search for information but also check my email and update my blog.

Action step
Make sure your website and/or blog is mobile friendly. If you’re already using WordPress either install a theme that is mobile friendly or use a plugin. Delaying this process means you’ll be missing out on a lot of visitors who may be trying to access your website with their smart phone.

4. QR Codes (Quick Response codes)

These bar code-like black squares work in a similar way to scanning food items at the grocery store. When the QR code is scanned by a cell phone it instantly provides all the details for that specific business.

Action step
Add the QR code to your business card and website.

5. Static to Content Management System (CMS)

Static websites are usually not updated regularly with new content. Visitors and search engines are attracted to websites that constantly offer new content and integrate social media sites into their design. A CMS type site stores the content in a database, separates design from content and can easily be updated.

Action step
Convert your static website to a Content Management System such as WordPress or Joomla so you can easily add new content from a backend administration panel.

6. Web Fonts & Typography

With CSS3 and the availability of web font licenses, you can use free and subscription-based font libraries (such as Google Fonts and Typekit) to change the topography of your website.

Action step
Add some new web fonts and styling to your website to compliment the branding and styling of your web copy.

7. Videos

One of the main ranking factors is how long visitors stay on your web page. Adding video engages visitors because they can see and hear your voice as well as read your content. This helps get people to know, like and trust you before purchasing your products and/or services.

Action step
Create videos that showcase your content and use YouTube to help market your products and services.

Many more web design trends will emerge in 2012 but these 7 will help you stay ahead of your competitors who may remain stuck in the past.

Related Articles

SEO Trends to Watch for in 2012
What Is A QR Code And Why Do You Need One?
Web Design Trends in 2012

Download my free report…
7 habits of Highly Effective Traffic Generation


  1. the correct web site says

    I’ve gone ahead and included a backlink back to your internet site from one of my clients requesting it. I have used your website URL: http://www.drostdesigns.com/web-design-trends-to-watch-for-in-2012/ and blog title: Website Design Trends To Watch For In 2012 to be certain you get the proper anchor text. If you woud like to check out where your hyperlink has been placed, please e-mail me at: Fales@roggerxx.com. Many thanks

  2. Grace Pourvase says

    Ok so I am thinking about removing my site from Tumbler and get it to a WordPress site. I think this is a wordpress site right? If it is, may I ask where you got the theme? Thanks a bunch!

    • Grace..yes this is a WordPress site. It was a free theme I modified. I suggest selecting a free WP theme or visit Studiopress for professional themes.

  3. Came across the post while I was searching for design trends during 2011 and I see that HTML5 was almost launched during 2011, which did not go as expected. But did had a great start for a lunch.

    I had been making a report on design trends during every year and i am surprised to see the developments happened during 2011, which was extraordinary.

    Thanks for the post.


  1. […] Source: Web Design Discussion […]

Speak Your Mind