Case studyWeb Development

1511 Paris

A boutique that behaves like a gallery: hand-built commerce for Parisian haute perfumery, live at 1511.paris.

Year
2024
Client
1511 Paris
Services
Website Development · UX/UI Design
Status
Live
1511.paris
1511 Paris website

01Brief

What we were asked

A luxury e-commerce experience for an exclusive Parisian artisan collective specializing in haute perfumery and craftsmanship.

02Challenge

Why it was hard

1511 Paris is not a standard online retailer — it's an exclusive boutique curating multidisciplinary collaborations among global artisans. Their product range spans perfumes, sculptures, jewelry, evening wear, and decorative items, each produced in extremely limited runs. A conventional e-commerce template with grid layouts and generic product cards would completely undermine the positioning of a luxury artisan collective.

The technical challenge was building a bespoke e-commerce engine from scratch that could handle multi-category products with wildly different attributes (a perfume has notes and volume; a sculpture has dimensions and materials; jewelry has sizing), all while maintaining the editorial, gallery-like browsing experience the brand demanded. Payment processing needed to handle international transactions in euros with proper tax calculation for French commerce regulations.

03The Build

Scroll through the product

01First impression

Film first, commerce second

The homepage opens on the collective's own cinematography, not a grid of SKUs. We built the storefront from scratch in React and TypeScript precisely so the brand could lead - no off-the-shelf e-commerce template allows an opening like this.

1511.paris
1511 Paris - Film first, commerce second

02The collection

A catalog that reads like an exhibition

Perfume refills, brass capsules, and discovery sets share one flexible product schema, so a fragrance with notes and volumes coexists with sculptural objects - each with the detail fields its category actually needs.

1511.paris
1511 Paris - A catalog that reads like an exhibition

03The product

Considered commerce

Product pages stay editorial: one image, one sentence, a fragrance selector, a wishlist. Zustand keeps cart and preference state instant, and Stripe Elements handles checkout with EU VAT and international shipping built in.

1511.paris
1511 Paris - Considered commerce

04The stories

Editorials that justify the price tag

The Stories section carries the films and collaborations behind each object - the context that makes a 280 euro refill make sense. Brand and commerce run on one system, deployed on Vercel behind Cloudflare's global CDN.

1511.paris
1511 Paris - Editorials that justify the price tag

04Notes

How it runs

We built a completely custom e-commerce frontend using React with TypeScript, deliberately avoiding off-the-shelf e-commerce frameworks to maintain full control over the user experience. Zustand manages application state — cart contents, user preferences, and product filtering — with a lean footprint that keeps the bundle small and interactions instant.

The product catalog architecture uses a flexible schema where each product type has a base set of fields plus type-specific attributes, allowing perfumes, sculptures, and jewelry to coexist in the same system with appropriate detail pages for each. React Router handles client-side navigation with pre-fetching for smooth transitions between collection pages.

Stripe handles payment processing with full PCI compliance. We integrated Stripe Elements for the checkout form, Stripe webhooks for order lifecycle management (payment confirmation, refund processing), and proper idempotency keys to prevent duplicate charges. The checkout flow supports international shipping calculations and VAT handling for EU customers.

The site is deployed on Vercel with Cloudflare CDN in front for global edge caching — critical for a Parisian brand serving customers worldwide. Image assets are optimized and served in WebP format with responsive srcsets to maintain visual quality on retina displays without bloating page weight.

Stack

Frontend
ReactTypeScriptMaterial UI
State & Routing
ZustandReact Router
Payments
StripeStripe ElementsWebhooks
Infrastructure
VercelCloudflare CDN

05Outcome

Where it landed

Market
Paris, FR
Luxury artisan market
Product Range
Multi-category
Perfumes, sculptures, jewelry, fashion
Experience
Editorial
Storytelling-driven product pages
Status
Live
1511.paris

06Craft

The work behind the work

Captured from the live production site as clients see it today: the film-led homepage tiles, the brand statement that anchors the experience, the quietly typeset FAQ, a second sculpted-glass product page, the Guests editorial from Stories, and the Venus collection in the catalog grid.

Have a product like this in mind?

We plan, design, and ship - the whole story, start to finish.

Start a conversation

Next project

Immaculate Concept

Tattoo Studio Website Design