At a glance

  • One platform language across brand, product, and interaction
  • 30–40 core web surfaces redesigned within the system
  • Design and implementation rules codified in the front-end repo

17operational brand-system pages

Project Summary

Nyma is a social resale platform for designer, luxury, and vintage fashion. Its commerce architecture worked when I joined, but brand, product aesthetic, interface logic, and implementation rules did not yet form one platform — so the work became rebuilding that layer end to end: a platform idea around continuity, one visual and interaction grammar for the core web experience, and a coded framework the team can carry into mobile.

Topic — 1.0 · Page no. — 02

A working platform without a coherent design layer.

The commerce worked. The platform did not yet speak as one

I joined after the hard plumbing was done: marketplace and auction architecture in place, a website already live. But the brand rationale, product aesthetic, interface logic, and implementation rules had developed as separate decisions.

Nyma was also more social than a listing board: people comment, save, and follow around the pieces. My scope became the missing design layer—one platform language the brand, product, and two-engineer team could all build from.

Topic — 2.0 · Page no. — 03

Thread became a platform principle, not just a brand story.

From a name to a way the platform should behave

Researching Nyma led me to νήμα—Greek for thread. It gave the name more than a story: garments move between owners, value circulates, provenance accumulates, and a community forms around what each piece carries forward.

That made continuity the platform thesis. The brand had to feel archival rather than promotional; the product had to make history, condition, trust, and relationships visible; the system had to hold all of it together.

Three classical depictions of the Fates pinned together: a painting of the three sisters spinning inside a swirl of thread, a dark painting of a hand lowering scissors toward a single taut thread, and an engraving of the Fates spinning, measuring, and cutting.
Pl. 02the working wall — the Fates spin, measure, and cut
νήμαNYMA

/ˈni.ma/ — Greek: “thread; yarn”

Moodboard slice: Not Just A Label homepage studies with dramatic fashion photography.
A Greek black-figure vase painting of two weavers at a loom, above rows of meander and wave patterns.
Moodboard slice: a giant NYMA wordmark test beside early palette chips, resale-platform screenshots, and Greek textile patterns.
Moodboard slice: editorial e-commerce references — product grids, model photography, studio stills.
Moodboard slice: woven textile structure studies arranged as a specimen sheet.
Pl. 03the moodboard table — cut from a 32,768-px board
keep scrolling — the table slides past; grab it any time to look closerscroll the table sideways — it slides past

Testing which expression could carry the thesis

I mapped how secondhand platforms framed value—editorial, archival, transactional, or fashion-forward—then used moodboards and AI-assisted studies to compare those positions quickly.

AI widened the option space; it did not choose the direction. The deciding question was whether each concept could support Nyma’s full product: luxury and vintage, community and commerce, expressive imagery and repeatable interface rules.

A wide competitive-analysis board: screen flows of eBay, Grailed, The RealReal, Depop, Vestiaire Collective and others, layered and annotated.
Pl. 04the field, layered — what each resale platform teaches

Reads like a catalogue raisonné — numbered, provenanced, quiet. The system recedes; the objects carry.

lot numbersconditionprovenance

closest to the thread — this is the structure that shipped

Pl. 05four AI-drafted directions, kept as conversation material — never as answersclick a direction — the same platform, four voices
Topic — 3.0 · Page no. — 04

One design grammar for every wardrobe.

A brand system that governs product decisions

The manual was not a style guide detached from the product. It defined what stays constant, where variation is allowed, and how brand choices shape interface behavior. Clarity, reduction, and structural consistency became operating rules.

That shifted the identity from a set of assets into a shared decision framework. A founder, designer, or engineer could use the same logic to judge a new page instead of interpreting the brand from scratch.

The manual cover: a white NYMA wordmark cropped by the edge of a black band, above the words Brand Guidance.
The Brand Values page: continuity at the point of sale, structure creates trust, restraint as responsibility, transparency enforced, value circulates.
The Color Pallet page: a Greek vase weaving scene beside the role-based palette — Ceramic Black, Ceramic Yellow, Activation Blue, and the archival whites.
The Typeface page: Murecho specimens with usage rules — Medium for titles, Regular for body.
Pl. 06four openings of the seventeen-page manual — it fans open as you arrive

Quiet enough to receive every wardrobe

Color carries roles, not decoration: Ceramic Black contains, archival whites surface content, Ceramic Yellow leaves a trace, and Activation Blue marks interaction. Type stays thin and precise, with mono reserved for system data.

Restraint was not aesthetic minimalism for its own sake. The same shell had to hold a couture archive, a designer drop, and worn Levi’s without restyling itself. The quieter the system, the more varied the wardrobe it could receive.

Activation Blue #0D5EAF

Interactive states exclusively — the bid action, nothing else.

“Any use of color outside its defined role is considered misuse.” — brand manual, 3.1

Pl. 07the color law, live — role-based, never decorativeclick a swatch — the card shows where that color is allowed
64 px · Murecho 300Continuity
48 px · Murecho 300Provenance
36 px · Murecho 400Archive
24 px · Murecho 400Reserve met
Pl. 08the type ladder — 64 / 48 / 36 / 24, the manual’s scale
hover a line — it tries its heavier weighttap a line — it tries its heavier weight
Topic — 4.0 · Page no. — 05

The design language became the product.

Applying one system across the platform’s spine

With the language in place, I redesigned the core web experience by hand in Figma: marketplace and auction surfaces, listing and seller flows, onboarding, profile, messaging, orders, and the social layer around each piece.

