5 Top Trends in Web Design

Categories Articles

Web design is a constantly evolving animal, and it should remain so. But every now and then we sit back and take notice of design techniques that show up more and more often in that evolution, and learn from their strengths and weaknesses. And trends are just that movements in web design that for one reason or another begin to pick up speed. Those who spend their lives on the web (like me) start seeing certain elements of these trends repeated over and over again, and sometimes we see those trends lose steam and bottom out. In any discussion of design trends, you’re bound to get a bit of backlash from web professionals who prefer either to push the envelope outside current trends or to lean on stripped-down techniques and a simple approach. Either way, here are the top five trends I’ve noticed as a casual web observer.

Eye-Catching Entry Pages with Moving Parts

I started seeing this trend most often on the websites of photographers (see an everyday example here). Once I took notice of it, though, I started seeing it everywhere as a way of adding something splashy to an otherwise straightforward site. For instance, the design of the Westbury Library site in New York is straightforward throughout, yet still manages to draw you in through an eye-catching intro with elements moving across the screen. While splash pages have been called a no-no by Smashing Magazine, the mag did admit they served some purposes, particularly if you hybridize them and incorporate navigation functions so they don’t bomb in user-friendliness. No-no or not, splash pages and eye-catching intros with moving parts are a trend that’s not going away any time soon.

Sites Built Using HTML5

HTML5 and other emerging technologies will continue to change the face of web design for those who are willing to set aside their old bag of tricks for a while and learn how to use them. Here’s one built using HTML5 I picked up off of a site dedicated to finding other sites using this technology. Of course, the site that popularized this technology is the ubiquitous Wilderness Downtown site.

Sites with a Huge Central Image

No sooner do you go to a site, then BOOM. You have a huge, central image dominating the page, with all content/navigation tools placed along the fringes. For designers who hold with Smashing Magazine that splash pages and too many moving parts in an intro will take users too long to load or are otherwise not user-friendly, using this approach provides the same visual impact. South Bay Law Firm’s website provides an everyday example of this.

Horizontal Scrolling

Smashing Mag picked up on this trend earlier this year, and I agree that I’ve been seeing a whole lot more of this. Instead of users scrolling down vertically like we’ve come to expect on the web, sites are now spreading out east to west, or horizontally, which allows for pretty cool visual effects. The site for The Horizontal Way showcases just how great this technique can be. My favorite pick from this site is the band Evanescence’s UK site.

Use of White Space

Blame it on the minimalist movement, but more and more designers are using open and less boxy layouts that are uncluttered and simple. The difference between these sites and overly simplistic ones, though, is that these designers do it on purpose. Good examples are here and here.

Alvina Lopez is a freelance writer.

  • After reading this I imagined an epic website built with HTML5 and horizontal scrolling.
    I’d also want to add hand-drawn layouts. They make me say wow everytime. :)

  • Is this from 1999? Oh, no, we called it DHTML then.
    Nice to see all the same faux-pas still going strong.

  • Hi Alvina Lopez

    Can you tell me if these websites are being overly simplistic? :)


    Kind regards & great article by the way :D
    Christina Bruun

  • “Eye-Catching Entry Pages with Moving Parts” = Flash Splash Pages

    “Sites Built Using HTML5” = Sites That Need A Certain Browser For The Full Effect

    “Sites with a Huge Central Image” = Sites That Look Way Different on Mobile

  • Yep, them be the trends! And I like it so much better than the slick, glossy, bubbly, shiny style of yesteryear!

  • I have to take some HTML5 classes… any suggestions/tutorials?

  • I like html5 sites that you pointed out. They look very nice to me.

  • Yes I like the atricle nd would like to take classes for HTML5

  • Horizontal scrolling… a seasoned user’s nightmare.

  • I really like website with huge central image though I always have trouble making these kinds of designs. Can’t really figure where to find good images. =/

  • I like some of the examples you have given, felt the ‘Sites with a Huge Central Image’ example was a bit poor, I prefer sites like that to be full screen.. But apart from that, great post!

  • Don’t forget the use of lightbox to view images. I think lightbox is a great idea but it’s just being overused these days.

  • Nice article, and thanks for the html5sites mention!

  • I definitely see these trends in a lot of websites. I can see why you picked them.