12 Jan

5 Website Design Trends We Will See in 2013

Looking to revamp your Website design in 2013?

MarioKart Will, Parallax ScrollingAre you in the market for a Website, or looking to give your current Website a face-lift?  Well then, listen up!  Allison Howen, Associate Editor of Website Magazine just listed the top five trends in Website design.  With the popularity of smartphones and tablets, Websites really need to step-up and conform to be viewed not just beautifully from platform to platform, but they need to perform effectively as well. Hold onto your virtual hats – we’re going to see some outstanding groundbreaking elements on websites this year!

Responsive Website Design

With new technology at our fingertips, as consumers we’ve become somewhat hard to please when it comes to how we view our digital devices. We expect Websites to perform the same no matter whether we are using our laptops, Kindle Fire, or iPads. A hot trend in 2012, responsive Websites are once again in the forefront of great Web design. Developers have been steadily working to create coding that will allow Websites to be optimized for optimum performance, and uniformity, no matter which device you are using. Learn more about responsive Website design at http://adobe.ly/WB3qUG

Image Tiles / Pin Boards

In 2012 we saw Pinterest explode onto the scene. Pinterest has become a hit – and so has its interactive pinboard design layout. We are all so visual. Images are such eye-candy for many of us. Honestly, I can’t believe that someone didn’t figure this out long ago. The format easily allows users to engage and interact with other ‘pinners’ while having so much fun at the same time. Even eBay took its cue from Pinterest and began using the image tile layout on their website.  Interested in turning your website into a pinboard? Check out http://aboutecho.com/

Parallax Scrolling

Allison Howen explains this highly innovative design as a technique that enables “developers to build a single-page site with multiple layers, which move across the screen at different speeds as visitors scroll”. Parallax scrolling adds unique and engaging visual effects – and I have to tell you, it made me a bit dizzy to use. Not sure what the heck I’m talking about?  Check out MarioKart Wii to see what I mean. http://www.nintendo.com.au/gamesites/mariokartwii/#home

Typography

Typography has always been an important element in Web design…in any design for that matter. Brochures, business cards, book cover design, product packaging, television advertising, and, many other applications. In Website design, however; typography takes on not only a visually appealing role, but it also defines the hierarchy of the content. Web designers use type as a way to highlight certain areas of the Website to ensure that the visitor’s eyes are drawn to certain items. Typography also has a way to solicit certain emotions, which can set the tone of the Website. Look at some Google Web Fonts at http://www.google.com/webfonts

Social Feeds

I’m assuming that everyone has added social sharing links on their websites. You know… those little buttons people can click so they can share your Website and Blog content with their friends on Facebook, Twitter, and Linkedin. Well, it seems that there could be more.  First, remember the image tiles Pinterest successfully implemented on their Website? Adding a pinboard is one way to create more social interaction and connectivity with your Website’s visitors. But there are other options as well, from jQuery plugins from Socialist.com to create a single social media stream from multiple social network feeds (http://plugins.in1.com/socialist), to apps from the AddShoppers (http://www.addshoppers.com/) platform so you can monetize your social shoppers.

Okay, I’m going to admit something to you – some of this stuff is way over my head, but it sure will be fun trying to learn this new technology! What about you?  Will you be dipping into Parallax Scrolling or adding a pinboard to your Website?  I would love to hear your thoughts!

Eydie :)

One thought on “5 Website Design Trends We Will See in 2013

Leave a Reply

Your email address will not be published. Required fields are marked *


nine + = 17

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>