QR codes are everywhere now—on menus, storefront windows, product packaging, posters, and even payment screens. However, people don’t always scan them in ideal conditions. They scan while walking, under bad lighting, with one hand full of groceries, or through a glossy poster that reflects the sun once the angle is wrong.

According to Wave, an estimated 102 million Americans are expected to scan QR codes in 2026, and more brands will implement them in their marketing plans. Most of the time, however, the problem isn’t generating a QR code. Rather, it’s designing one that people notice, trust, and can properly scan with their mobile devices.

Here, you’ll learn:

• What makes QR codes effective
• What mistakes people often make when creating QR codes
• How to best design QR codes that work properly
• How to use Adobe Express to create working QR codes

Think of QR codes as portals between the physical world and the digital world. They direct you to specific pages that will help you either learn more, pay, or secure something. Your job when designing the QR code is to make that whole process as easy as possible. This guide will provide you with practical insight on the dos and don’ts in creating QR codes, plus QR code best practices that get the job done.

What makes a QR code effective (and not just pretty).

Few things kill the mood faster than someone trying to scan a QR code at checkout—only for it to refuse to scan while a line forms behind them. The truth is, most “QR code problems” aren’t problems with QR codes at all. These are problems with design choices that prevent the code from actually being functional.

Scannable first, branded second.

Branding your QR code is smart, especially when you want to drive brand recognition, but the priority should be scan reliability. The risk with over-styled QR codes is that they can become harder to read for scanners—especially when you start changing colors, adding patterns, or placing the code over busy backgrounds. Watch out for:

• Low contrast: Light gray on white, pastels on cream, or just other colors that blend into the background might look subtle, but cameras struggle to detect them quickly.

• A broken quiet zone: That empty border around the QR code isn’t optional. If text, borders, icons, or graphics crowd it, scanners can’t identify where the code begins and ends.

• High data density: The more information packed into the code, the more complex the pattern becomes. Combine that with heavy styling, and you get a QR code that’s technically correct, but slow to scan or impossible on older phones.

• Logo overload: A logo can be fine, but if it’s too large or placed without enough error correction, you’re basically covering up the parts the scanner needs.

The 4 traits of an effective QR code.

A well-performing QR code must be:

• Visible: A user needs to instantly see where the code begins and ends.

• Scannable: The design also needs to read fast on mobile devices, including older devices and in less-than-ideal conditions (poor lighting, far viewing, etc.)

• Trustworthy: Trust, especially when it comes to QR payment channels, is important. People need to feel safe scanning it, so make sure there’s a clear CTA, and it doesn’t come with security warnings when scanned.

• Useful: The link leads to something that’s genuinely worth scanning for, like a menu, discount, payment page, directions, how-to video, or product info.

Good QR design is about user experience design.

User experience is a building block of lasting customer relationships, and having a well-designed QR that can be easily scanned means customers don’t need to jump through hoops to get to their destination. It all lies in the convenience of the design, which is a cornerstone of QR code best practices.

Even when a QR code works perfectly, scanning isn’t instant because it’s a mini user journey. In a 2024 U.S. Census Bureau usability study, people scanned and opened a QR-linked survey in an average of 12.4 seconds, even with no usability issues reported. That’s why real-world factors like lighting, distance, glare, and phone camera quality matter, because if the scan takes too long or feels finicky, many people will simply give up.

Start with the destination before you design the QR code.

Before touching colors, graphics, and copy, answer this: where are you leading people when they scan the QR? If your destination is wrong or takes forever to load, people are less likely to trust the code and scan it again. Remember, the user is likely scanning because they need something at the moment, and the QR code is what’s going to take them there.

Choose one clear goal per QR code.

A strong QR code has one job, not three. Not “menu, and by the way, here’s our newsletter, plus you can also follow our Instagram.” Pick a single action and design around it, such as:

• Open a menu.
• RSVP to an event.
• Download an app.
• View a product page.
• Join Wi-Fi.
• Claim a promo code.
• Watch a tutorial.

Ogilvy, for example, worked with Burger King to create a TV campaign that gamified scanning a QR code to get free Whoppers. The QR code would roam around the screen, and users had to catch it to access their reward. It was straightforward, but it was still fun and highlighted Burger King’s branding.

Match the landing page to the scanning moment.

Your QR code should land people exactly where they expect to go, and not where your website navigation wants them to go.

• Packaging QR codes work best when they open a mobile-friendly how-to, product info page, ingredient list, or reorder link. Nike, for example, has built experiences like “Shop The Look,” where scanning a code on an in-store mannequin leads to a specific set of items and actions (browse the look, check sizes, request items).

