10 Ways to Use QR Codes in Business Card Design

by . July 31st, 2012

QR Codes are everywhere nowadays. They are those square barcodes composed of a static-like pattern, which you will find on contemporary advertisements, product labels, billboards, posters, ID cards, and recently, even business cards. QR Codes have become popular because they are easily scanned using a smartphone, which can instantly store or make use of the barcode data—usually contact info or a website link. In our digital age, the QR Code has been embraced as a convenient way of connecting real-world objects with the virtual realm.

Koodoz business card with QR Code. (Source)

Designers, however, can find it tricky to incorporate the QR Code in their work. It’s not a major problem when designing something such as a poster, where the QR Code can be sidelined in a corner. It’s quite another thing when you have to apply it in the design of a business card, where there is very little space available. You can’t even alter its shape and form, like you can do with text.

Of course, that doesn’t stop a good designer from successfully integrating the QR Code into a business card design. All over the web, you can find examples of clever designs that find a way to make use of the code as a design element. But we’re not just going to show you pictures of those business cards. We’re going to categorize the various ways designers have found of using the QR Code in business card design.


1. Make it dominant.

Use the QR Code as the dominating element of the card layout. This has to be done with flair, or the design may come across as generic.

QRiosity cards by b-type design

QR Code cards by b-type design from Flickr. (Source)

Emily Hartman's business card

Emily Hartman’s card from mediacross. (Source)

Stephanie Obodda's card

Stephanie Obodda’s card from Flickr. (Source)

Marc Heatley's business card

Marc Heatley’s card from his website. (Source)


2. Put it at the back of the card.

Sometimes that can simply be the best choice.

Designosaur Image Studio card

 Designosaur (card front) from Flickr. (Source)

Designosaur Image Studio card (back)

Designosaur (card back) from Flickr. (Source)

Le Boss card by b-type design

Le Boss cartoon card by b-type design. (Source)


3. Use square as the card shape.

If you’re going to put the QR Code in the card, why not make it the entire design at the back? The card will instantly stand out, just for being a square, which is not the most popular shape for a business card. And you know the trend today, the more unique the shape and design are, the better.

Michael Silber's business card

Michael Silber’s card. (Source)


Casey Templeton's card

Casey Templeton’s card from Flickr. (Source)

Adriano Campanaro's card design

Adriano Campanaro’s card from Flickr. (Source)


4. Make it as small as possible.

This is one of the more obvious design options, but it’s still tricky. Even reduced in size, the QR Code will still take up significant amount of real estate on a business card. A designer must consider its placement very carefully.

Geng Gao's business card via YouTheDesigner

Geng Gao’s business card. (Source)

Koodoz business card

Koodoz card from Koodoz Design. (Source)


5. Use a “white on black” design.

Most of the QR Codes you see are black-on-white barcodes. A simple inversion of the colors can give the familiar pattern a touch of distinction.

Michael Kappel's business card

Michael Kappel’s card from Flickr. (Source)


6. Use a laser-cut design.

Cut holes in the card to form the pattern of the QR Code. As long as the code still works, this technique will results in a cool card design that can make people go “wow.” It may not work for all QR Code patterns though.

Tom Wyatt's business card

Tom Wyatt’s card from Flickr. (Source)

Linchpin business card

Linchpin from CoolestBusinessCard. (Source)


7. Use compatible design elements.

Select typefaces and pictorial elements that harmoniously match the blocky, static-patterned QR Code. For example, you can use large, blocky letters and shapes.

Peipei Yu's business card

Peipei Yu’s card from Behance. (Source)

David Erickson's business card

David Erickson’s card from Flickr. (Source)

Dekonstruktiv business card

Dekonstruktiv card from (Source)


8. Mix it into another design

It’s a risk to combine the QR Code with a background design. It’s possible that people will be unable to see the combination as anything but awkward. But those who admire it will surely applaud you (at least in their heads) for attempting such a unique and difficult endeavor.

Max Infeld's card design

Max Infeld’s design from Flickr. (Source)

Crowd Control business card

Crowd Control card from avlmarketing. (Source)

Drew Hornbein's business card

Drew Hornbein’s card from his website. (Source)


9. Play with the code pattern.

Some designers are brilliant enough to use stylistic elements within the barcode pattern itself, without affecting the QR Code’s functionality.

Nightshade Labs card by David Shellabarger via YouTheDesigner

David Shellabarger’s card from Flickr. (Source)

GG card by Tim Armato Design

GG card from (Source)

Anthony Mata's business card

ImageOne Design card from Flickr. (Source)

Ian @ Rev-In's business card

Ian @ Rev-In’s card from Flickr. (Source)


10. Tilt it.

It’s so simple! Just rotate the QR Code. It immediately appears more dynamic.

QR Arts LLC business card

QR Arts LLC card from Flickr. (Source)

Mailtrade business card

Mailtrade card from CoolestBusinessCard. (Source)