{"id":20184,"date":"2013-07-04T09:50:16","date_gmt":"2013-07-04T13:50:16","guid":{"rendered":"http:\/\/www.andysowards.com\/blog\/?p=20184"},"modified":"2023-04-21T02:36:33","modified_gmt":"2023-04-21T06:36:33","slug":"the-best-uses-of-qr-codes-in-design","status":"publish","type":"post","link":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/","title":{"rendered":"The Best Uses Of QR Codes In Design"},"content":{"rendered":"

Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background that can be read by an image scanner. The scanner then tells the device it is on to access a certain website or page. They are very popular in tech-obsessed countries like Germany and South Korea, and they are becoming increasingly popular everywhere else. That means they are being incorporated into more and more designs. So brace yourselves!<\/p>\n

Like other design elements, they are only effective if used properly, so be sure to implement these best practice techniques!<\/p>\n

Best Practice \u2013 Make Them Easy To Scan<\/h2>\n

Codes must be easy to scan and put in places where people can use them (and see them). It is surprising how many ads in airplane magazines, underground stations that don\u2019t have WiFi access or on public transport that is usually speeding past most people. It sounds simple but these are the things that need to be thought about – plan ahead, because many don’t!<\/p>\n

Best practice \u2013 Give People a Reason To Scan It<\/h2>\n

QR codes need to pique peoples\u2019 interest. If they are tech-savvy, you can create interest by simply having a code with a call to action and usually that will be enough. For an ad targeting a broader audience, you may need to tell them to scan to see more or possibly enter to win something of value to them.<\/p>\n

Best Practice \u2013 Ensure It Goes To a Mobile-Enabled Site<\/h2>\n

Many QR codes direct the person scanning it right to their regular, desktop-optimized site. Of course, this makes no sense. QR codes are, by their very definition, accessed via mobile devices. The website the code points to must be enabled for those devices or you will just frustrate your target audience.<\/p>\n

These best practice techniques leave a lot of room for creativity, and many designers are taking advantage of that to incorporate QR codes into their designs in unique and interesting ways.<\/p>\n

Help Japan Now.<\/h2>\n

\"\"<\/p>\n

This ad, designed to raise money for the Red Cross\u2019s efforts after the Fukushima disaster in Japan, puts the QR code in the heart of the Red Cross. It shows how much work the Red Cross does by inserting images of the things they do into the arms of the cross.<\/p>\n

Victoria\u2019s Secret Ad Campaign<\/h2>\n

\"\"<\/p>\n

Victoria\u2019s Secret, the world\u2019s biggest lingerie brand, is well known for its sexy ads. This campaign took that sexiness up a notch, using the QR codes to seemingly cover the models\u2019 body parts. In fact, the code is covering the underwear.<\/p>\n

Bergge Tattoo Job Ad<\/a><\/h2>\n

\"\"<\/a><\/p>\n

When a new tattoo parlour wanted to find talented artists, they placed this ad. Potential tattooists had to fill in the QR code to access the application form. Clever talent recruitment tactic!<\/p>\n

The Guinness QR Cup<\/a><\/h2>\n

\"\"<\/a><\/p>\n

Guinness designed an ingenious beer glass. Whilst empty or full of lager, it cannot be scanned. But when topped up with the world\u2019s most famous stout, the Guinness glass reveals a QR code that can be scanned for increased consumer interaction.<\/p>\n

Calvin Klein Billboard<\/a><\/h2>\n

\"\"<\/a><\/p>\n

This billboard in New York City works with a similar principle as the Victoria\u2019s Secret ad: scanning the QR code takes viewers to a much racier version of a Calvin Klein ad than they could place in such a high-profile area.<\/p>\n

Thorsten R\u00f6ver AGD Business Cards<\/a><\/h2>\n

\"\"<\/a><\/p>\n

These business cards come in two parts: the paper wrap that includes all the normal business card information and the thin piece of wood that has a QR code carved into it. It shows the impact design can have when natural materials are used to present futuristic technology.<\/p>\n

Tesco\u2019s Virtual Shops<\/h2>\n

\"\"<\/p>\n

In South Korea, residents are technology-rich and time-poor. Tesco made a push to become the biggest grocery store in the country by installing these virtual shops in metro stations. On their way to or from work, passengers can scan the items\u2019 QR codes, drop them in a virtual basket, buy them and have the products delivered by the time they arrive home in the evening \u2013 all without setting foot in a crowded shop.<\/p>\n

Coca-Cola Ad<\/h2>\n

\"\"<\/p>\n

This ad demonstrates just how subtle QR codes can be. The digital dots at first glance seem to form a high-tech version of the spray you often get when opening a can of Coke, but if you look more carefully, it reveals a QR code.<\/p>\n

Instagram Print Ad<\/h2>\n

\"\"<\/p>\n

This ad was designed by a creative agency called Stupid. However, this ad is anything but, as it is made up of a great many Instagram images. Beautiful use of their photos in a technologically advanced ad!<\/p>\n

Disney Ad In Japan<\/a><\/h2>\n

\"\"<\/a><\/p>\n

Blogger Cliffano Subagio was surprised to see the scale of QR code use in Japan, highlighting these Disney ads as outstanding examples. Indeed, they use the QR codes to form part of the faces of some of Disney\u2019s biggest characters.<\/p>\n

These examples illustrate the points mentioned above excellently. By mixing creativity with best practice, they came up with some of the best uses of QR codes in design.<\/p>\n

What is your favorite implementation of QR Code design that you have seen in the wild? Share with the class and let us know in the comments below! Thanks for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"

Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background that can be read by<\/p>\n","protected":false},"author":134,"featured_media":20196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[511,537,208,109,4207,24,199,35,111,4050,1,107],"tags":[837,5904,5905,5891,5885,5887,5892,1127,3048,5909,3267,5773,5771,5772],"yoast_head":"\nThe Best Uses Of QR Codes In Design<\/title>\n<meta name=\"description\" content=\"Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Best Uses Of QR Codes In Design\" \/>\n<meta property=\"og:description\" content=\"Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/andysowardsfan\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-04T13:50:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-21T06:36:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"346\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire Roper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@andysowards\" \/>\n<meta name=\"twitter:site\" content=\"@andysowards\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire Roper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/\",\"url\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/\",\"name\":\"The Best Uses Of QR Codes In Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg\",\"datePublished\":\"2013-07-04T13:50:16+00:00\",\"dateModified\":\"2023-04-21T06:36:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/a77fd4bef13f922a8240aa46ccb034a7\"},\"description\":\"Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background\",\"breadcrumb\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#primaryimage\",\"url\":\"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg\",\"contentUrl\":\"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg\",\"width\":\"500\",\"height\":\"346\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.andysowards.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Best Uses Of QR Codes In Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#website\",\"url\":\"https:\/\/www.andysowards.com\/blog\/\",\"name\":\"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards\",\"description\":\"Design Inspiration & Business Resources for Creatives\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.andysowards.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/a77fd4bef13f922a8240aa46ccb034a7\",\"name\":\"Claire Roper\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ba7f257329a562c55a6b5a7705cfd5e0?s=96&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ba7f257329a562c55a6b5a7705cfd5e0?s=96&r=pg\",\"caption\":\"Claire Roper\"},\"description\":\"Claire writes on behalf of Print Express, printing specialists of reports, manuals and business cards. Claire loves keeping up to date with the latest trends in technology.\",\"url\":\"https:\/\/www.andysowards.com\/blog\/author\/claireroper\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Best Uses Of QR Codes In Design","description":"Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/","og_locale":"en_US","og_type":"article","og_title":"The Best Uses Of QR Codes In Design","og_description":"Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background","og_url":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/","og_site_name":"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards","article_publisher":"http:\/\/facebook.com\/andysowardsfan","article_published_time":"2013-07-04T13:50:16+00:00","article_modified_time":"2023-04-21T06:36:33+00:00","og_image":[{"width":500,"height":346,"url":"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg","type":"image\/jpeg"}],"author":"Claire Roper","twitter_card":"summary_large_image","twitter_creator":"@andysowards","twitter_site":"@andysowards","twitter_misc":{"Written by":"Claire Roper","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/","url":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/","name":"The Best Uses Of QR Codes In Design","isPartOf":{"@id":"https:\/\/www.andysowards.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#primaryimage"},"image":{"@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg","datePublished":"2013-07-04T13:50:16+00:00","dateModified":"2023-04-21T06:36:33+00:00","author":{"@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/a77fd4bef13f922a8240aa46ccb034a7"},"description":"Quick response codes, known as QR codes, are essentially 2-D barcodes. They usually use black pixels, arranged in a square and against a white background","breadcrumb":{"@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#primaryimage","url":"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg","contentUrl":"https:\/\/www.andysowards.com\/blog\/assets\/victorias-secret-qr-code-ad-campaign.jpg","width":"500","height":"346"},{"@type":"BreadcrumbList","@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-best-uses-of-qr-codes-in-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.andysowards.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Best Uses Of QR Codes In Design"}]},{"@type":"WebSite","@id":"https:\/\/www.andysowards.com\/blog\/#website","url":"https:\/\/www.andysowards.com\/blog\/","name":"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards","description":"Design Inspiration & Business Resources for Creatives","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.andysowards.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/a77fd4bef13f922a8240aa46ccb034a7","name":"Claire Roper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ba7f257329a562c55a6b5a7705cfd5e0?s=96&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ba7f257329a562c55a6b5a7705cfd5e0?s=96&r=pg","caption":"Claire Roper"},"description":"Claire writes on behalf of Print Express, printing specialists of reports, manuals and business cards. Claire loves keeping up to date with the latest trends in technology.","url":"https:\/\/www.andysowards.com\/blog\/author\/claireroper\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/20184"}],"collection":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/users\/134"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/comments?post=20184"}],"version-history":[{"count":1,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/20184\/revisions"}],"predecessor-version":[{"id":46106,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/20184\/revisions\/46106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/media\/20196"}],"wp:attachment":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/media?parent=20184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/categories?post=20184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/tags?post=20184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}