The Siren Closet
A mobile-first home for an editorial styling house: her Depop shop, her portfolio and her voice in one place
The Siren Closet is an editorial styling house that sells curated vintage and secondhand pieces and builds styled wardrobe bundles. Her shop already lived on Depop, but Depop only shows what's for sale. She needed a site of her own that mirrors her Depop store, shows the styling work she's done to win more serious clients, and gives her a place to blog about fashion. I designed it in Figma, built it in Framer, and used Claude to engineer the complex part: custom input fields and filters that let her reflect every item from her Depop store on her own site.
Mobile First, On Purpose
Her customers find her on Instagram and buy on Depop, and both of those live on the phone. The Depop connection was the client's top request, so the whole site was designed for a thumb before a mouse: a full-screen script menu, search and category chips within easy reach, a two-up product grid that feels as familiar as a Depop feed, and prices right under every piece. The desktop layout came second and scales up from the same system.
Reflecting Her Depop Store
Depop doesn't let you bake a storefront into another site, so copying it exactly wasn't an option. Instead, the site reflects it. Each piece she lists on Depop gets a matching entry on her site through custom input fields: name, photo, price, category and whether it has sold. Those fields drive the filters, so every item lands in the right category automatically.
Sold pieces stay marked right in the grid so the shop never looks empty, and when a category runs dry the page points shoppers to her Depop shop instead of a dead end. Checkout stays on Depop, where her customers already trust it.
From Figma to Claude to Framer
Like the Club Indgo site, this one went from Figma to Claude to a live site. I designed every screen in Figma first, mobile-first, with the script type and editorial art direction locked in. The shop was the hard part: a template couldn't reflect a Depop store item by item. So I brought the designs to Claude and built the custom input fields and the filters that sort each piece with it. Then everything came together in Framer and went live. I stayed in the designer's seat the whole way, directing every layout and interaction, while Claude handled the engineering that would normally need a developer.
More Than a Shop
Depop shows what she sells. Her site shows who she is. The home page opens on an editorial portfolio of her styling work, so new visitors see her eye before they see a price tag.
That leads into “Order Your Bundle”: small, medium and large styled bundles, with an inquiry form that collects a Pinterest moodboard, size and measurements, which brings in more serious styling clients. And a blog gives her a place to write about fashion and keep people coming back between drops.
