30 Impressive vCard Web Designs

Oct 12 2009 by Jacob Gube | 57 Comments

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.

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.

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?

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

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.

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

Subscribe to the comments on this article.