• 30 Mar




    Watercolor is such an old school element. Artists have been using watercolor for hundreds of years, and web designers have adopted the style for good reason.

    Watercolor is a great way to add depth, interesting subtle textures and colors. It can really give your site an authentic, natural feel.

    The examples compiled in this collection use watercolor in different ways; whether it’s for the main graphic of the site or the more subtle and faint hints that get you to look twice.

    Watercolor has been around for a century and I know most of you will say it’s a trend, but you can’t argue with something that has pioneered painting and art.

    Agami Creative

    Agami Creative


    Billy Hughes

    Billy Hughes


    Binocle

    binocle


    The Croquis

    croquis

    Electric Pulp

    Electric Pulp


    Happy Cog

    Happy Cog


    James Lai Creative

    James Lai


    Element Fusion

    Join Up


    K4 Laboratory

    K4  Lab


    Le Bloe

    Le  Bloe


    Magouya

    Magouya


    Matt Dempsey

    Matt Dempsey


    Sergio Design Trends

    Sergio Design


    Toby Powell

    Toby Powell


    Web Designer Wall

    Web Designer Depot


    Erguvan Platin Evleri

    Platin


    Rockatee Design

    rockatee


    Saint Charles Maryland

    Saint Charles


    Small White Bear

    Small White Bear


    Secwepemc Nation Stsmamlt

    SNSI


    Sunrise Design

    Sunrise Design


    Toggle

    toggle


    Tylor Jerome Reimer

    tylorJermorerelmer


    Viget

    viget_inspire


    vSplash

    vSplash


    Volkswagen Lifestyle Vehicles

    VW Great Escape


    Washtenaw Community College

    Washtnaw


    Weberica

    Weberica

    Compiled exclusively for WDD by Chad Mueller. Chad lives in Canada eh!, when he’s not shooting donut shape rubber pucks, he’s running Inspiredology and designing anything to get his creative juices flowing.

    Which ones did you like best and why? Please share your views with us and add links to other great examples below…


  • 43 Comments »

     
    #1
    Lena Tailor
    March 30th, 2010 at 18:56

    Excellent examples. Thanks for the inspiring roundup :)

     
     
    #2
    Jenna Molby
    March 30th, 2010 at 20:01

    These are beautiful, thanks for sharing!

     
     
    #3
    BebopDesigner
    March 30th, 2010 at 20:22

    Brilliant collection! Amazing examples! thanks for sharing

     
     
    #4
    Blain Smith
    March 30th, 2010 at 20:45

    We just recently launched our site with some watercolor. Perfect timing.

     
     
    #5
    Robert Urbańczyk
    March 30th, 2010 at 20:50

    Really nice to see how web pages (early ‘90) evolve from clunky/squared/blinking/ugly designs into a piece of art. Great examples. Thanks for sharing.

     
     
    #6
    Osvaldas
    March 30th, 2010 at 21:00

    Ah look, you forgot http://www.pasikeitimai.lt!

     
     
    #7
    aledesign.it
    March 30th, 2010 at 21:05

    Great post. Excellent designs. i like so much this examples…inspire me and my work! Really creative! Thanks for sharing!

     
     
    #8
    Dion
    March 30th, 2010 at 21:32

    I saw this page (http://www.re-winder.com/) on a recent blog post (http://designm.ag/inspiration/attention-to-detail/) that was a tweet of the week.

    I agree with the blogs description: “The watercolor effect at the top or Re-Winder has a big impact on the overall look of the site.”

     
     
    #9
    Alfonso
    March 30th, 2010 at 21:55

    Nice collection, I have been seeing more and more traditional media elements creeping into web design over the past few months. A welcome relief from the 2.0 shiny logo era.

     
     
    #10
    Matt
    March 30th, 2010 at 23:36

    Watercolour is becoming one of my favourite trends. It looks really nice when done nicely as shown here.

     
     
    #11
    Justin Carroll
    March 31st, 2010 at 02:36

    Design-trend articles, grr; however, there’s some nice design here. But why does using watercolor make sense for the majority of these brands? Exactly, it doesn’t. It’s not design, it’s style.

     
     
    #12
    Shikeb Ali
    March 31st, 2010 at 05:29

    Water color is good … I used it on the background in my last project.

    http://www.amankiasha.com/

    A very famous international project now a days… Aman Ki Asha ‘Destination Peace’: A commitment by the Jang Group, GEO and The Times of India Group to create an enabling environment that brings the people of Pakistan and India closer together, contributing to genuine and durable peace with honour between our countries.

     
     
    #13
    Buy My House
    March 31st, 2010 at 08:21

    Water color is really looking very natural and fabulous, What a ravishing work has been done. Thanks for sharing it.

     
     
    #14
    Gert van den Brink
    March 31st, 2010 at 08:47

    Those are some nice exemples of water-color web design. Thanks!

     
     
    #15
    shaunyk
    March 31st, 2010 at 10:32

    Fantastic stuff – thanks for the inspiration. I’d love to know which of the examples above were designed entirely digitally and which ones actually started off with a paintbrush and some watercolour paints. It’s so hard to tell nowadays.

     
     
    #16
    peach
    March 31st, 2010 at 10:35

    Nice collection. Got to love the flow of these water color effects.

     
     
    #17
    johnny
    March 31st, 2010 at 12:25

    Some nice examples… but http://thecroquis.com/ reminds me of http://bigcartel.com/!

     
     
    #18
    Melody
    March 31st, 2010 at 13:12

    Not only great designs, but I’m lovin the model on the architect’s website..

     
     
    #19
    aaliyah
    March 31st, 2010 at 15:25

    Woaaa…stunningly beautiful. Thanks for sharing…

     
     
    #20
    Linda Chadbourne
    March 31st, 2010 at 15:55

    I really love the watercolor look and feel. It’s soft and when beautiful colors are used the effect is very eye catching. Thanks for the collection.

     
     
    #21
    Jordan Walker
    March 31st, 2010 at 16:18

    Those are really neat designs, thanks for the round up.

     
     
    #22
    David
    March 31st, 2010 at 17:15

    I do very much enjoy seeing more creative and illustrative work coming into the current web design trends, but I can see some of these designs becoming overbearing, unusable and overly complex. It can be great to have a fantastically visual impact on the user, but I still think that many of the sites here are overdoing it for the sake of it. Perhaps their focus is on that visual impact, and making a statement with their site. But for me at least the amount of information that I consume on a daily basis via the internet and other connect digital media means that a leaner, cleaner and more streamlined experience will give me less frustration and thus a better user experience. I can’t imagine trying to navigate these sites on a phone, if they didn’t provide a mobile specific site.

     
     
    #23
    Ched
    March 31st, 2010 at 18:10

    Great collection. Thanks!

     
     
    #24
    Nick Burd
    March 31st, 2010 at 22:37

    great post. Thank you!

     
     
    #25
    รถมือสอง
    April 1st, 2010 at 01:48

    It looks really nice,thank you for this.

     
     
    #26
    Matthew Heidenreich
    April 1st, 2010 at 06:41

    My favorite is the Agami Creative. Great collection!

     
     
    #27
    Brian
    April 1st, 2010 at 10:08

    Nice collection. We also used the water colour effect on a recent project: http://www.amarulatrust.com. You are more than welcome to feature it in this post.

     
     
    #28
    Birgit
    April 1st, 2010 at 16:15

    very beautiful and inspiring examples here.

    My favorites are the Croquis (nice mix of minimal and playful), Agami (great use of colors and textures), and Sergio (stunning use of color and contrast).

    Keep it on!

     
     
    #29
    NYC
    April 1st, 2010 at 18:02

    Wow those are some really nice sites that feature a watercolor effect.

     
     
    #30
    Joshua
    April 1st, 2010 at 21:52

    Great collection; one more I’d like to add: http://rosiebrownrn.com/

     
     
    #31

    Billy Hughes is spectacular, I absolutely the the mix of digital with traditional!

     
     
    #32
    @FashionLuvr
    April 2nd, 2010 at 20:08

    I have a water color background on my twitter that I had an artist do for me:

    http://www.twitter.com/fashionluvr

     
     
    #33
    Pelfusion
    April 6th, 2010 at 18:21

    impressive collection

     
     
    #34
    _ANI_
    April 6th, 2010 at 19:01

    Designs are awesome !!, Great Work..

     
     
    #35
    Ishrath
    April 7th, 2010 at 10:00

    Really good post. Reminds me of time when I had designed one with abstract flowing colors in the header, though I had painted it with acrylic colors. Keep the momentum.

     
     
    #36
    เกมส์
    April 19th, 2010 at 12:37

    Very good example, thank you for sharing and the watercolor effect is Amazing.

     
     
    #37
    Rodban
    April 20th, 2010 at 16:48

    Amazing works and very creative mixing the watercolor effect to the graphic. Thanks

     
     
    #38
    olivier
    April 28th, 2010 at 16:54

    Original de faire de la peinture à l’eau sur le web….en tout cas certains reussissent mieux que d’autres

     
     
    #39
    nick
    April 28th, 2010 at 17:25

    I love the croquis site
    looks just like indies’ http://bigcartel.com/

    hmmmm.

     
     
    #40
    Jamie
    April 29th, 2010 at 03:55

    Some of these are absolutely beautiful!

     
     
    #41
    Urviho
    July 13th, 2010 at 09:42

    Whau.. some of them are really great :)

     
     
    #42
    Riyaz
    August 4th, 2010 at 03:03

    stunning collections…

     
     
    #43
    PhuongDung
    August 29th, 2010 at 11:27

    Inspiration! Awesome! Keep moving forward, guy! :)

     
    Name (required)

    E-mail (required - never shown publicly)

    Web-site

    Your Comment (smaller size | larger size)

Home| Advertising| About| Contact

© 2010 All Rights Reserved