← BACK TO HOME · Case Study · Client Project
George's Comic Shop

Designing belonging
into comic culture

Turning a beloved local comic shop into an online neighborhood — a place to discover and buy comics, trade with other collectors, learn to write your own, and find people who genuinely love this stuff.

My role
Concept · UX · UI Design
Team
3 designers + client
Timeline
4 weeks · 2025
Platform
Responsive web
George's Comic Shop
Reader| Writer| Artist

George's Comic Shop is an independent comic shop building an online space for readers, writers, and artists.
A place to discover and buy comics, trade with collectors, and feel part of something local.

01 — Context

The brief from George

George runs an independent comic shop and arrived with a clear vision — build an online space for readers, writers, and artists. Not just a store, a neighborhood. I joined a team of three designers, led the information architecture, the product concept for The Vault's trading and live-auction features, and the homepage experience. My two collaborators focused on the Workshop section and the Scout tool.

The challenge wasn't simply to digitize a comic shop — it was to preserve the excitement of discovering comics, trading with others, and feeling part of a local community.

Belonging

Community over catalogue

Readers don't just want to buy; they want to belong. The whole platform had to feel like a place with regulars, not a shelf of products.

Exchange

Exchange is social

Trading comics is a ritual in physical shops. No digital platform had captured that feeling of trust and mutual ownership between collectors.

Creation

Creation builds loyalty

Readers who make things, even small things, stay longer and engage more. The 10-Minute Sprint was designed around this instinct.

02 — Information architecture

From a rough list to a structured IA

George arrived with a detailed IA. Ambitious in scope, but with overlapping sections and unclear hierarchy. I worked with the team to consolidate it into five clearly separated areas, removing the Watcher Bar and restructuring the Live features into a dedicated section.

