The Recent Marketing Buzz on QR Codes
2010 Marketing Budgets - Challenge & Opportunity

QR Codes: Part II Designing for Mobile

So now that you have decided to put a QR Code on your marketing, how do you generate them and what kind of landing page do you create?  The most useful way to implement a QRC campaign is to use the same type of dedicated landing page to act as a collection mechanism in the same way this blog has developed them for PURLs, email, direct mail and other channels.

Creating QRCs
There is absolutely no need to pay for a standalone service to create and host QR Codes.  A few new subscription services are out there which provide code creation and tracking, but using one of these is a terrible idea!  The goal of employing a cross media channel is to collect user information while at the same time avoiding data silos.  Adding another system to track them is nonsense.  The goal of any cross media marketing effort  is to consolidate data and collection in one location, not add to clutter by throwing on a “me to” product.  The key to success with this technology is to integrate it as another tool to complement existing efforts, not start a new one.

For Static Applications
Use a free code generator such as to generate your image.  This image can then be incorporated into the design of your advertisement.  It can appear almost anywhere.  The QR Code can drive respondents to content specific landing pages that include an opt-in form.

For Variable Applications
For variable marketing applications such as email or variable data print such as VDP Mail®, individual codes can be generated for each recipient.  This code can contain a Personalized URL (PURL) or other specific content, such as a prize or discount code.
Landing Page Design
Since the QR Code is most likely to be accessed by mobile device, the content needs to take this into account.   Some mobile browsers are able to expand and pan, but many cannot.  A few specific suggestions include:

  • Keep the design simple and bold for easy viewing and navigation
  • Avoid using large images and adding content to the page which makes requires a lot of bandwidth
  • Use basic elements like <div> tags and unordered lists ( <ul> tags ) with minimal styling to create menus and buttons instead of images.  By simply adding a background color, a border and making internal <a> tags display as block elements your navigation will appear as buttons and stretch nicely across any size mobile screen.
  • Remember that different mobile browsers or QR Code readers will override some site code (such as scaling), so use minimal styling
  • Some QR Code readers, such as Mobile Tag, add a query string onto the URL which can cause issues with some sites

Here is a good sample from our friends at JohnsByrne Digital in Chicago.


QR Codes are an easy way to direct mobile device users to specific content without requiring them to type in an address and have a few good applications in mobile and event marketing.  They are like every other tool in the cross media suite that can add one more collection mechanism to start a two way conversation.


Nick Ford

Good tips. You could could write a book about landing page design. That is a BIG component. Designing awesome mobile content is extremely important so that user finds value after the scan. Focus need to go beyond the code.

JFM Concepts

I agree. If the content is not timely and relevant than the user won't come back!

The comments to this entry are closed.