• Event poster QR codes should go straight to the RSVP or ticket page, not the event brand homepage. Think of it like when someone’s actually standing in a hallway or walking past a poster, you have about five seconds of patience.

• Restaurant tabletop QR codes should open the menu instantly. No splash page. No “enter your email.” No extra tap to get to the actual thing they’re trying to read.

Keep the destination mobile-first and fast.

Even if your QR code scans perfectly, the experience still fails if the page loads slowly or feels annoying. Slow pages reduce completion, and extra friction (popups, heavy banners, forced app downloads) makes people bounce. Ideally, they should be able to successfully scan while in public or even mid-task.

QR code best practices that improve scan success.

Not all cameras are made equal, especially when you’re dealing with glare, weird angles, and camera quality from before 2020. This section covers the design choices that make QR codes scan fast consistently, whether they’re on packaging, posters, table tents, or storefront windows.

Always use high contrast.

High contrast is the #1 scan booster because cameras need a clear difference between the QR pattern and the background. The safest setup is still dark code on a light background (some ideal color combos are black on white, deep navy on cream, dark green on pale beige). Avoid:

• Low-contrast combinations that blend together in different lighting.

• Gradients that look cute but reduce contrast in parts of the code (especially at the edges).

• Busy photo backgrounds. If you want the QR code on an image, overlay it on a solid color or badge so the background doesn’t fight the pattern.

Keep the quiet zone clear.

Don’t crowd your design. The quiet zone is the empty margin around the QR code, and it works like the “breathing room” the scanner needs to recognize the code’s edges. Avoid putting text, icons, borders, stickers, patterns, or even a tight frame too close to the code. If you want a border, keep it outside the quiet zone and preserve that clean margin.

Make it large enough for the viewing distance.

QR codes tend to fail because the code is tiny and someone is standing three feet away trying to scan it with one hand. Keep in mind that the farther the scan distance, the bigger the code should be. Here’s a general guide of how to design sizing-wise:

• Packaging and labels (close range): Can be smaller, but must stay high-contrast and flat.

• Table tents (arm’s length): Medium size, easy to scan while seated.

• Posters and storefront windows (several feet away): Larger and placed at eye level.

• Billboards: Usually risky unless you’re controlling distance and speed (people in moving cars and glare is a brutal combo).

To be sure of your code’s functionality, print a test (or mock it at actual size), tape it up where it will go live, then scan from a real distance.

Avoid visual distortion.

QR codes need their geometry. If you stretch, squash, tilt, or wrap them, you’re basically breaking the scanner’s ability to read the pattern. Avoid:

• Resizing by dragging corners unevenly (keep proportions locked).
• Placing QR codes across folds, seams, or corners.
• Wrapping the code around curved bottles and cylinders when possible.

If you really need to place it on a curved surface, move it to the flattest panel you can (or use a hang tag or insert card instead). Additionally, always scan a physical sample after production because curves can distort more than you expect.

Use error correction wisely.

Error correction is what helps a QR code still scan if it’s partially damaged, smudged, or slightly covered. This matters a lot for:

• Packaging that can get rubbed or scuffed.
• Outdoor signages that are exposed to the elements.
• Branded QR codes (especially if you add a logo).

There’s a tradeoff, however. More error correction and more embedded data can make the QR pattern denser, which can slow scanning on older cameras. The move is to use enough error correction for your use case, without combining it with heavy styling and long encoded content.

Don’t overload the QR code with too much data.

QR codes can store a lot of information, but you generally don’t want them to. The more data you encode, the more complex and dense the pattern becomes, which makes scanning slower and more fragile.

Best practices:

• Use short URLs whenever possible.
• If you’re running campaigns, consider dynamic QR codes so you can update the destination without reprinting the design.
• Avoid encoding huge strings (long tracking URLs, paragraphs of text, or multiple destinations).

If your QR code looks like tiny static blobs, it’s usually a sign you’re encoding too much or designing too aggressively.

QR code best practices for customization without breaking the code.

• Treat scanability as non-negotiable. You can customize colors, frames, and shapes, but the QR code still needs strong contrast, a clear quiet zone, and an undistorted pattern.

• Keep the core pattern readable (especially the corner squares). The three “finder patterns” in the corners are how scanners orient the code. Avoid covering, reshaping, or styling those corners too aggressively, even if the rest of the code is customized.

• Customize colors carefully. Dark-on-light is still the safest option, even for branded QR codes. If you use brand colors, test them in different lighting (bright sun, indoor warm lighting, low light) because contrast can look fine on screen but fail in print.

• If you add a frame, don’t choke the code. Frames can help the QR code stand out and give you a place for a call to action, but keep the frame outside the quiet zone. A frame should “support” the QR code, not squeeze it.

