Portfolio Design Trends: vCard Websites

Written by Tomas Laurinavičius on Thursday, December 3rd in Inspiration / 31 Comments

A vCard websites 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). Most of them are having a same features – they are all using javascript animation like sliding, fading and tab navigation.

Designer and Blogger, Tim Van Damme, started this portfolio design trend and there is no concrete word to describe this type of site, but it’s very similar to vCard.

In this collection, you’ll find some impressive vCard sites for inspiration, templates, themes for WordPress and tutorials on how to create your vCard portfolio.

Showcase of vCard Websites

Michaël Villar

Michaël Villar

Matthew Maber

Matthew Maber

Oskar Krawczyk

nouincolor.com − oskar krawczyk

Chris Rowe

Chris Rowe

Stefan Amport

Stefan Amport

Sebastien Couture

Sebastien Couture

John Phillips

John Phillips

Jonas Lekevičius

Jonas Lekevičius

Christopher Wallace

Christopher Wallace

Matthias Kretschmann

Matthias Kretschmann

Maximilian Schoening

Maximilian Schoening

Peter Hellberg

Peter Hellberg

Rogie King

Rogie King

Margot Dolewska Dyer

Margot Dolewska Dyer

Chris Carey

Chris Carey

Kevin Liew

Kevin Liew

Tim Van Damme

Tim Van Damme

Tim Van Damme was the man who started this web design trend. He has created a “Wall of Fame” to showcase vCard sites inspired by him. There you’ll find a lot of beautiful and inspiring vCards.

Templates & Themes

vCard Professional Portfolio

vCard Professional Portfolio

This is a professional and clean vCard based on Tim Van Damme’s website. With this design you can use almost any background. With this template you will get: 6 Different Backgrounds, 2 jQuery Slides Options, Very Clean Design, jQuery Tooltips, jQuery FancyBox, Flickr Integration. And everything is just for 12$.

PureColour Folio – Creative Portfolio Template

PureColour Folio - Creative Portfolio Template

PureColour Folio is proffesional, creative html portfolio template created for promoting any kind of application, desgined with blog, pricing subpages and more! It’s complete webpage with great features: tableless layout, jQuery usage, layered .psd. You can buy it for 10$.

Mydentity – Personal Portfolio Mini Site

Mydentity - Personal Portfolio Mini Site

Mydentity – a cross browser, attractive personal portfolio mini site. With Mydentity, you can display all your details quickly & stylishly, with great attention to detail this design has an inset style and serves as a beautiful launching pad to your social media profiles, portfolio images and as a means of getting in contact. Only for 7$.

Blackgem vCard

Blackgem vCard

Blackem vCard – an easy to use template for your portfolio or Virtual Business Card needs. With great features: jQuery powered, valid XHTML Strict & CSS 2 .1, clean Design, total 8 PSD files and full PSD file. Only for 8$.

Pixel Portfolio – vCard

Pixel Portfolio - Vcard

An easy to use and customize template for your portfolio or Virtual Business Card needs. Comes with two colors dark or light. Only for 8$.

The Virtual Business Card (vCard)

The Virtual Business Card (vCard)

This is a professional, clean, flexible and customizable Virtual Business Card(vCard), great for everyone to showcase their online bio. It’s pretty savvy, minimal and displays your information in style and yet it remains professional. Buy it only for 8$.

vCard Personal Mini-Site

vCard Personal Mini-Site

The perfect one page portfolio site to get you on the web immediately. jQuery powered, Ajax contact form (with form validation) and much more only for 8$.

vCard Portfolio Template

vCard Portfolio Template

The perfect one page portfolio to get your name on the web immediately. Only for 8$.

Fancy – Professional vCard Theme

Fancy - Professional vCard Theme

A professional vCard that displays your personal information with you portfolio. Fancy is a modern and elegant way to display your presence online. Only for 7$.

vCard Professional Portfolio Template

vCard Professional Portfolio Template

vCard Professional Portfolio Template is a single page virtual business card template with a jquery hide/show effect. It’s a clean and simple design that comes with two background variations. Just for 8$.

vCard Professional Template

vCard Professional Template

vCard HTML Template is clean style design for vcard or personal website. There are 8 color variations for this theme that you can choose base on you favorite color. Just for 8$.

MiniMe Personal vCard Design

MiniMe Personal vCard Design

MiniMe is a vCard design with gradients and you can change colors easy. You can download .PSD file for free.

MiniCard Theme for Wordpress – a cool free business card/social network theme

MiniCard Theme for Wordpress – a cool free business card/social network theme

MiniCard is a social network/business card free Wordpress theme inspired by Tim Van Damme’s excellent website. The theme lets you add links to all the social networking sites you may be a member of, and post useful information such as bio’s and contact details.

The Digital Business Card Wordpress Theme

The Digital Business Card Wordpress Theme

This free WordPress theme is perfect for those that need a good “Digital Business Card” or if you simply need a simple website with a few bits of information and links to social networks.

Visiting Card

Visiting Card

Another great free WordPress theme inspired by Tim Van Damme.

Tutorials

jQuery look: Tim Van Damme

jQuery look: Tim Van Damme

The two key effects Tim Van Damme is using are a simplified accordion and a hover effect. It’s worth noting that the hover effect only works in WebKit (Safari & Chrome), but this tutorial will show you how to create the effect using jQuery too.

Design a Dark, Contemporary Minifolio in Photoshop

Design a Dark, Contemporary Minifolio in Photoshop

In this tutorial you’ll learn how to create your own vCard and portfolio mixed design.

Your Opinion

What do you think? Do you agree that vCard Websites are Portfolio Design trend? If you know more templates, themes or tutorials on how to create vCard website please share your suggestions and thoughts in comments.

Written by Tomas Laurinavičius

Tomas is a young blogger from Lithuania. He's interested in webdesign, photoshop and wordpress. Follow Tomas on Twitter @tomaslau.

31 Responses to “Portfolio Design Trends: vCard Websites”

  1. Calítoe.:. 8 December 2009 at 23:17 Permalink

    I was hoping someone would write such a post about vCards soon, and here it is. I had found some inspirational sites and templates round there, but here we’ve got everything condensed at a handy page. :D Thanks a ton!

  2. Mustafa Quilon 16 December 2009 at 12:06 Permalink

    Nice Collection and thanks for mentioning my theme :)

  3. graphiste freelance 13 January 2010 at 21:55 Permalink

    very nice and interesting article.I like the soft theme like Mac ^^

  4. social network design 21 January 2010 at 13:56 Permalink

    You may include the mail id of this persons who designed these themes then we can directly contact them.

  5. Zaki 14 February 2010 at 13:55 Permalink

    I like Chris Rowe design. Nice article :D

  6. Rod 22 February 2010 at 14:41 Permalink

    Include http://www.veterinariarivas.com , thanks!!


Leave a Reply