Across those flows, the work was less about making each screen distinctive than making the platform recognizable as one system—the same hierarchy, pacing, components, and interaction logic across very different tasks.

Nyma desktop mock: Marketplace — index.
Marketplace — index
Nyma desktop mock: Profile — public.
Profile — public
Nyma desktop mock: Auctions — index.
Auctions — index
Nyma desktop mock: Messages.
Messages
Nyma desktop mock: Marketplace — listing intake.
Marketplace — listing intake
Nyma desktop mock: Auctions — live.
Auctions — live
Nyma desktop mock: Sell — listing intake.
Sell — listing intake
Nyma desktop mock: Sell — method.
Sell — method
Pl. 09the spine of the product, hung as plates — the columns drift as you pass

Specific without becoming exclusive

Fashion resale needs imagery to make inventory feel alive, but Nyma had no content library. I combined licensed and public-domain references with AI-generated atmosphere, using generation to expand the world without deciding the product.

Every choice was tested across three unlike wardrobes: luxury, designer, and vintage. Minimal structure let the objects lead; editorial pacing gave the platform a voice. The system had to feel specific without becoming exclusive.

nyma — onboarding, full length
The Nyma onboarding page at full length: splash imagery, taste selection, size setup, and alert preferences paced editorially down one scroll.
Pl. 10onboarding, end to end — editorial pacing
keep scrolling — the page walks its own lengthscroll inside the frame — the page walks its own length

the collector gets ceremony — lot number, stamp, reserve — from the same quiet shell

changesthe object · its price · its sale format · its condition
never changesthe shell · the type · the color roles · the spacing
Pl. 11the inclusivity test — three wardrobes that share nothing, one shell that never movesswitch the wardrobe — the shell doesn't move
Topic — 5.0 · Page no. — 06

The design language became an implementation framework.

The repo became part of the design surface

Nyma did not need a heavy enterprise design system. It needed a small set of rules the product could not quietly drift away from: layout, type, spacing, component behavior, and reusable patterns written into the front-end repo.

Codifying those decisions changed the deliverable. I was no longer handing engineering a collection of screens; I was giving the team a framework that could reproduce the same product logic on the next surface.

Pl. 12one loop — the nodes light in the order a change travels
Pl. 13two HTML drafts generated from the same written brand language — the shipped site keeps B’s structure and A’s pacingclick a sheet — the other argument comes forward

One loop between visual judgment and implementation

Figma remained the place for visual refinement, but it stopped being the only source of truth. I moved between Figma, Claude Design, Claude Code, and the repo, using each change to update the shared system rather than patch one screen.

AI accelerated generation and translation only after the framework was explicit. With stable rules, it could extend the product; without them, it produced more interpretations. The leverage came from the system, not the prompt.

NYMAdesign system · one page, generated from the repo
actions — ink, three weights
Start your first listingFollowView all
signals — state without color
42 liveReserve metLot 024 · Hermès
fields — hairline, no chrome
Brand, model, color, or seller
every piece above renders from the coded tokens — no local styles
Pl. 14the system, rendered — action slabs, signals, and fields straight from the coded rules
Topic — 6.0 · Page no. — 07

One system carried the platform from web into mobile.

A framework the team could extend without starting over

As the team began the mobile build, I used the same framework to prepare starting directions, connect the roadmap to competitor research, and assemble a working prototype that combined the new flows with Nyma’s existing design rules.

The point was not to predict every mobile screen. It was to give two engineers a coherent base for the next decision: the same brand logic, interaction grammar, and components adapted to a new surface without starting over.

The mobile splash screen: NYMA on Ceramic Black.
The Taste onboarding step: style and maison chips the user collects.
The Alerts onboarding step: quiet-by-default notification choices.
Pl. 15mobile onboarding directions, handed off as starting points
01 · Splash
NYMANEW YORK · MILAN · ATELIEREST. MMXXIII
02 · Welcome
The welcome photograph as shipped: a floral Studio bag in a dark vitrine, the NYMA wordmark and resale tagline set on the image.REGISTERSIGN INOR CONTINUE WITHBy continuing, you agree to our Terms & Privacy.
03 · Register
REGISTERDisplay nameEmailPasswordSHOWI am 18 or olderI accept Terms & PrivacySend me drop alertsSIGN UPAlready a member? Sign in
04 · Sign in
SIGN INEmailPasswordSHOWForgot password?SIGN INORCONTINUE WITH APPLECONTINUE WITH GOOGLEBy signing in, you agree to Terms & Privacy.
Pl. 16the onboarding flow from the team canvas, rebuilt live — copy, fields, and casing as shipped
keep scrolling — the flow walks past; grab it any time to look closerdrag the row sideways — splash to sign-in
390 × 844 · as shipped
NYMA

AUCTIONS

42 LIVE
Pl. 17auctions · bag · saved — the commerce spine, rebuilt as a working prototype; every interface fact from the shipped mobile design
click through the screens — the lots, bag, and totals respond

What changed my practice

When the brand became a framework for building the platform.

The turning point was not finding a story for the name. It was watching the same idea survive translation: from continuity as a brand principle, to color and type rules, to product flows, components, and finally code.

I would bring visual critique in earlier and codify from month one. The framework built near the end would have made every earlier decision faster to test, easier to share, and less dependent on one designer’s memory.

Brand · product · implementation — one system