Designing Business Cards with QR Codes — Layout Tips and Mistakes
How to integrate a QR code into your business card design without ruining the layout. Covers vCard encoding, sizing, placement, and common design pitfalls.
A business card is 89mm x 51mm (3.5 x 2 inches). That's not a lot of space. Adding a QR code without making the card look cluttered requires deliberate design choices.
I've designed cards for clients across industries, and the QR code integration is where most people get it wrong. Here's how to get it right.
What to Encode: vCard vs URL
You have two sensible options:
vCard QR Code — encodes your name, phone, email, company, title, website, and address directly. When scanned, it opens the phone's contacts app with everything pre-filled. No internet needed. URL QR Code — links to your website, LinkedIn, portfolio, or a digital business card page. Requires internet to access.My recommendation for most professionals: use vCard. The entire point of a business card is sharing contact information. A vCard QR code does this in one scan with zero friction. Generate yours at QRMax.
The exception: if you're a creative professional (designer, photographer, developer), a URL linking to your portfolio adds more value than a phone number.
vCard Data: What to Include
More fields = more data = denser QR code = harder to scan at small sizes. Be selective.
| Field | Include | Reason |
|---|---|---|
| Full name | Yes | Essential |
| Mobile phone | Yes | Primary contact |
| Yes | Professional communication | |
| Company | Yes | Context |
| Job title | Yes | Role clarity |
| Website | Yes | One URL is fine |
| Maybe | Only if it adds value beyond the website | |
| Office phone | No | Adds density without much value |
| Mailing address | No | Rarely needed, significantly increases code complexity |
| Photo | No | Dramatically increases QR code density — not worth it |
Size on the Card
The sweet spot is 20mm x 20mm (about 0.8 inches). This leaves enough room for your actual information while being reliably scannable from 15-20cm away.
Minimum viable: 15mm x 15mm. Below that, scanning becomes unreliable on older phones.
Maximum practical: 25mm x 25mm. Larger than this and the QR code dominates the card — it should complement, not overpower.
Placement Options
Back of Card — Full Dedication
The most common and cleanest approach. Front has your info as usual. Back has a centered QR code with a small "Scan to save my contact info" label.
Pros: plenty of space, clean front design, no compromise
Cons: people have to flip the card to see it
Front — Bottom Right Corner
Integrates the QR code into the main layout. Works well with left-aligned designs where the name/title stack on the left and the QR code sits in the bottom-right.
Pros: immediately visible, no flipping needed
Cons: tighter space constraints, card may look crowded
Front — Replacing the Logo Spot
If your company logo isn't mandatory on the card (freelancers, consultants), the QR code can take the logo position — typically upper-left or upper-right.
The Photo Approach
Some designs embed the QR code where a headshot would traditionally go. This works for tech-forward industries but can feel odd in conservative contexts.
Design Integration
A QR code doesn't have to be a jarring black-and-white square on an otherwise beautiful card.
- Match the color — use your brand's dark color for the modules instead of pure black. Navy, dark green, charcoal all work as long as contrast is sufficient.
- Custom dot shapes — rounded dots, diamond shapes, or other styles (available in QRMax) soften the industrial look
- Add your logo/initials in the center — use error correction level H (30% recovery) to compensate for the obscured area
- Match the quiet zone to the card background — if your card is cream, the QR code background should be cream, not stark white
Common Mistakes
Mistake 1: QR code too dense. Encoding your entire LinkedIn profile URL (which includes tracking parameters and is 80+ characters) creates a dense code. Use a clean URL or a shortlink. Mistake 2: Low contrast on colored card stock. A dark gray QR code on a navy card looks sleek and doesn't scan. Test on the actual printed card. Mistake 3: QR code too close to the edge. Leave at least 3mm from the card trim line. Printing has cutting tolerance, and if the blade is off by a millimeter, your quiet zone gets destroyed. Mistake 4: No call to action. A QR code without context gets ignored. Even a small "Scan to save" in 6pt font below the code makes a difference. Mistake 5: Encoding a dynamic QR code URL. Business cards last years. If your dynamic QR service shuts down, your card becomes useless. Use static encoding for anything printed on a business card.Printing Specifications
- Export the QR code as SVG for vector printing (infinite resolution)
- If using PNG, export at 600 DPI minimum for offset/digital printing
- Avoid halftone printing processes for the QR code area — the dots interfere with module detection
- Matte or uncoated finishes scan better than high-gloss (reduces camera glare)
Related Tools
- vCard QR Code — create a contact card QR code
- QR Code Design — brand-matched colors, dots, and logos
- QR Code Generator — general-purpose QR code creation
- URL QR Code — link to portfolio or digital card