Design, More

The 10 Hottest Web Design Trends to Watch for in 2013

Share Fb Tw In
Kevin

Listen to This Article

audio player

Hottest Web Design Trends

Trends are unavoidable and, oftentimes, unexplainable. Nevertheless, many popular innovations represent a genuine need and have endured for many years, like cell phones, bendable plastic straws, and pants.

However, because of the far and wide reach of the internet, trends fly around unchecked, causing good ideas and trends to die or fade into obscurity (netbooks, MySpace), and truly awful trends (MIDI files on web pages, the term “swag,” various Kardashians) to go on indefinitely.

In the interest of encouraging good trends to flourish and warning you of questionable trends that should be squashed, we compiled a list of design trends that we think will become big news for 2013.

Get your Hands on the SmashReport!

And enter to win a FREE brand diagnosis worth $20,000.

*The SmashReport is a monthly newsletter for FMCG and CPG brands, helping them stand out in the competitive retail marketplace.

* indicates required

1. The Infinite Scroll

Traditionally, most web pages feature a display list of a finite number of items (articles, videos, items for retail) with the option of clicking a “next page” icon. The infinite scroll (or autopagerize, as it’s sometimes called) allows the visitor to remain on the same page indefinitely while the site continuously feeds information to the page. Facebook began using it in early 2012 and voila! The list goes on to Google, YouTube, Netflix, Pinterest, Tumblr. Everybody’s doin’ it!

The infinite scroll has its champions and violent haters. Champions think it looks cooler, allows the user to browse without disengaging from the website and is excellent for mobile users. Haters find it irritating because if you must click away, you can’t return to where you left off; you have to scroll down, down, down and further down to get to the information you need. It can also look choppy and isn’t ideal for all applications.

2. Spherical Design

For some, nothing is cuter than a page with little round bubbles. Circles add an interesting aesthetic element to web sites and easily fit into a layout.

But the appropriateness of spherical design elements depends upon the nature of the brand (it’s hard to take a site with little bubbles seriously). Little circles of text probably won’t suit the United States Marine Corps web page, but brands that want to speak to a young demographic in a hip, relaxed voice might appreciate it.

3. Illustrations

Websites that feature seriously detailed, cartoony illustrations integrated into site features will explode in 2013. They’re snappy; they hold your attention and kids love ‘em. Period.

4. CSS Transparency

Transparency is a beautiful web design feature when it’s applied with a light hand; it can give the look of a well laid-out brochure when it’s done tastefully. Now that most web browsers can support it, we’ll probably be seeing it a great deal more in future, especially combined with the next trend:

5. Big Ol’ Photographs

When a photograph is well composed, light and beautiful, it can make a stunning background. Get an expert photographer for this one, though. Using a smartphone picture you took of yourself in your bathroom mirror just looks ridiculous.

6. Stable Heading Bars

Why the hell was this trend so slow to catch on? It offers consistent navigation support and always reminds the user of what site he or she is visiting. Moreover, it looks great! Optimum user experience combined with beauty. ‘Nuff said.

7. Uniform Layouts

Provides consistent web design, no matter how the site is accessed, whether it is via smartphone, tablet or desktop computers. Gone are the days we visit a site on our phones only to see the layout fail, forcing us to hurl the phone across the room in frustration. Which leads to:

8. Vertical Layout

Typically, web designs relied on horizontal layouts; bands at the top of the screen that delineate the various page features. With so many people accessing the web on their phones, vertical layout has become more practical, since moving the page from left to right on a small phone screen can be irritating.

9. Full-Screen Typography

A bold design choice that lets the user know IN NO UNCERTAIN TERMS what the website is about and WHAT THE BRAND HAS TO OFFER by hitting you over the head with HUGE TEXT. This trend is especially good for people with SEVERE MYOPIA.

10. Sliding Panels

Sliding panels are a clean and easy-to-read option for pages that use many thumbnail images. Once clicked, larger images slide onto the screen below from right to left, like Tom Cruise slid into the frame in his socks in Risky Business (if you’re old enough to get that reference).

There you have it- trends, trends galore – and this is only the tip of the iceberg. Some are great; others not so much, but we strive to stay on top of them all. We’re swag like that.

Data-Driven Brand Development

Want a best-selling brand? SmashBrand is a brand development agency for FMCG and CPG companies. From brand strategy to packaging design testing, our Path To Performance™ process guarantees a retail performance lift. Book a time to discuss your project with our team.

The Only Agency To Guarantee A Retail Performance Lift.

discuss a project