Chapter 001 storefront redesign · Captured preview · Open the image at full size.
INSIDE THE STOREFRONT
CHAPTER 001 / DESIGN WALKTHROUGH
From first impression to the collection.
A scroll through the storefront redesign: the opening mannequin, a featured tee, the collection, and the story behind the label. These captures document the visual experience of this version.
Storefront design walkthrough · About 42 seconds · No audio.Read the walkthrough description
The recording opens on the RENANT wordmark and a mannequin wearing the Black Seal tee. It scrolls to the Black Seal feature, then the Black Seal and Ghostmark product cards, the brand statement, and the first-chapter email signup and footer. It shows the page presentation and scroll sequence. Checkout, signup submission, and the separate 3D shopping experience are not demonstrated.
THE FEATURED PIECE
Give one piece the room to speak.
The Black Seal feature pairs oversized editorial type with a single product image. The product name, captured price, and view-piece action stay together in a restrained layout.
Black Seal feature · Captured design and pricing · Visit RENANT for current details.
THE COLLECTION
Two tones. One visual identity.
Black Seal and Ghostmark sit side by side in charcoal and ivory. Large product images, quiet labels, and a slight shift in angle carry the editorial direction into the collection.
Black Seal and Ghostmark · Chapter 001 collection preview · Open the image at full size.
01 / THE STARTING POINT
A store with its own point of view.
I wanted the store to carry the same identity as the clothing: dark, editorial, and slightly surreal. The question was how to make the experience feel like stepping into the brand’s world.
I’m building the storefront around a clear visual sequence: a mannequin-led opening, an editorial product feature, the collection, and the label’s story. The visual world is as much a part of the project as the code.
02 / THE EXPERIENCE
An identity you can step inside.
The captured Chapter 001 redesign focuses on Black Seal and Ghostmark, carrying the label’s charcoal-and-ivory identity from the opening screen into the product presentation.
01
A distinct first impression.
An oversized wordmark and a mannequin wearing Black Seal introduce the label before the visitor reaches the collection.
02
Room for the product.
A dedicated Black Seal feature leads into the two-tee collection view. Large imagery keeps the product central, with names and actions close by.
03
A wider world to explore.
Separate experiments explore a browser-based 3D store and a blackjack discount interaction. This walkthrough focuses on the storefront redesign.
03 / BUILD NOTES
The brand is in the details.
This side project gives me room to connect visual direction with hands-on development and experiment with how a shopping experience feels.
Build around an identity.
Charcoal, warm ivory, and an editorial visual language give the project a consistent starting point.
Give the page a sequence.
The opening establishes the mood, the featured piece gives one tee room, and the collection leads into the brand story and signup.
Keep the visual system consistent.
The distressed R mark, restrained product labels, and large editorial type repeat across the storefront, giving each section a shared identity.
Brand identityCustom storefrontBrowser 3DCreative development
04 / WHERE IT STANDS
Storefront redesign · Captured preview
Chapter 001. The beginning of the label.
These screenshots and the walkthrough document the Chapter 001 storefront redesign. Visit RENANT for the current public experience, collection details, and release updates. Kinary Health remains my main focus.
