Menu

30 Impressive vCard Web Designs

Advertisement

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

Aref JDEY

Joao Da Silva

Joao Da Silva

Flip Sasser

Flip Sasser

Maykel Loomans

Maykel Loomans

Tim Van Damme

Tim Van Damme

Sam Wieck

Sam Wieck

Mark Tyrrell

Mark Tyrrell

Meelk!

Meelk!

John Bloomfield

John Bloomfield

Hello, I am Felix

Hello, I am Felix

Karsten Rieger

Karsten Rieger

Chris Carey

Chris Carey

Matthias Kretschmann

Matthias Kretschmann

David McGeorge

David McGeorge

Katrina Neufeld

Katrina Neufeld

preshit’s card

preshit's card

Rendian Therianto

Rendian Therianto

contact.lee-norris.com

contact.lee-norris.com

Maximilian Schoening

Maximilian Schoening

Malgorzata Dolewska Dyer

Malgorzata Dolewska Dyer

Rogie King

Rogie King

Ryan Glover Dot Net

Ryan Glover Dot Net

Salya Howald

Salya Howald

Stefan Amport

Stefan Amport

Michaël Villar

Michaël Villar

Guy Lewin

Guy Lewin

Christian South

Christian South

Liji Jinaraj

Liji Jinaraj

Chris Rowe

Chris Rowe

Matthew Maber

Matthew Maber

Related Content

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.

This was published on Oct 12, 2009

57 Comments

Awesome collection, I’m finishing mine :) http://ivorpadilla.net/examples/vcard/

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

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!

Also check out http://svensporer.net/ for more vcard inspiration.

Andrew Gerber Oct 13 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 Oct 13 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 Oct 13 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 Oct 13 2009

Patternhead Oct 13 2009

Some great examples here.

Must get around to finishing mine soon :)

Khürt Williams Oct 13 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 Oct 13 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 Oct 13 2009

@iPad, I think yours trumps all the ones listed here. Nice!

Ryan Glover Oct 13 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.

Also good one is Jan Van Lysebettens’s site: http://janvanlysebettens.com/

web2000 Oct 13 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 Oct 13 2009

Great examples. I was on the point of creating one for me and this is just great Jacob!

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

Thanks for adding me in your showcase :]

Great other examples too!

Craig Wann Oct 13 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 Oct 13 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 Oct 13 2009

only 2 or 3 of these are not terrible.

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 Oct 13 2009

Thanks for the mention :)

Lauren Jordan Oct 13 2009

Michael Villar’s looks pretty nice. Also, the first one caught my attention as well.

@KhürtWilliams Thanks a lot man! :)

Internethow Blog Oct 13 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?

Awesome collection! Maykel Loomans’ v-card instantly caught my attention. Great job in putting these designs together.

I like Michaël Villar stlye. Thanks.

Awesome! Any tutorials to help create sites like that?

Another nice one I saw : http://www.tanmay.me

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 Oct 14 2009

Hi Jacob,

Thanks for including me in your article :D

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 Oct 15 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 Oct 17 2009

Thank you for mention my little site.

Anekdotai Oct 18 2009

Very sexy. Short info and great design – best solution.

Jason Manheim Oct 19 2009

Great inspiration. I just finished mine: http://jasonmanheim.me/

Bilal Çınarlı Oct 19 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

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 Oct 25 2009

@ Bilal Çınarlı – Yeah, makes an article like this one pretty easy to construct.

Wiras Adi Oct 25 2009

Great list! Got inspired, and I have one like those too ;-)

Wiras Adi Oct 26 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 Oct 27 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

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 Nov 01 2009

A nice and helpful overview.

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

Really impressive !
This is the future of .me domain name.

Forgot mine! LOL

Grégory DUQUENNE Jan 09 2010

A free service for creating vcard : http://www.vcardpro.net

Kevin Pire Jan 18 2010

Nice collection!!! You can see mine there : http//www.kevinpire.be, thx!

I have a respect for this works. It’s briliant ;)

sory for my english.

Carpentier Mar 20 2010

elegant collection
Maykel Loomans, Sam Wieck and Meelk! – super

Diana Reyes May 08 2010

Estupendas ideas que se han convertido en fuente de inspiración para intentar crear un diseño personal.

Gracias.

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 Jun 24 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.

This comment section is closed. Please contact us if you have important new information about this post.

Advertisements
Partners