Today, we rolled out a spanking new QR Code generator called SnippQR. It’s a free web app that lets you make custom QRs and email them to yourself.
Let’s be real… There are some horrible use cases out there. It’s quite sad. We wouldn’t be doing our job if we didn’t show you how to do it right.
A perfect use case for a QR code is one that drives a user to a Twitter. Designing a simple, but stylish QR code can increase your twitter followers.
Want yours? We’ll show you how step-by-step.
Here is what you’ll be making:
Step 0: Go To SnippQR (qr.snipp.com)
This is a no-brainer. Throw open your browser of choice (I suggest Chrome) and type http://qr.snipp.com.
Boom. Congrats on finishing Step 0!
Step 1: Type Your Twitter URL
See the crazy adjectives (we may have gotten slightly carried away)? Look you’ll see a place to type in your destination URL. Simply add your twitter URL (http://twitter.com/YOURHANDLEHERE) and hit, “Create Your Own QR Code.”
Note: By default, our generator will shorten your URL – we suggest you keep it shortened…trust us.
Step 2: Get Your Style On
Get your style on! For body style, select “Blueprint” and for eye style, select “Peacock.”
Step 3: Color It!
Hit foreground and select gradient.
It’s important when designing custom QR codes that you use correct brand colors.
I consulted the Twitter branding guidelines and found the that their “bird” color is a hex color – #00ACED. Type this in the “start color box”.
To get that cool gradient effect without losing branding color, put the same web color in the “end color” box and slide the darkness level to your desired color – or you can just use our choice: #00364A.
Hit “Radial” for gradient style – it’s important to select this because you want your start color to be the same as the logo you’ll be placing in the middle.
Step 4 Colorize those eyes:
Click the “eye” option. Simply put the twitter hex color in both boxes. That way you will select both the outer ring and inner ring of they.
Step 5: Put a Bird On It!
Click the “image” tab. then click the Twitter icon. Size the bird to your liking, but we suggest you select “create border around image.”
Why? 1) It looks better and 2) It reduces errors in scanning.
Step 6: Check Yo Self.
Make sure you test your code! Right above the code itself, there is a “test QR code” that you can click and it will automatically run the test. (Don’t worry, we test it even if you forget).
Step 7: Ship It!
Click “email my custom QR code” to send that gorgeous QR code to yourself.
For you advanced folks, there are some formats and color models to choose from. Feel free to select as many options as you want and need.
If you have selected a transparent background, use the PNG option – this will keep the background transparent.
If you are printing your QR code/placing it on a print piece, make sure you select the CMYK color model. RGB is used for web while CMYK is used for print.
Step 8: Follow us!
All this talk about Twitter means that we have to get one little shameless plug in…