We are proud to announce the launch of the redesign of one of our core properties – Wallpapers.com. As one of the oldest wallpaper sites on the internet, we didn’t take this task lightly. We implemented many improvements to enhance user experience; ones that we hope will enable our visitors to navigate and access our wallpaper content more easily.
The following outlines some of the areas that were affected by the redesign:
Design

One of the core visual elements that was upgraded was the logo. We’ve streamlined it to be bolder and more legible, and included subtle nuances that draw a nice connection to the different types of wallpaper content offered on Wallpapers.com. Keep reading and you will see the connection.
Before we talk about that though, those who are loyal Wallpapers.com visitors will have noticed a relatively drastic change in the redesign. Based on results from landing page tests, we noticed that users responded particularly well to dark themes, so we set about to implement these findings into the redesign – out with the eye-straining pastel green from the 80’s, in with the sleek, modern shades of charcoal gray with highlights of silky blue. The more neutral color allows the content to stand out and provides a sense of focus. Oh, and unless you are using an LCD screen, you might save a little on energy consumption on the side.


Speaking of focus, we’ve also reworked the layout of the site. Instead of poking around in random locations on the page to find content, everything has been baked into one central navigation bar at the top of the page. Easy to find and easy to navigate. We like easy. Once you find yourself in a subcategory, we’ve provided secondary navigation in the top right underneath the main navigation bar to explore content further.
One of the themes running throughout the site are the three unique content types available on Wallpapers.com – wallpaper, animated wallpaper, and our own custom developed wallpaper slideshow software, Wallery. We did offer all three previously, but some had higher priority, while others got almost no attention in the design. With the redesign, the primary focus is on wallpaper categories where all three content types are given (almost) equal exposure.
As an added bonus, we decided to make it easy for the user to identify what type of content they are browsing by color coding it. Near the wallpaper in question, you will notice three different icons representing each of them. For those with an eye to detail, take a closer look at the power light of the screen showing a preview of the wallpaper. Nifty! This then, is where we have this nice connection to the new logo, as mentioned above.

Don’t know what wallpaper, animated wallpaper, or Wallery is? Have no fear, convenient brief descriptions are here. With exception of the main page, these are always located towards the bottom of the right column, to provide additional insight as to what it is you are actually getting (hint: click on the title to browse just that type of content).

Generally speaking, we cleaned up the design, improved visual balance, equal spacing, and alignment, all adding up to more consistency and fluidity throughout the site.
Additional Features
Not only did we bring the design into the next century, we also added some tasty features in terms of functionality. They are aimed at giving the user the ability to engage with the site and increase stickiness. There really are three main features to highlight.
Like search within Google Reader, search functionality on Wallpapers.com was long overdue. Finally users are able to take matters into their own hands and navigate the content using their own input, literally. The new “Search” is easily located in the top right corner throughout the site. Also, since we’re talking about that vicinity of the site, it’s worth mentioning that we always display the user’s current screen resolution so they can easily match up wallpaper dimensions to their current resolution. For added convenience, we also included this feature near the download button on static wallpapers.
Additionally, to further engage the user with the site and content, we implemented a ratings system that allows the user to express their love or hatred (maybe dislike is a better word) for a particular piece of wallpaper content. Coupled with that (and that would be our third highlight) is the ability for users to leave behind comments.
We realize these are not revolutionary features, but basics any content site should take advantage of. Our users agree as they are heavily utilizing these features already.
Technically Speaking
Prior to the redesign, Wallpapers.com hadn’t been structurally updated for a number of years. The result was a mess of nested tables as incremental updates were made. The redesign allowed us the opportunity to clean the site up.

Since we value the benefits of web standards, we have gone extra lengths to ensure the site complies with W3C guidelines. As such, it now validates for XHTML 1.0 Transitional and CSS 2.1, meaning that we care about using semantic markup that adheres to best practices. The result is a strict separation of content and presentation, clean and easy to read code.
Furthermore, we now comply with Guideline 2 of the W3C Web Content Accessibility Guidelines (WCAG 1.0), which translates to increased accessibility when navigating Wallpapers.com.
We tested the site in various browsers and platforms to ensure that users have a consistent experience across the board.





Where to go from here?
All these improvements are great and users are responding well, but of course it doesn’t stop here. Wallpapers.com isn’t perfect (yet), but we’re off to a great start. We plan to implement continuous improvements to the site, both user-facing and internal.
Offering compelling content to our users is at the top of the list. Consequently, we plan to continually add quality content and, in fact, have already started doing so.
After the dust of the redesign settles, along with user feedback, we will seek and execute on any opportunities to make Wallpapers.com as great as it can be.
David May, Manager of Creative Services; W3i, LLC
David has been working in the design industry for over 6 years and carries a fancy B.F.A. with focus in Graphic Design. He’s a native of Germany and loves peanut m&m’s. He’s not only passionate about his family, but also everything related to the web and design in general.