• 3 Apr




    illustrated_landscapesThe use of illustration in web design is an excellent way to add a theme and take a website to a whole new level.

    Some websites go even further by basing and designing the entire layout and background on illustrations, usually vector based illustrations.

    Many websites today feature complex and visually stunning landscape illustrations, which is what we’ve decided to focus on in this article.

    Here are 50 beautiful websites with landscape illustrations in a variety of styles.

    Green Globe Ideas

    greenglobe


    DivVoted

    divvoted

    StrawPoll

    strawpoll

    ten24 Media

    ten24


    Banjax

    banjax


    Visit Cascadia

    cascadia


    DrupalCon DC

    drupalcon


    Studio7Designs

    studio7


    Adit Shukla

    adit


    Iceberg

    iceberg1


    Vimeo

    vimeo1


    Go Glamping

    glamping


    Twither

    twither


    Sensi Soft

    sensisoft


    volll

    volll


    Tomas Pojeta

    tomas

    Jiri Tvrdek

    jiri

    Boagworld

    boagworld


    Rawkes

    rawkes


    10 Volt Media

    10volt


    Web Design Beach

    webdesignbeach


    Stoodeo

    stoodeo


    Schneeballschl8

    schneeballschl8


    Stylized Web

    stylizedweb


    Project Vino

    projectvino


    Arbutus Photography

    arbutus


    Penang Bloggers

    penang

    Moshi Monsters

    moshi

    IL FRUTTETO

    ilfrutteto


    Meomi Cloud House

    meomi


    Global Zoo

    globalzoo


    eAnka

    eanka


    Colchester School

    colchester


    Cloudred Multimedia

    cloudred


    John Cow

    johncow


    Dean Oakely

    deanoakley


    Brad Colbow

    brad


    Nine Lion

    ninelion


    RedBrick Health

    redbrick


    polargold


    polargold


    Carbonica

    carbonica


    Galaicofolia

    galaico


    The Octonauts

    octonauts


    Yes Insurance

    yes


    Viget Inspire

    viget


    Reservoir34

    resevoir34


    Biowind

    biowind


    Happy in Greenville

    greenville


    Miki Mottes

    miki

    Pinjata

    pinjata


    Which ones are your favorites? Please share with us other similar websites that you may have visited.


    • http://gabediaz.com Gabe Diaz

      Wow, some of these are really nicely done. Great list.

      I’d give http://goglamping.net more credit but they lifted their background wood swatch from http://carsonified.com not cool :(

    • http://lucasaroundtheworld.blogspot.com Sarah

      I love this post!!!!!!!!!!!!!!!

    • http://paularmstrongdesigns.com Paul Armstrong

      This seems to be a growing trend and I’m definitely all for it. There are some beautiful sites using landscapes in their design. In fact, my company made a site that would fit here for St. Patrick’s Day: http://www.verde7.com/

    • http://www.pearlofafrika.com Kyo

      Great collection. I love it!

    • http://www.athomesalesmarketteam.moogo.com Cassandra

      Love all of these! My website feels very inferior now! lol

    • http://www.kavoir.com Yang Yang

      Really really gorgeous designs of them!

      The colors are just beyond sexy!

    • http://blog.insicdesigns.com insic

      awesome sites… very inspiring.

    • http://www.cahcepu.com om ipit

      that background make me feel good…
      nice, nice, and nice…

    • http://www.fubiz.net Fubiz

      Amazing list. Thanks.

    • http://stephanerouille.fr Stf

      There is http://ligne13.com , a french webAgency which create a landscape theme(with a crazy nice footer ! )

    • http://creamycss.com Creamy CSS

      Wooowww! Thanks for great inspiration list! Good work! ;)

    • http://www.pedrooliveira.net Pedro

      Well, what I want to say is not only about this post but about this blog. I am a starter web designer and I found this site some days ago and fall in love with in the first place.
      I hope you continue to update it because it’s a fountain of inspiration.

    • http://misterfaster.com misterfaster

      nice roundup! a friend of mine did a landscape design as well at http://www.eyelogic.de :D

    • http://www.internetlife.co.il Adam
    • http://www.internetlife.co.il Adam

      @Gabe Diaz – They actually gave Carsonified Credit for it in the ‘About’ page.

      And Carsonified also give credit to the original photographer on their about page.

    • http://www.webair.it/webdesign.html Realizzazione Siti Web Bologna

      …very interesting! Vector remains one of the most important webdesign’s trend

    • http://www.graphicrating.com Andy Gongea

      You could’ve wait a couple of weeks with this post. Graphic Rating’s new design will be based on something similar :D

      Cheers!

    • http://www.pixelle.org Anas Benayad

      Very beautifull, love it !

    • http://www.createatwill.com/ Will McClellan

      Here’s my recent attempt at a website featuring a vector landscape… It’s for a Driving School

      http://www.wasp-som.co.uk

    • http://www.ivanbogar.com Ivan Bogar

      Great post! Amazing!

    • http://www.merlinvicki.in merlinvicki

      very beautiful collection..and inspiring!

    • http://www.interhostsolutions.be Webhosting

      Normally i don’t like this sort of design, but the Sensi Soft websites just looks awesome

    • http://www.yimgo.com antonio

      I love these illustrations

    • http://www.podcamplondon.com John Leschinski

      Serriosly? No PodCamp London?

    • Spence

      Those are nicely done, although I tend to like art that’s not so vector-based (or at least not blatantly so). There’s a few of those in there too.

    • http://www.twitter.com/timothymarshall Timothy

      Great list. I LOVE the Studio7Designs page.

    • Pedro

      Hi there,
      this is a very good post. there’s so much variety.
      Check on more over here… it’s great too,

      http://www.ideiascompernas.com/

      Bye there, and keep up :)

    • http://www.bioinfiz.com bs kishore

      Great collection with lot of inspiring ideas.

    • http://joaoramos.org joão

      omg this is delicious!

    • http://www.treavioli.com Reflector

      Wow. These are magnificent. And inspiring too.

    • http://webitect.net Kayla

      All of these are great…long post too! This is a very good source of inspiration, thanks!

    • http://www.thecogworks.co.uk Adam Shallcross

      A great list…our website has been using this style for a year or so now :) …glad the trend is starting to grow stronger.

      Keep up the good work

    • http://www.cahcepu.com om ipit

      very cool…
      i like Rawkes site…
      thats simple but very nice…

    • http://www.sametomorrow.com Adam

      Nice, some good stuff

    • http://www.photoshopwork.com Jerod Kitch

      Love this stuff!!
      Check Out: Illustrator Basics
      http://www.illustratorbasics.com

    • http://www.agent-seo.com Agent SEO

      Great post! This provided me with some really great inspiration! Thank you.

    • http://www.megalongcat.com/ Fred McCoy

      Great stuff here. It’s nice to see web designers breaking out of the box to create these detailed and illustrated environments that provide users with a different means to navigate the web. It’s great that someone’s keeping the interwebs a fun place to be on.

    • http://elecuadordehoy.org/ Guillermo

      Hey! Take a look at http://bloghelpr.us/

    • http://thedesignsuperhero.com aravind

      ah! another great round up! :)

    • http://dancameron.org Dan Cameron

      Hey how did mine miss the list? :)

      http://sproutventure.com

    • http://www.bluedotsdesign.com/blog Alberto Villalobos

      Good list, illustration is a really pretty trend in web design, check out my site it has one landscape illustration too.

      http://www.bluedotsdesign.com

      Anyway, i have seen almost everyone in that list, so we need to make more!!

    • http://www.nineliondesign.com Chikezie Ejiasi

      Thanks for featuring my portfolio! :)

    • http://www.al-kanz.org Al-Kanz
    • http://www.aledesign.it aledesign.it

      I love this style..especially way : Sensi Soft, eAnka and Carbonica… Good post! ;)

    • Faris Ali

      Thank you Jamal

    • http://jessiematanky.com Jessie

      i think both those wood textures are taken from http://cgtextures.com under the wood/planks area. .. which kinda makes them fair game.

    • http://www.savemm.webs.com Gail Cavanaugh

      All of these designs are absolutely beautiful and so inspiring! Thanks.

    • Flak

      hahaha where is iGoogle :)

      nice BTW

    • http://www.tobbis-blog.de Tobbi

      Great list. Tomas Pojeta, polargold and volll are the best in my opinion.

    • http://3d-today.blogspot.com/ xea

      Nice collection ;) Thanks

    • http://wpcult.com The Frosty @WPCult

      Very good collection!

    • http://www.multidesign.com.mk Multidesign

      Great post. My site has illustrated landscape too :) Multidesign

    • http://www.rzmota.com rzmota

      One more web adres, please check it out and maybe post at the bottom:

      http://www.goralskidomek.pl

      Thanks,

    • http://pixelextent.com raghav

      Nice Stuff!!!

    • http://laprensagrafica.com JCDESIGNER

      Great collection!

    • http://www.gregory-desplaces.fr Grégory

      And Also this one : http://www.fou-de-voyage.com

    • ARHK05

      This is the coolest collection I have ever seen. LOVE IT!!!

    • http://quotefl.com denny

      Yes insurance was amazing. I love the functionality as well. Yoast just revamped his site as well http://yoast.com/ using illustrations. It’s pretty nice too.

    • http://www.samacreation.com sama creation

      Nice Stuff!!! great webdesign

    • http://goglamping.net Garri

      I wish people would do their homework before posting comments implying that we sneakily ‘lifted’ artwork from other websites.

      We personally approached Ryan Carson and asked for his permission to re-use the wooden background, AND publicly acknowledged the fact: http://goglamping.net/about/

      Anyway, thank you Web Designer Depot for including Go Glamping in your list, much appreciated ;-)

    • http://www.psdvault.com James Qu

      Absolutely fantastic list! I love the Studio7Designs and Sensi Soft design, great technique and very creative!

    • http://creativeacclaim.com AlfredN

      DivVoted has a very nice thing going with their design, I like the others as well; nice post.

    • http://ruakbar.deviantart.com Abdul Akbar

      Excellent Post, I have never seen
      such an amazing use of illustrations.
      Believe Me!!!!!

      From now i m a great fan of Illustrations.
      Thanks.

    • http://www.grc-eka.ru/ AntonMur

      Wonderful! Incredible, fantastic collection!
      Big Thanx!

    • Marty
    • Arthur

      oh yeah… don’t forget about http://www.islayer.com/

    • xaga

      This post rocks!!!!

    • Jared

      Fantastic list!

    • http://logopond.com/members/profile/showcase/5359 Fabian

      Great list! Thanks for that:)

    • http://www.borgetsolutions.com CSS Specialist

      Yes some of them are really good….

      Nice collection of well designed websites, good artwork.

    • http://www.bjarniwark.com Bjarni

      Nice mix

    • selly

      hmmm, great collection

    • widhiyanto

      thx, for great collection

    • http://www.giselejaquenod.com.ar/blog/ Gis

      Gorgeous selection :) really inspirational since it’s what i work the most with :D :D :D :D will definitely bookmark it!

    • http://www.freevectordownload.com Free Vector Download

      very nice wonderfull ,
      thank you

    • http://golchitech.blogspot.com golchi

      Many are cool but my best are:
      Icebreg and Sensi soft

    • gypsycats

      I totally agree! I’m just starting off part time studying graphic design and this post just makes me see in another dimension. It is absolutely fantastic!

    • Guto

      Hey. There´s a awesome landscape site from Brazil, made in 3d.
      http://www.cafundoestudio.com.br
      check it out, it´s very beautiful.

    • http://3d-today.blogspot.com/ xea

      Yes!!!!!! very nice! too bad we cannot open the door;)

    • http://iamtotti.com tot2ivn

      Great collection, dude !! ^^

    • Gabrioch

      Really nice!!

    • http://www.riseofaryan.com Aryan

      Gr8 collection. I loved it.

    • Ram Sharan

      i liked it

    • http://www.riseofaryan.com Aryan

      Gr8 Collection. I liked it.

    • http://www.saibposervices.com/Web_Designing_Services.aspx web designing

      Trendy website designs!! Thanks for sharing!!

    • http://www.soliciteagora.com.br Northon

      Great list!! thks

    • http://fisabilik.com Fisabilik
    • http://www.intrendupdate.com IntrendUpdate

      Great !!! i like it thank you very much.

    • http://nwds-ak.com Alaska Web Design

      Not at all what I expected! Superb eye-candy. Arbutus Photography is very pretty header. Didn’t think too much of the content, but the landscape was very cool.

    • http://tr.im/mewC Rahul – Web Guru

      Nice list. I’ve been a fan of Volll.

    • http://www.empfehlenswert-wien.at wien

      nice post

    • click

      thats very nice! I loved how everything was composed!Thanks

    • http://www.paintmyphotonow.com mike

      Great collection of sites. Thanks

    • http://filmizlex.org film izle

      50 far from each other with really nice theme, this theme Thank you for sharing super.

    • http://www.brushthis.com Liora

      Very inspirational and a good reason to get hooked on Illustrator – it looks like that’s where most of these image originated.

    • http://www.youniquesoftlab.pl Projektowanie Stron Internetowych

      Great !!! i like it thank you very much.

    • http://www.ravi.uxdsign.com Ravikumar V.

      superb collections !!!

    • http://www.vcube.in sriram

      wow great collection some 4 or 5 website very good

    • http://www.tapeten-news.de Thomas

      Amazing list. Thanks.

    • http://webbyarts.com @balusen

      Awesome collection!

    • mariadelsol

      excelente lista para inspirarse

    • http://www.chotrul.com/design/design-showcase.html Chotrul Web Design

      Really like the DrupalCon website design – I love the washed out colours ….

      thanks for sharing these …

    • http://web4half.com/ shawnna

      Great collection of sites. thanks for sharing

      And honestly, you have a great list. I just can’t stop drooling. They Really Opened by eyes to the new Era of web designs..
      i go to try these for my works.

      W/ lots of love and Kiss.

      Shawnna.

    • http://dougshults.com doug

      Glad to see Meomi Cloud House and Dean Oakley’s site on this list. Those have been two of my favorites for a while. Nice list, great illustrations!

    • http://www.apple-ipad.de iPad

      Great list!! thx

    • http://www.tdpworkspace.org Alina

      Nice design!!! Hey, you missed one.

      http://www.tdpworkspace.org

      is very excentric :P
      cheers!

    • http://www.alejtech.eu Arien

      There’s a vector landcape on our company website as well:
      http://www.alejtech.eu/en/Websites/Webdesign.alej
      A windy tree-line at the top, and hills at the bottom.;]

    • http://www.iamafreelancer.net Egyptian web designer

      wooow,
      this is the best illustrated websites collection I have ever seen !

    • http://webdesignfm.com webdesignfm

      like the way and creativity used in Tomas Pojeta. thanks for sharing.

    • http://www.kaplang.com Kaplang

      great collection, I really like the top one.

    • http://www.ishantechnologies.com Jack

      Nice list…

      Good to see landscape designs for corporate websites

    • Dave

      Good list, but how could you forget http://www.floridaflourish.com/ ?

    • http://dietonautopilot.com Claudia

      Nice collection! I like the Carbonica one.

    • nuhgz

      love’em! :)

    • Thomas

      This one also fits into this list perfectly
      http://www.die-fantastischen-zwei.de/

    • http://www.onfx.com Rudy Espinosa

      This is a nice collection but I have to say that a few of these are not that great and seemed to be select simply because of their success in marketing their website and not the beauty of their design. So, these seem to have been unfairly selected due to popularity in my opinion.

    • http://www.benstokesmarketing.co.uk Web design Shrewsbury

      I love the DivVoted web design :) Great round up of brilliant designs for our inspiration . . Thanks guys :)

    • http://masenchipz.com masenchipz

      i’m agree with Web design Shrewsbury… DivVoted web design its cool design.. clean.. and its neat design, such as telling… great web.. :D

    • http://www.cre8ivecommando.com Cre8ive Commando

      Some great designs. Don’t forget http://www.cre8ivecommando.com (it also has an illustrated landscape image)

    • http://dred.vn Leicas

      illustrated perfect, i like it

    • http://www.interhostsolutions.be/ Webhosting

      Awesome templates! I know wich one to use for my next website

    • http://kevincease.com Kevin Cease

      Holy cow those are great! I got another one here: http://www.carlymcmenoman.com check it out! Illustrated landscapes on another planet (or something) all made in Photoshop.

    blog comments powered by Disqus

Home| Advertising| About| Contact

© 2012 All Rights Reserved