Project: UX-Driven Custom Trading Card Experience


About Project:

This project explores how user experience design can extend beyond screens into physical collectibles by connecting ownership with process transparency. a UX-forward concept for the trading card collector market, integrating traditional hand-drawn art into interactive DIGITAL experiences using QR integration.

Final signed back of the card with QR code

Objective

Design a mobile-first digital experience that enhances the “hit moment” when collectors pull a 1/1 hand-drawn sketch card.

Why this matters

Collectors don’t just want a rare card — they want:

authenticity and proof it’s real

● artist connection and story

● a premium moment worth sharing

Project Goal

Create a scan-to-video companion experience that feels exciting, trustworthy, and easy to use in under 10 seconds.

Problem

Interviews with artists and collectors revealed a modern trading card market that is saturated with mass-produced cards and often lack a personal connection between the artist and the collector.

Ideas Explored

  • Original illustrated trading card series

  • Character biography trading cards

  • Retro comic-style collectible card

  • Digital cards and NFT flexibility

Reflection

This concept was chosen because it combines illustration, storytelling, and UX interaction in a collectible format. In developing a one-of-a-kind illustrated trading card system, you can meet these needs through a combination of traditional artwork with a digital interactive experience.

Brainstorm Phase


Identify Phase


Define Phase


Project Plan
The project was divided into several stages:

  1. Research trading card designs

  2. Develop card layout concepts

  3. Create character illustration

  4. Design card back layout

  5. Integrate QR code interaction

Research Focus
Research included classic comic trading cards, paper types, adhesive types, traditional mediums that work best, layout hierarchy, and ways digital content can enhance physical collectibles.

Concept Development
Several layout concepts were explored through sketching.

Sketch variations included:

• Character pose variations
• Border and frame designs
• Title and typography placement
• Card back information layout

Final Direction
The selected design emphasizes the character artwork while keeping text information readable and organized.



Peer Feedback

Peers suggested improving:

• Visual hierarchy for titles
• Simpler background elements
• Clear explanation of the QR code feature

Audience Feedback

Viewers familiar with trading cards responded positively to the concept of linking a physical collectible to a behind-the-scenes video showing the creation process.


Early UX Attempt


Final Product

The final project is a fully designed custom trading card that combines traditional illustration with an interactive digital experience.

Collectors can scan the QR code on the back of the card to view a video showing how the artwork was created.

Advertising the Product

The card concept can be promoted through:

• A portfolio website featuring the making-of videos
• Social media posts showing the creation process
• Direct commissions for collectors interested in custom cards


What Didn’t Go Well

Some challenges included balancing layout elements and clearly integrating the QR code interaction into the design. choosing paper type and weight

type of glue

media

What I Learned as a Designer

I learned how important visual hierarchy and layout structure are when designing small-format collectibles.

What I Learned as a Project Manager

I learned the value of developing a project in stages, gathering feedback, and refining the design based on critique.

Ideate Phase


Prototype Phase

Alternative exporations

Development Stages

Stage 1: Concept sketches
Stage 2: Card layout template
Stage 3: Character illustration
Stage 4: Card back design with QR code

Obstacle
Balancing artwork with readable information on the card back was challenging.

Solution
Simplifying the layout and prioritizing visual hierarchy helped maintain clarity while preserving the artwork.

Test Phase

If buyers can verify a card instantly and see its creation, those cards, it naturally become more desirable.
— Jake C.

Prototype Alternatives


Hidden Florescent Colors

Pros:

The biggest strength of this feature is trust. With ai becoming more and more prevalent, being able to scan a card and immediately see the moment it was created removes a lot of doubt in the market. 

That alone has real value, especially as more collectors worry about fakes or question originality.

It also adds a layer of meaning that most cards don’t have. Instead of just owning the end result, you’re connected to the process behind it. That’s the kind of thing collectors talk about, share, and use to justify paying more.

If buyers can verify a card instantly and see its creation, those cards, it naturally become more desirable.

From an artist's standpoint, it also builds brand in a way that traditional sketch cards don’t.

Every card becomes a piece of content tied back to them, which can drive more demand for their work overall.


Refine Phase

Changes Made:

• Increased title typography size
• Simplified background elements
• Improved organization of card back information
Clarified the purpose of the QR code interaction

These changes improved readability and strengthened the interactive aspect of the design.

Implementation Phase

Project Reflection

What Went Well

One of the strongest aspects of this project was successfully combining traditional hand-drawn artwork with a digital user experience. The integration of the QR code created a seamless connection between the physical card and the online making-of video, transforming the card from a static collectible into an interactive experience.

The overall concept also translated well from idea to execution. The final design clearly communicates the purpose of the card, with a strong visual focus on the character illustration while still maintaining readable and organized information on the back. The balance between artistic expression and functional layout improved significantly through iteration. The time is 4-5 hours for each card from start to completion.

Another key success was the clarity of the user experience. The interaction flow—receiving the card, scanning the QR code, and viewing the creation process—feels intuitive and requires little explanation. This reinforces the goal of making the experience feel natural rather than forced.

Additionally, the project demonstrates a clear understanding of audience engagement. By giving collectors access to the creative process, the design adds emotional value and transparency, which are not typically present in traditional trading cards.

Overall, the project successfully bridges physical and digital design, showing how UX principles can be applied beyond screens to enhance real-world objects.

Process

Brainstorm

I explored multiple directions including character bio cards, retro comic styles, and collectible illustration formats. The strongest concept focused on combining physical cards with a digital storytelling layer.

Identify

I identified the core problem as a lack of connection and interaction in the trading card experience. The solution evolved into a one-of-a-kind card enhanced with QR-based storytelling.

Define

I created a project plan that included sketching layouts, designing the card structure, illustrating artwork, and building the QR-to-video interaction.

Ideate

Multiple layout sketches were explored, including variations in typography, borders, and information placement. The final direction emphasized strong visual hierarchy and readability.

This project explores a trading card concept that combines traditional hand-drawn illustration with an interactive digital experience. Each card is a one-of-a-kind collectible created using traditional media and signed by the artist. A QR code on the back of the card connects collectors to a behind-the-scenes video showing the creation process of that specific artwork. The goal of the project is to enhance the collector experience by connecting a physical collectible with digital storytelling.

Identified Problem
Many collectible cards do not offer an experience beyond the physical object.

Proposed Solution
Create a trading card design that includes:

• Original hand-drawn artwork
• Artist signature
• QR code linking to a making-of video
• A structured card design

This approach creates a deeper connection between the artwork and the collector.

Client Feedback and Artists in my Community


Biggest concerns: 

Spoke to a few Sketch card artists.  They said that with the amount of money and the fact that they are already time-intensive.

It may create friction on the supply side and or raise the costs to do sketches, which may not be worth the trade-off.

You’re asking artists to:

• Record

• Upload

• Tag per card

Also, with the amount of sketch cards that are in products, there would have to be a pretty sophisticated uploading system that would ensure the right video was attached to the right card. 

So this would have to be something that would need to tie into a much larger authentication process, but in the long-term would eliminate fraud.

Foil Vinyl on Claws