George's original IA
George's Comic Shop
The Neighborhood (Home)
Focus: Affective Synchronization (Shared Pulse)
Our Mission (Why, What, How)
Live Presence Indicator
Today's Ritual (Micro-Learning)
Editor's Pick (Curated Archive)
Watcher Bar (Live)
Focus: The Leveler (Interaction Ritual Chains)
Live Drawing Studio
Writer's Corner
Discovery Feed
Replay Archive
Workshops (Learn)
Focus: Flow State (Micro-Learning Dynamics)
10-Minute Sprints
Art & Sketching
Storytelling Mastery
Guest Lectures
The Vault (Shop)
Focus: Relational Commerce (Curated Archive)
Vintage Archive
Collector's Marketplace
Merchandising
Subscription Box
The Sanctuary (Community)
Focus: Intimacy & Safety (Purpose-Driven Belonging)
Open Forum
Podcast Lounge
Physical Space
Our Spirit (Deep Dive)
Refined sitemap
George's Comic Shop
Neighborhood
(Home page)
Workshop Banner → 10-Minute Writing Sprint
Comic Listing Banner → The Vault
Community Feed Banner → Sanctuary
About George + Mission
Workshop
Workshop: 10-Minute Writing Sprint
My Classroom (writing-sprint feedback)
Community Gallery (Winner's Circle)
Live Workshop Banner → Live Session
The Vault
Comic Listing (buy, sell, bidding request)
Live Auction Banner → Live Session
Comic Review
Sanctuary
Community Feed
Community Chat Room
Community Chat Group
Live
Live Workshop (bi-weekly)
Live Auction (weekly)
Neighborhood — home
Workshop — learn
The Vault — shop
Sanctuary — community
Live — realtime
George's Comic Shop
Neighborhood
(Home page)
Workshop Banner → 10-Minute Writing Sprint
Comic Listing Banner → The Vault
Community Feed Banner → Sanctuary
About George + Mission
Workshop
Workshop: 10-Minute Writing Sprint
My Classroom (writing-sprint feedback)
Community Gallery (Winner's Circle)
Live Workshop Banner → Live Session
The Vault
Comic Listing (buy, sell, bidding request)
Live Auction Banner → Live Session
Comic Review
Sanctuary
Community Feed
Community Chat Room
Community Chat Group
Live
Live Workshop (bi-weekly)
Live Auction (weekly)
Neighborhood — home
Workshop — learn
The Vault — shop
Sanctuary — community
Live — realtime
George's Comic Shop
The Neighborhood (Home)
Focus: Affective Synchronization (Shared Pulse)
Our Mission (Why, What, How)
Live Presence Indicator
Today's Ritual (Micro-Learning)
Editor's Pick (Curated Archive)
Watcher Bar (Live)
Focus: The Leveler (Interaction Ritual Chains)
Live Drawing Studio
Writer's Corner
Discovery Feed
Replay Archive
Workshops (Learn)
Focus: Flow State (Micro-Learning Dynamics)
10-Minute Sprints
Art & Sketching
Storytelling Mastery
Guest Lectures
The Vault (Shop)
Focus: Relational Commerce (Curated Archive)
Vintage Archive
Collector's Marketplace
Merchandising
Subscription Box
The Sanctuary (Community)
Focus: Intimacy & Safety (Purpose-Driven Belonging)
Open Forum
Podcast Lounge
Physical Space
Our Spirit (Deep Dive)
03 — User flow

The core loop, simplified

The core experience was intentionally simplified to reduce friction — from discovering comics to collecting, trading, and participating in the community. Every step in this flow was a deliberate product decision.

Buy · trade · bid
Entry
Arrive
Neighborhood feed & today's picks
Discover
Browse The Vault
Enter The Vault
Comic detail & trust cues
then one of three paths
Path A · Buy
Buy
Fixed price listing
Confirm Payment
Owned
Path B · Trade
Request Trade
Propose comic exchange
Wait for Acceptance
Other collector reviews offer
Confirm
Trade complete
Path C · Live auction
Live Auction
Sundays only
Enter Bidding
Join the live room
Place Bid
Outbid? bid again ↺
Auction Closes
Countdown ends
Win
Confirm Payment
Comic is yours
Lose
Return to Browse
Back into The Vault
10-minute writing sprint screen, full size
Propose a trade modal, full size
Live auction room, full page
The Vault listing page, full page
George's Comic Shop homepage, full page
High-fidelity design of The Vault, full page
George's Comics design system, full sheet
Entry
Arrive
Neighborhood feed & today's picks
Discover
Browse The Vault
Enter The Vault
Comic detail & trust cues
then one of three paths
Path A · Buy
Buy
Fixed price listing
Confirm Payment
Owned
Path B · Trade
Request Trade
Propose comic exchange
Wait for Acceptance
Other collector reviews offer
Confirm
Trade complete
Path C · Live auction
Live Auction
Sundays only
Enter Bidding
Join the live room
Place Bid
Outbid? bid again ↺
Auction Closes
Countdown ends
Win
Confirm Payment
Comic is yours
Lose
Return to Browse
Back into The Vault
Key decisions

Two product decisions that changed everything

◆ The Vault

P2P Exchange

The problem

Online comic marketplaces treat selling and buying as separate, transactional acts. There's no space for the ritual of exchange between collectors.

My proposal

A peer-to-peer trading system: users list a comic they own and browse what they want. The trade is proposed directly to another community member — no money changes hands.

Why it matters

Removing price entirely was a deliberate product decision. It signals that value here is relational, not financial — and it separates trading from purchasing as a conceptual layer, just as it feels in a real shop.

◆ Live

Real-time Bidding

The problem

Live auctions for limited comics generate genuine excitement in physical shops — but standard e-commerce interfaces flatten that energy into an address-and-checkout form.

My proposal

A live auction feature with real-time bids, an on-screen countdown, and a running bid history — designed to feel like a room full of people, not a queue.

Why it matters

The live design decision was how to communicate urgency without manipulation. Most auction UIs resort to aggressive red timers. I chose typographic weight and a calm countdown instead — maintaining tension while keeping the experience warm and on-brand.

Both features were designed collaboratively, hi-fi in Figma, and prototyped in HTML — and became the two most-discussed decisions with the client.

04 — Design process

From foundation to interaction

01

Design System

I built the visual system before touching any screen — type, color, grid, and component rules for The Vault, Live, and Neighborhood. This kept three designers consistent across every section.

George's Comics brand & design system sheet
02

Hi-Fi Design

I focused on the homepage and The Vault — the two surfaces that establish trust and set the tone. Getting these right first gave the rest of the team a clear reference to follow.

Low-fidelity wireframe of The Vault High-fidelity design of The Vault
03

Responsive Prototype

I built the flows as interactive HTML — 10+ pages — giving the client a clickable walkthrough of every major flow. This was especially important for the Live auction, where Figma couldn't capture the live feel.

05 — Key screens

Designing the core experience

These five screens represent the core experience — from discovery to collection, trading, and community participation. Each screen had to justify its own existence in the flow.

George's Comic Shop homepage, full page
Homepage
The Vault listing page, full page
The Vault
Live auction room, full page
Live Auction
Propose a trade modal
Comic Trading
10-minute writing sprint screen
10 Min Sprint
Reflection

What I learned. What I'd do differently. What I'd validate next

What I learned

Leading with a style guide meant every screen decision was fast, consistent, and easy to justify to the client.

The design-vs-business tension created genuine visual debates — and showed that the homepage carried their whole community without a hard sell.

Prototyping the Sprint in HTML revealed real interaction issues Figma couldn't have — small things, but the ones that made every wrap feel real.

What I'd do differently

I'd research George's IA in even more depth before locking prototype scope — a looser first spec would have saved a full revision.

I'd involve real collectors sooner. A feedback session earlier would have caught trade-flow friction before I built and refined it twice.

I'd pressure-test the P2P Exchange logic against real-world trust models, not what the design was clearly finished.

What I'd validate next

Whether P2P trading actually reduces churn: does the community-first exchange keep collectors returning more than a purchase-only model?

Whether the calm countdown holds tension in a real bidding room, or whether urgency needs a slightly stronger visual cue.

Whether engagement after the 10-Min Sprint carries — does creating a comic increase long-term participation and loyalty?