Implementing bright and crisp vector graphics into your web designs can really add some visual kick. This collection of 50 insanely good vector-based web designs showcases the best examples of vector use including landscapes illustrations, abstract collages and character/mascot designs.
Mirasim
Next2Friends
Toucouleur
Navigant Consulting
George Lazaros
Digital Devotion
We Heart Stuff
Laura Alter
Cult Foo
Global Zoo
Acko
WP Coder
Colorpixel
RedBrick Health
Octwelve
Jek2k
Neweracaptalk
Pinjata
Yes Insurance
The Alamo Basement
Veboo Labs
Francesco Mugnai
Old Loft
Artgeex
Oypro
Moshi Monsters
We Do Markup
Silverback
Elitist Snob
Web Designer Wall
Duoh
Tutorial9
GoMediaZine
Web Designer Depot
N.Design Studio
Vectips
Dean Oakley
Project Vino
Colchester School
Stoodeo
eAnka
Design Disease
DivVoted
StrawPoll
Fatburgr
Vector Art
Stylized Web
Adit Shukla
Volll
Blog.SpoonGraphics
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
















































































User Comments
( ADD YOURS )Matt February 12th
Great round-up! Thanks.
( )Pliggs February 12th
Either Web Designer Depot or Web Designer Wall are my faves.
Good collection.
( )Aliasart February 12th
Nice collection.
First.
( )Abethebabe February 12th
Great round up, thanks
( )David Leggett February 13th
Hey, thanks for featuring Tutorial9 Chris. Appreciate it
Outstanding collection!
( )DKumar M. February 13th
Nice sum up Chris…. Some of them is new for me… thanks for sharing !!
( )matthew duerksen February 13th
Nice list! I love vector!
Thanks!
( )Fred Soler February 13th
Very nice.
( )Benjamin February 13th
Beautiful collection! Thx for posting this.
( )nuinosis February 13th
Volll is absolutely insane!:)
( )Patternhead February 13th
Yep, some nice designs here
( )reezluv February 13th
wow..that’s a great list to look out..creative designer!thanks a lot
( )mojitopl February 13th
Navigant Consulting website is just better than perfect – a great example of strong branding on the web.
Some of the examples are just too crowded with the vector elements. Or that’s just not my taste
Thanks for the inspiration.
( )Sarai February 13th
bloody amazing stuff
( )SOSFactory February 13th
Nice list but you never should include your own site.
( )rawrwannaberich February 13th
coolness! i like it!!:)
( )Simon February 13th
The Girl from Stoodeo and eAnka have the same laptop
( )Francisco Dans February 13th
Free webhosting service web Freehostia (http://freehostia.com/) should be there too. I had my blog there and I found their corporate web’s vectored design pretty cool.
Cheers
( )Tanaka13 - Créations du Net February 13th
great review! very nice!
( )kat neville February 13th
these are beautiful! great list.
( )tbresch February 13th
Seriously, there were some beauties in this collection. Way to go!
( )Timothy February 13th
Wow, what a list! I’ve never seen most of these, and am wonder why I haven’t. Amazing!
( )Webmasterish February 13th
Am I the only one to see that a lot of the designs are clones of each other?!
Don’t get me wrong, I do appreciate all the work behind a list like this, but repetition is a big turn off.
( )Paige February 13th
It’s interesting how the fixed-width center column layout has become so dominant! I really like that Acko site!
( )Jim MacLeod February 13th
Great round up. I’ll have to add this page to my Inspiration bookmark folder. Thanks!
( )james February 13th
love the wp coder site
( )Domo February 13th
apart from a few exceptional illustrators, DivVoted, The Alamo Basement – and like 2 others…..
are all the rest by the same designer? seriously, i’m kind of disappointed about the “insanely good” title – and overused frill elements that are the hype of every non-creative, creative type. very template, very boring.
( )vesa February 13th
great stuff, as always from vectortuts
( )DR February 13th
Insanely good? Some of these are awesomely bad.
( )Jesse Vlasveld February 13th
Great list Chris. Theres some nice inspiration to be found amongst some of them.
( )Oz February 13th
The Toucouleur BG is almost 3 Mb!!!
That is just insanely bad design. No compression whatsoever???
( )Colorburned February 13th
Chris, you always do a great job with posts like this!
http://twitter.com/Colorburned
( )theCarrotNetwork February 13th
Great list as there are some new ones for me!
The thing is though, there’s a few of them that are using stock vectors so they’re not really unique in that sense.
( )Jeff Finley February 14th
Thanks for featuring the GoMediaZine Chris!
( )Taichi February 14th
Thank you.
I refer to the designs of this post.
( )anon February 15th
why would you call this “vector-based”? simply because the elements were created in a vector program? (although not necessarily).
do these websites scale without showing pixels?
please use the right terminology.
( )rama February 16th
just found out that webdesignerwall, n-designstudio, and next2friend was designed by the same person.. Nick La! A great artist it is.
( )T-Law February 16th
Nice collection
( )Matt McMillan February 16th
Great job, love the post. http://www.vixml.com is another site for consideration.
( )iuliux February 16th
sweet…
( )some of them I already knew
Zen Elements February 16th
Nick La does have a strong presence there and rightly so I think. Other good examples on there too though, some of which I already knew of and yes, that might just include a particular snuck in mention of ones own blog!
Thanks for sharing Chris.
( )Alex | Zen Elements
kellan February 17th
I’d suggest the http://fireeagle.yahoo.net/ site as well, slightly different feel, more pixellated illustration, but lovely example of illustrative web design.
( )Mihail G. February 18th
nice and useful! Thanks!
( )Toucouleur February 19th
@Oz : we made Such a big backgound because we had no other choice to manage multiple layers using CSS
In 2, 3 years, when network speed will be improved, 3mb would mean nothing as time to load
( )ChrsitopherMoCo February 20th
Excellent work as usual Mr. Spooner! Massive source of inspiration here.
( )Brian February 22nd
Nice list. If you like illustrated web designs check out cssillustrated.com
( )Roy Nottage February 25th
These are great, I only know about half of them, so it is nice to see a load of inspiring new sites. And of course Web Designer Wall (been my favourite for a while now).
Thanks for posting Chris!
( )zaw hlaing oo March 3rd
very nice vector.. please tell to my mail.. how can i try to start that draw
the vector
forgive me for my English
( )thank
Rishi Luchun March 5th
Very nice, love the way the background on the silverback site was done when you resize the window! Clever stuff!!
( )Amelia Vargo March 6th
Thanks for the list, you’re right they are insanely good! I love colour pixel!
( )Multidesign March 8th
Great websites, thanks for the post.
( )lazami March 9th
Nice list. Good for inspiration.
( )Soh Tanaka March 11th
Really great list here!!!
( )likwidmonster March 14th
How did these people make these. Obviously I know they are vector. I figured out that some of them are wordpress but are all of them like that? If not then how are they made?
( )WEDOMARKUP Team March 15th
Hello Chris,
Thank you for featuring WEDOMARKUP here, its very overwhelming and inspiring as well.
Thanks and best regards,
WEDOMARKUP Team
( )Tiki March 16th
Beautiful collection!
( )ace March 17th
that is so awesome…talk about web design into a next level
( )Shane March 19th
Chris – thanks for compiling this showcase – some very nice examples in there indeed.
Also, I’d just like to say that your own site is fantastic and I’d recommend that vectortuts readers head over there straight away!
( )Neha April 17th
thank it’s too good
( )Shovan September 5th
Cool Collection
( )Thanks
Rakshit September 8th
Are these layouts downloadable (vector format) ??
thanks and regards,
( )Rakshit
rrs274@gmail.com
(+91) 9833353335
sepetli platform December 15th
this is the best site for machines
( )promosyon tekstil December 26th
great post. thank you for share..
( )