QR Code Hat Project

Published on 2024-10-31 by Kevin Zarate


So, I have a website, as I assume you’re reading this on. However, being a sleazy tech bro who shamelessly has to plug my own website, I decided to get myself a custom hat. I forgot how the idea popped into my head. Still, I’m pretty sure I was browsing AliExpress for a cheap vendor to custom print a flag (I also got myself a trio of Frieren shirts, but we don’t talk about that) when I saw Custom Embroidered Caps and Hats - Personalized Logo or Text- - Ideal for Business, Events, and Gifts. AliExpress Page

AliExpress Page

It was the only embroidered hat I could find; the others were printable fabrics. Plus, the good reviews (most importantly, with photos) were a green flag.

AliExpress Reviews

Reviews with Pictures

Besides the comically oversized title, this looked solid. “Ideal for Business, Events, and Gifts,” yeah, I have full intentions of wearing this to a job fair. It seemed like a cool hobby advertising thing to do. “Hey, is that a QR code?” “Yes, feel free to scan it,” and then it’ll either do to a PDF of my resume or to this website homepage. Either that’s moxy or autism showing, and I’m too poor for a psychological evaluation.

Jerry Smith

Visualization of how I feel

Static/Dynamic QR Code and Design

So, apparently, there are two types of QR codes. A static QR code is usually the better choice because it’s simple, reliable, and doesn’t require a subscription or third-party service to keep it working. Static codes permanently link to a single URL, meaning once created, it will always direct to that link without any changes. Dynamic QR codes, however, allow you to update the link without changing the barcode, which is helpful for campaigns or changing URLs, but they often rely on a paid service to maintain that flexibility. Since a hat design is a long-term, unchanging item, a static QR code keeps things easy, cost-effective, and forever scannable. However, I wanted flexibility and love not paying for shit, so I made a landing page and used HTML to refresh the page to the direct. Since my site uses self-hosted analytics, this essentially copies the functionality of a dynamic QR code.

Just make a layouts/_default/redirect.html, then make a basic landing page with this in the head:

    <meta http-equiv="refresh" content="0; url={{ .Params.redirect }}" />

and this basically anywhere in the body

If you are not redirected automatically, <a href="{{ .Params.redirect }}"><b>click here.</b></a>

Lastly, when you make your markdown file, just put the redirect URL like so:

---
title: "QR Code Redirect"
layout: "redirect" #name of the layout
redirect: "https://kevinzarate.dev" #url to redirect to
---

I wanted to go all in, so I put my favcon, QR code, and url on the hat. I do have to say that the seller was accommodating, I asked on AliExpress if it was possible to embroider the QR code. I initially thought the barcode itself would pop out if that makes sense. I did express concern that it would be too messy for the machinery and got told that two better options would be printing onto the hat or printing onto fabric and then stitching a border around the fabric. Email one

Understandable and Helpful Response, I had concerns

Email two

Emailed the designs to the vendor after my purchase

Embroidery Locations

Embroidery Locations

I am happy to say that I received a good-looking mock-up. The favcon was nicely centered, and the URL was curved on the back. The vendor was very able to fill in the blanks my monkey brain had left behind Email three

The Prodigal Hat Arriveth

Ordered on the 14th of October, 2024 and arrived on the 26th. Fast shipping, considering the Chinese delivery service got the hat two days after purchasing. When I opened it, I was impressed by the pop-out text. Hat

Yippee, pop-out text!!!
Embedding this video was a pain

The QR code looks like it’ll hopefully not peel off; unfortunately, time will tell. The URL text on the back was okay. Nothing bad; it was actually exactly what I set my expectations for, considering the curve was perfect.

Final Thoughts

As I wrap up this little adventure into Chinese sweatshops, I can’t help but feel excited about the potential of this quirky accessory. Not only is it a fun conversation starter, but it also has the potential to be a nice gimmick at job fairs. Imagine someone asking about that eye-catching QR code and getting a sneak peek into my schizo yapping or maybe even a PDF of my resume! It’s like a modern business card, but way cooler. Plus, it opens the door for some lighthearted moments—who doesn’t love a good Rickroll? Just imagine someone scanning my hat and instead of my website, they land on Rick Astley belting out “Never Gonna Give You Up.” In a world where personal branding is critical, I finally understood what my social networking teacher was talking about: blending professionalism with a touch of humor, all while keeping things effortlessly stylish. Who knows, I might make a merch store one day… Me wearing the hat

Drip

Freaky ass pumpkin

Happy Halloween