30 Impressive vCard Web Designs
A vCard is an electronic business card that uses a standard format. Some individuals have taken to creating simple, typically one-page, sites that center around their vCard. These sites contain minimal content, usually just basic information about the individual (i.e. job title) and contact information (i.e. mailing addresses and links to social media profiles). Designer and Blogger, Tim Van Damme, started this web design trend, and for a lack of a better term, I’ll call them vCard sites.
In this collection, you’ll find some impressive vCard sites for inspiration.
Aref JDEY
Joao Da Silva
Flip Sasser
Maykel Loomans
Tim Van Damme
Sam Wieck
Mark Tyrrell
Meelk!
John Bloomfield
Hello, I am Felix
Karsten Rieger
Chris Carey
Matthias Kretschmann
David McGeorge
Katrina Neufeld
preshit’s card
Rendian Therianto
contact.lee-norris.com
Maximilian Schoening
Malgorzata Dolewska Dyer
Rogie King
Ryan Glover Dot Net
Salya Howald
Stefan Amport
Michaël Villar
Guy Lewin
Christian South
Liji Jinaraj
Chris Rowe
Matthew Maber
Related Content
- 40 Beautiful Examples of Minimalism in Web Design
- 30 Inspiring Dark and Sleek Web Designs
- 30+ Creative Typography Art
- Related categories: Design Showcase / Inspiration and Web Design
About the Author
Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in distance-learning education, front-end development, and web accessibility. If you’d like to connect with him, head on over to the contact page and follow him on Twitter: @sixrevisions.
57 Comments
iPad
October 13th, 2009
Awesome collection, I’m finishing mine :) http://ivorpadilla.net/examples/vcard/
hari
October 13th, 2009
hey Jacob
This is an awesome collection. Thanks for this great article.. :) There are so much to learn from each page man, its very much inspirational.
cheers
hari
Jamie
October 13th, 2009
All very good but my favourites are the notebook style one, the second one and the web and game designer guy! I would never think to make my contact page look good like that!
sven
October 13th, 2009
Also check out http://svensporer.net/ for more vcard inspiration.
Andrew Gerber
October 13th, 2009
Great collection of vCard Web Designs. Actually I like all of them, but choosing top 5 designs from these list I would give a preference to Aref JDEY, Malgorzata Dolewska Dyer, Karsten Rieger, Chris Rowe and Katrina Neufeld. As to Aref JDEY seems to be the best one for me, excellent work!
Alexandros
October 13th, 2009
Personally, I find it very unprofessional to have links to Facebook, last.fm, digg, delicious and in some cases even twitter accounts. It mixes the personal aspect of someone with the professional way too much.
On the other hand, linkedin is more logical to have, and probably deviantart or flickr if it is about design.
I can’t understand what these professionals are thinking…
Jacob Gube
October 13th, 2009
@Alexandros: I can see your point, but being personal can have an appeal; it shows to your client that you’re a human being, and they can get to know more about you as a person even if you’re hundreds or thousands of miles away.
It really depends on the clients you’re trying to target. The 50 year old, multinational corp CTO that you’re trying to garner may not appreciate the ingenuity in these vCard sites (and may even see it as a negative), but those future-forward small startup’s might find it very attractive, showing that you’re not only knowledgeable with the current technologies, design trends and social networks, but that you also use them.
Soner Gönül
October 13th, 2009
Mine is the best http://www.sonergonul.com/card
Patternhead
October 13th, 2009
Some great examples here.
Must get around to finishing mine soon :)
Khürt Williams
October 13th, 2009
I’m using card.ly to complete mine: http://card.ly/khurt. Not sure the old one is good enough now: http://khurt.com
Khürt Williams
October 13th, 2009
@ Alexandros, my personal and professional lives are one and the same. I don’t stop being a Mac geek, hudband, dad, photographer just because I work in an office from 8AM to 5PM. And I don’t stop being an IT professional just because I went home and had dinner with the wife and kids. I’m not two people. I’m one.
Khürt Williams
October 13th, 2009
@iPad, I think yours trumps all the ones listed here. Nice!
Ryan Glover
October 13th, 2009
@jacobgube – Thanks for the mention!
@alexandros – Jacob pretty much hit the nail on the head, but it also relates back to personal branding. You’d be amazed how you can get work from someone finding similar tastes in your playlist on last.fm or a mutual connection on Facebook. While I do agree that in some instances it can be unprofessional, it should not be scorned upon. It really can help you.
krisu
October 13th, 2009
Also good one is Jan Van Lysebettens’s site: http://janvanlysebettens.com/
web2000
October 13th, 2009
Hey, your post is just what i’ve been looking for. One of my many projects is to create one of these properties for myself and any new clients and this will be very inspirational for me. Thanks again for posting.
Andrei Patrascu
October 13th, 2009
Great examples. I was on the point of creating one for me and this is just great Jacob!
Holger
October 13th, 2009
Hey!
I only think like 5 of them are so called “impressive”.
The rest is more like a DeviantArt Pattern collection, bad integrated javascript and idealess copy&past.
Not a good list.
Thanks anyway
Salya
October 13th, 2009
Thanks for adding me in your showcase :]
Great other examples too!
Craig Wann
October 13th, 2009
Very Interesting. I like them all except Christian South’s. Might result from an underlining hatred of all things Windows and Times New Roman.
Robert Shilda
October 13th, 2009
@Alexandros Indeed, there are a lot of professionals that don’t necessarily need to add all of their social networking sites nor need a fancy design. I’ve been doing a lot of research on this matter and I found something that targets that need: http://www.vcardfile.com (here’s a demo account: http://johndoe.vcardfile.com/)
Probably, the design is not as eye candy as the ones being shown here but it’s quite decent. It’s worth a try.
David Sparks
October 13th, 2009
only 2 or 3 of these are not terrible.
Kaka
October 13th, 2009
And you call that “vCard webdesign”… that just doesn’t make any sense at all, please call them BCW… Avoid confusion if you don’t know what a vCard truly is.
Guy Lewin
October 13th, 2009
Thanks for the mention :)
Lauren Jordan
October 13th, 2009
Michael Villar’s looks pretty nice. Also, the first one caught my attention as well.
iPad
October 13th, 2009
@KhürtWilliams Thanks a lot man! :)
Internethow Blog
October 13th, 2009
What is the purpose of these cards. You can easily send your portfolio by email. Why would someone send their ecard over the net?
kevin
October 13th, 2009
my vcard: http://kevin.queness.com
Girlie
October 13th, 2009
Awesome collection! Maykel Loomans’ v-card instantly caught my attention. Great job in putting these designs together.
bugmai
October 13th, 2009
I like Michaël Villar stlye. Thanks.
Alex
October 14th, 2009
Awesome! Any tutorials to help create sites like that?
Another nice one I saw : http://www.tanmay.me
julie
October 14th, 2009
Um.. These are some great designs, but excuse my ignorance, shouldn’t this information be on your website?
Is this something that someone has to click on a link to get to or is this like an html email?
John Bloomfield
October 14th, 2009
Hi Jacob,
Thanks for including me in your article :D
Margot
October 15th, 2009
Thank you, I feel honoured to be mentioned in the article especially that I haven’t finish my micro-site yet :) The Polaroid photo will be rotating but I’m waiting for my husband to make it work :)
Karsten Rieger
October 15th, 2009
Thanks a lot for mentioning my site here. It’s a great honor for me, being more a software developer than a designer, to be listed among so many creative talents. Be inspired.
Stefan Amport
October 17th, 2009
Thank you for mention my little site.
Anekdotai
October 18th, 2009
Very sexy. Short info and great design – best solution.
Jason Manheim
October 19th, 2009
Great inspiration. I just finished mine: http://jasonmanheim.me/
Bilal Çınarlı
October 19th, 2009
Most of them are very good, but did you notice that, also most of them inspired from timvandamme’s vcard :) they are in the wall of fame list
Rob O.
October 19th, 2009
I’ve been using Card.ly for awhile and really like the results. I’m not entirely design-challenged, but certainly a bit short on time to reinvent the wheel…
Jason Manheim
October 25th, 2009
@ Bilal Çınarlı – Yeah, makes an article like this one pretty easy to construct.
Wiras Adi
October 25th, 2009
Great list! Got inspired, and I have one like those too ;-)
Wiras Adi
October 26th, 2009
@Kaka:
I guess I should agree with you there. Yes, I think the most appropriate title for this list is “web (business) card”. vCard has nothing to do with HTML and browser, it doesn’t have formatting aspects with its specifications. Thus, you won’t be able to say one is the best (from the perspective of how it looks).
Another term that would be more appropriate to use is hCard, a standard defined by Microformats http://microformats.org . The standard does indeed specify how could/should you display your information using HTML and CSS. But from what I see from the list, most of them are not following the hCard specifications either.
Mark Carter
October 27th, 2009
Very interesting to see websites taken down to the essentials …. simplified and all the fluff removed …
very cool when this is the right approach needed ….
Some beautiful designs too
Henrik
October 27th, 2009
Nice set of on-line cards – some familiar favourites in that list, like Rogie King and Tim Van Damme.
Check out my online card @ http://www.stacke.co.uk :-)
Tim Rombach
November 1st, 2009
A nice and helpful overview.
ArleyM
November 5th, 2009
Very nice list. I just designed one myself; and tried to really optimize it for mobile viewing on smartphones (landscape anyways)
The site: http://arley.me
A little intro to how and why I did it http://rle.me/1r
Souika
November 10th, 2009
Really impressive !
This is the future of .me domain name.
Louis
November 17th, 2009
Forgot mine! LOL
Grégory DUQUENNE
January 9th, 2010
A free service for creating vcard : http://www.vcardpro.net
pau
January 15th, 2010
Also check http://www.usina-d.com.ar
Kevin Pire
January 18th, 2010
Nice collection!!! You can see mine there : http//www.kevinpire.be, thx!
Klekot
January 20th, 2010
I have a respect for this works. It’s briliant ;)
sory for my english.
Carpentier
March 20th, 2010
elegant collection
Maykel Loomans, Sam Wieck and Meelk! – super
Diana Reyes
May 8th, 2010
Estupendas ideas que se han convertido en fuente de inspiración para intentar crear un diseño personal.
Gracias.
Paul
June 25th, 2010
I found http://gorka.me and http://webdesignfan.com/portfolio-design-trends-vcard-websites
prez
November 25th, 2010
can anyone plz sugest a nice way to use such cards for students from BIG institutes to cary the Brand after they passout ??? plzzzzzzzz….reply ppl….it helps!!
OpInmobiliarias
June 24th, 2011
Gracias por la oportunidad de utilizar algunas de sus ideas de manera gratuita, es realmente un apoyo para quienes deseamos mejorar nuestros espacios en la red.
Leave a Comment