// Timber Inspiration - 20 Top-Notch Wooden Web Designs

// May 20th, 2008 & filed under Showcase

Design is very subjective, isn’t it? I mean, you only have to work with a few clients before you realise that what you thought was glaringly beautiful, isn’t to the satisfaction of the customer.

Of course, your initial nigh perfect design, tends to spiral downwards from there, in accordance with client instructions.

Personally, I have a preference for quality minimalism, skilful colour palettes, or designs using natural textures. Among the latter, are those designs, which use wooden textures to invoke different emotions to the visitor.

It’s not easy to pull off the ‘wooden’ look. In fact, it can look tacky very quickly, particularly if a tiled image is in use. However, some designers have manged to create some high-impact websites, using wooden textures.

Here are some of the best I know of. Please feel free to point to one’s I’ve missed, by leaving a comment.

1. The Things We Make - Nice work. It possibly helped land him a job at Carsonified recently.

wood1

2. Armen Thomassian - Not sure who this rare boy is, but this is his Garden Fence ;)

wood2

3. Writing Web Words - Clean, crisp, nice.

wood3

4. Lucy Blackmore - This is design gives the impression that someone creative is behind it. It’s therefore no surprise to discover that Lucy is an artist.

wood4

5. Nebon Media - Excellent use of perspective. Take a few minutes to look around this little studio tree house.

wood5

6. Wire and Twine - A more subtle use of wood, but clean and effective.

wood6

7. Red Blu - If all Flash sites were as creative as this, I might be encouraged to actually learn it!

wood7

8. Viget Advance - One of my favourite overall designs here.

wood8

9. Ed Did It - I’m not sure what Ed did, but I’d say he’s happy to say he created this design.

wood9

10. Lesly G - One of the best wooden backgrounds I found. Nice.

wood10

11. We Eatt - I told my wife about this site today. But, to be honest, I wasn’t pointing out the background!

wood11

12. Candes Projects - Nice work by Cristian, good use of transparency.

wood12

13. Ecstatic Media - Background works well with the pastel colours.

wood13

14. Designed by Anderson - I don’t normally like the lighter wooden backgrounds, but this is very clean, and well executed.

wood14

15. David Hellmann - This design has been up for a while now. Got to love it though.

wood15

16. Avenue Creative - No messing about with this portfolio.

wood16

17. Carsonified - How many times have you seen this design? It never grows old!

wood17

18. Nando Designer - Good work.

wood18

19. Henry Jones - Another one which has been around for a while, but I love it.

wood19

20. Happily Create - A little too orange for my liking, but I love the grain in this wood background.

wood20

Did you enjoy this article? Please share it -


You may also like to read the following:

24 comments...What do you think?

  1. Posted by Curtis 20th May, 2008 at 5:23 pm

    Wood really warms up the web. Nice list.

  2. Posted by Michael Soriano 20th May, 2008 at 11:57 pm

    Wood / Timber backgrounds is still pretty fresh. This is a good list you got here - I also saw a similar motif in TV believe it or not (used as a background for text in a Car commercial). I think Web is leading the way for ground works in design.

  3. Posted by Armen 21st May, 2008 at 12:47 am

    Curtis,
    Thanks. Have you ever used it in any of your designs?

    Michael,
    Yeah, if you follow the CSS galleries, you’ll see that quite a few are using wood in their designs recently.

  4. Posted by Davey Boyd 21st May, 2008 at 12:49 am

    Very nice post. These examples are fine example of how to incorporate natural textures into stunning design.

  5. Posted by Curtis 21st May, 2008 at 12:57 am

    Armen,
    Yup, used some wood in a template I sold for the header. Only time I’ve used it so far. I think the hard thing about using wood is making or finding the texture. I think unless it is a convincing wood texture it can really hurt the design.

  6. Posted by Armen 21st May, 2008 at 1:06 am

    Davey,
    Thanks bro, and thank you for the Stumble too! :)

    Curtis,
    Yeah, it needs to look convincing, and many fail to do that. That’s why the tiled ones are particularly difficult to pull off.

  7. Posted by Henry Jones 21st May, 2008 at 1:09 am

    Thanks for the mention! Since mine has been around a while, does that make me one of the trend setters :)

  8. Posted by Armen 21st May, 2008 at 8:04 am

    Henry,
    Welcome my friend.
    Well, when I was designing a site with wood a good number of months ago, yours was on of the ones I looked at. If you’re not a trend-setter, at the very least you’re the source of inspiration for some of us ;)

  9. Posted by Henry Jones 22nd May, 2008 at 2:08 am

    Armen,

    Thanks! That is good to know :)

  10. Posted by Sander 22nd May, 2008 at 11:22 am

    Great post! Although I’m not really a wood fan, there are some interesting designs in your list. Avenue Creative wins for me (Dutch and good font usage)

  11. Posted by JamieO 22nd May, 2008 at 11:30 am

    Nice post! Carsonified in particular was a reference for me when I designed a site for Sawdust & Glass. According to CommandShift3 that has ranked pretty well against the competition, but there isn’t a ‘wood’ category specifically.

  12. Posted by Ivan 22nd May, 2008 at 12:45 pm

    Nice list, I also personally love wooden backgrounds, it gives me some nice, warm (:)) feeling, just like I’m physically there. Can’t really explain it, but I just love it :).

  13. Posted by Armen 22nd May, 2008 at 1:16 pm

    Sander,
    Avenue Creative? Really? I’m actually quite surprised by that. If I had to choose a favourite, it would be Viget Advance.

    Ivan,
    Welcome!
    Maybe it’s the added depth and character, which draws you in? Like I said, I love well executed minimalism, but, I also like designs with depth. It helps to break up the oft mundane browsing of the web.

  14. Posted by Sander 24th May, 2008 at 9:27 am

    Armen Agreed about Viget Advance, it has a better design but it is a blog and AveneuCreative is a portfolio.

    I like the very much font used by AvenueCreative (Meta Sans by Erik Spiekermann). I also like the high constrast which really brings out the portfolio.

  15. Posted by liam 27th May, 2008 at 1:31 pm

    Really nice collection.

  16. Posted by Lawrence Anderson 8th June, 2008 at 11:59 pm

    Thanks for the mention! Glad to be among so many other great designs.

  17. Posted by Alitimate 27th July, 2008 at 9:37 pm

    HEy! nice collection out here. Keep it up.

  18. Posted by where can i buy 12th August, 2008 at 9:00 am

    Hi webmaster!

  19. Posted by buy valium onli 18th August, 2008 at 11:13 pm

    Hi webmaster!

  20. Posted by buy xanax onlin 18th August, 2008 at 11:31 pm

    Hi webmaster!

Trackbacks...

  1. Innocent Bystander » Blog Archive
  2. This Month’s Best: May 2008 - Six Revisions
  3. BlogBuzz June 7, 2008 | Webmaster-Source
  4. The Ultimate Web Design Showcase | Hipercubízate

What do you think? Join the discussion...