• Add a logo only if you do it safely. Keep the logo small and centered so it doesn’t block too much of the pattern. Use sufficient error correction, and add a white background behind the logo if the logo colors blend into the code. Always test on multiple phones before you commit.

• Be cautious with gradients. Gradients can work, but only if contrast stays strong across the entire QR code, from center to corners. If any part becomes low contrast, scanning gets slower or fails completely.

• Avoid transparency on top of photos (especially for print). Transparent QR codes over images often look great on a mockup and then fail in real-world scanning. If you want the QR code over a photo, place it in a solid badge or panel so the pattern stays clean.

• Use patterned backgrounds only with a solid container. If your layout has texture, illustrations, or a busy photo, isolate the QR code inside a clean shape (white or light neutral) with a clear, quiet zone. This keeps the rest of your design creative without sacrificing scan reliability.

Test your QR code before printing or publishing.

Once you’ve completed your design, the last step to accomplish before it goes into production is testing. Here are the most important ways to test the QR code.

Test on multiple phones and camera apps.

Most users scan QR codes with their mobile devices, and some mobile devices even have built-in QR scanners. Try both iPhone and Android, and if possible, test one newer phone and one older phone. Use the native camera and (if relevant for your audience) a common QR scanner app to make sure it works across typical setups.

Test in real conditions, not just on your laptop screen.

Designs can look good on your laptop screen, but get distorted when you print them out. Print out a test design and try out the QR code on a prototype. Test the design using the actual:

• Print size
• Material
• Lighting
• Placement distance
• Scanning angles

Check the full user journey after the scan.

Make sure the page loads quickly, looks good on mobile, and shows the key action immediately. Confirm tracking links work, and double-check that the destination is still live (QR codes are only as good as the link behind them).

Re-test after design edits and export.

Compression, resizing, and production changes can affect how crisp the code is, especially if you export as a low-res image or the printer alters contrast. Always do one final scan test on the final exported file and one physical sample if it’s going to print.

Common QR code design mistakes that hurt scan rates.

Making the QR code too small.

If people have to lean in, squint, or try three times, they’ll give up.

Fix: Size the QR code for the real viewing distance (bigger for posters or window displays, smaller only for close-range labels) and test from where people will actually scan.

Using low-contrast brand colors.

On-brand doesn’t matter if it doesn’t scan. Pastels, metallics, and light-on-light combos often fail in real lighting.

Fix: Keep the QR code dark on a light background and use brand colors around it (CTA, border, accents) instead.

Placing it on a busy or reflective background.

Patterns, photos, and glossy surfaces can confuse scanners or create glare.

Fix: Place the QR code inside a solid color panel or badge and avoid glossy finishes when possible.

Skipping the CTA.

A “naked” QR code leaves people wondering what they’re scanning, and many won’t want to scan it anymore.

Fix: Add a clear, specific line like “Scan to view the menu” or “Scan for 10% off.”

Linking to a homepage instead of a direct action page.

Homepages add friction and make people hunt for the next step.

Fix: Link directly to the exact action (menu, RSVP, product page, tutorial, coupon) with a mobile-friendly landing page.

Printing without real-world testing.

A QR code that scans on your laptop screen can fail after printing, resizing, or finishing.

Fix: Test the final exported file and physical proof at actual size, lighting, and angle.

Using static codes for campaigns that may change later.

If the offer ends, the URL changes, or you need to update the destination, static codes lock you in.

Fix: Use a dynamic QR code for campaigns so you can update links without reprinting.

Forgetting to track performance.

If you don’t track scans and outcomes, you can’t improve placement, CTA wording, or design.

Fix: Use trackable links (separate ones per placement) and monitor what happens after the scan, not just the scan itself.

Design QR-code-ready graphics and signage with Adobe Express.

Once your QR code itself is solid, the next step is placing it into a design people will actually notice and scan. Adobe Express makes this part simple because you can start with templates for posters, flyers, signs, menus, labels, business cards, and social media graphics, then build your layout around the QR code instead of squeezing it in at the end.

It also helps to create multiple versions for different placements. A QR code on a storefront poster needs larger sizing and stronger contrast than one on a product insert or a business card. With Adobe Express, you can quickly resize and adapt the same core design for print and digital formats, so your campaign stays consistent across posters, table tents, emails, and social posts.

Start with a template, place your QR code early, add a clear “Scan to…” line, and export a QR-ready sign, flyer, or card with Adobe Express in minutes, then do a quick real-world scan test before you publish or print. You can even create your own QR code with Adobe Express.

You might also like...

View all