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 use 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 into 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 as 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 won’t just show you pictures of those business cards. We will categorize the various ways designers have used 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.
QR Code cards by b-type design from Flickr. (Source)
Emily Hartman’s card from mediacross. (Source)
Stephanie Obodda’s card from Flickr. (Source)
Marc Heatley’s card from his website. (Source)
2. Put it on the back of the card.
Sometimes that can simply be the best choice.
Designosaur (card front) from Flickr. (Source)
Designosaur (card back) from Flickr. (Source)
Le Boss cartoon card by b-type design. (Source)
3. Use a square as the card shape.
If you’re going to put the QR Code on the card, why not make it the entire design at the back? The card will instantly stand out 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 card. (Source)
Casey Templeton’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 a significant amount of real estate on a business card. A designer must consider its placement very carefully.
Geng Gao’s business card. (Source)
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 card from Flickr. (Source)
6. Use a laser-cut design.
Cut holes in the card to form the pattern of the QR Code. If the code still works, this technique will result in a cool card design that can make people go “Wow.” It may not work for all QR Code patterns, though.
Tom Wyatt’s card from Flickr. (Source)
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 card from Behance. (Source)
David Erickson’s card from Flickr. (Source)
Dekonstruktiv card from dekonstruktiv.org (Source)
8. Mix it into another design
It’s a risk to combine the QR Code with a background design. People may 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 design from Flickr. (Source)
Crowd Control card from avlmarketing. (Source)
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.
David Shellabarger’s card from Flickr. (Source)
GG card from armatodesign.com. (Source)
ImageOne Design card from Flickr. (Source)
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 card from Flickr. (Source)
Mailtrade card from CoolestBusinessCard. (Source)