Chihkai Su / Shopify & Brand Build
Toronto, ON  ·  Case 001
Self-initiated · my own label

Trabear

A curated vintage label taken from an empty Shopify account to a live storefront in eight weeks.

Role
Brand identity, Shopify build, copy, product imaging, infrastructure
Platform
Shopify (Horizon theme), edited through the Shopify CLI
Stack
Liquid · JSON templates · Cloudflare DNS · Google Workspace
Timeline
Jul – Aug 2026 · launched 27 Aug 2026
Live
trabear.com
Trabear homepage: the wordmark centred on a deep wine ground with concentric arcs, above a scrolling marquee.
Homepage  —  full-bleed wine hero, marquee, then the drop. No carousel, no stock photography, no pop-up.
01

The problem with selling secondhand online

Nobody buys a $135 secondhand long sleeve from a store they have never heard of unless the store answers three questions before they are asked: is it real, what condition is it actually in, and what happens if you are wrong.

Most vintage shops answer none of them. They post a photo, write “great condition,” and hope. Trabear was built the other way around — the trust architecture came first and the visual design was built to carry it.

02

Identity

The Trabear mascot: a crescent moon bear with an underbite grin, drawn in thick black outline with red radiating lines.

The name is Travel + Bear — though the one doing the travelling is the garment, not the bear. Every piece has already lived a life before it reaches the buyer.

The mascot went through four rejected directions — a fine-line crest, a geometric mark, a silhouette, a soft naive character — before landing on 1980s New York pop art: thick outline, crossed eyes, an underbite grin, red radiating lines. The brief I kept returning to was “a cute mood with an un-cute drawing.”

The palette is two colours doing all the work. Wine carries the hero and the header; cream carries every page a customer has to actually read.

Wine#5C1B2B
Wine Lift#7A2D3D
Cream#F5F0E8
Sand#D9C9B8
Moon#E8B532
03

Designing for trust, not for decoration

Two pages carry the whole promise. The product page grades condition on a five-star scale and then lists what is actually wrong with the garment. The authenticity page publishes the six checks every piece passes and commits to a refund with no time limit if a piece is ever confirmed fake.

Trabear product page for a Cactus Plant Flea Market x Kanye West long sleeve, showing a condition rating and a checklist of flaws.
Product page  —  brand, era, tagged size, flat measurements, then
“★★★★☆ Very Good” over an honest checklist: puff print: light surface cracking, normal for age.
Trabear authenticity page listing a six-step verification process and a no-time-limit refund promise.
Authenticity page  —  six named checkpoints and one sentence that does the heavy lifting: if we ever get it wrong, we’ll make it right.
The rule that shaped the photography

Backgrounds are removed with a segmentation model and composited onto the brand cream — never with a generative model. Generative retouching invents details: on a test pass it added a garment tag that did not exist. On a one-of-one secondhand piece, an invented detail is a returned order and a broken promise. Close-up shots of labels and wash tags stay untouched, on their original background, for the same reason.

04

Build sequence

01

Identity

Mascot exploration, wordmark, favicon, and a nav mark that survives the theme’s client-side hydration — the custom menu icons are re-applied by a MutationObserver so Horizon cannot overwrite them on load.

02

Theme

Horizon, re-tokenised to the brand palette. All 448 theme files pulled locally and edited through the Shopify CLI, so every change is reviewable and reversible. Changes ship to an unpublished theme first, get previewed, then get published.

03

Merchandising

Four automatic collections driven by product type, so a new listing files itself. Product-page accordions for shipping, returns and authenticity. A drop structure — Drop 001. Two pieces. Two stories. — that reads as intentional at two items and still works at fifty.

04

Imaging & copy

A repeatable photo pipeline and a description template: brand, item, tagged size, era, colour, material, condition rating, flaw checklist. Voice is dry and slightly mean — the empty cart reads “Your cart is empty. The bear is unimpressed.”

05

Infrastructure

Domain purchase and connection, Cloudflare DNS, a Google Workspace mailbox on the brand domain with SPF and DKIM verified, and an Ontario sole proprietorship registered so the business banks and files separately from the owner.

06

Launch

Shipping zones and free-shipping thresholds for Canada and the US, a second market priced in USD, five policy pages, FAQ, About and a working contact form — then password protection off, verified from outside the admin session.

05

Scope

CountWhatNote
8 weeksEmpty account to public storefrontPart-time, single operator
12Published pagesIncl. 5 policy pages and a contact form
448Theme files under local version controlPulled and pushed via Shopify CLI
6Authentication checkpoints, publishedSource, label, construction, comparison, review, third party
4Automatic collectionsOuterwear, Tops, Bottoms, Accessories
2Markets and currenciesCAD and USD, with separate shipping rules
06

Built on a phone-sized screen first

Trabear homepage on a phone-width screen, with the hero, marquee and the start of the product grid all visible.
390px  —  hero, marquee and the first row of the drop, all above the fold.

Vintage buying happens on a phone, usually from Instagram. Every layout decision was checked at 390 px before it was checked anywhere else: the wordmark scales rather than wraps, the marquee keeps moving so the page never looks static, and the first product is reachable in one thumb scroll.

The header collapses to three targets — menu, search, cart — and nothing else competes with them. No interstitial, no newsletter modal, no cookie wall stacked on top of a first visit.

07

What I can build for your store

Trabear is my own label, which means I own every decision in it — the brand, the theme code, the photography rules, the DNS, the business registration. That is the same range I bring to client work.

Store setup

From $450 USD
  • Theme install and full brand re-skin
  • Collections, navigation, policy pages
  • Shipping zones and multi-currency markets
  • Domain, DNS and branded email
  • Launch checklist, verified outside the admin

Theme customisation

From $250 USD
  • Section and layout changes in Liquid
  • Product page structure: accordions, spec blocks, condition grading
  • Mobile-first fixes
  • Shipped to a preview theme for approval before it goes live

Product page & copy system

From $300 USD
  • A description template your listings can be poured into
  • Condition grading that builds trust instead of hiding flaws
  • Image pipeline: consistent backgrounds, honest detail shots
  • Brand voice you can keep writing in