A Proposal for

Crown Elixir

A New Standard in Luxury Haircare Ecommerce

Headless · Cloudflare · Premium Design

Scroll
4Pages Delivered
4Weeks to Launch
$1,000Fixed Investment
<100msEdge Response
"If you cannot create something visually and structurally comparable to Seed.com in terms of refinement, pacing, hierarchy, whitespace, storytelling flow, restraint, and premium execution — please do not apply."

— Crown Elixir, Project Brief

Reference Brands

SeedPacing · Whitespace
K18Science · Precision
AesopRestraint · Ritual
Dr. Barbara SturmLuxury · Trust

Not a theme tweak.
A new standard.

Crown Elixir deserves an experience as considered as its formulas. We build a fully headless Shopify frontend — deployed on Cloudflare's global edge — that performs, breathes, and converts at the level of the world's finest haircare brands.

I

Headless Freedom

No Dawn constraints. Every pixel intentional. Complete separation of design from Shopify's rendering layer means we design for Crown Elixir, not around a theme.

II

Edge Performance

Deployed on Cloudflare Pages — responses serve from the nearest of 300+ global locations. Sub-100ms TTFB. LCP under 2.5s. Performance is part of the luxury experience.

III

CRO Preserved

Your free gift threshold, cart incentives, and app integrations remain intact. We port the logic to Cloudflare Workers — same behaviour, faster execution.

IV

Conversion Psychology

Trust architecture, social proof placement, and hierarchy designed around how luxury buyers actually decide. Every section earns its place.

Four pages.
One cohesive world.

Page 01

Homepage

  • Full-bleed editorial hero with layered typography
  • Ingredient storytelling — Follicell Activation Technology™
  • Product carousel — premium hover states, micro-animations
  • Social proof section with testimonial rhythm
  • Mobile-first sticky CTA bar

Page 02

Product Detail

  • Gallery with zoom — editorial, not utilitarian
  • Sticky add-to-cart with free gift progress bar
  • Ingredient breakdown — icon-led, scannable
  • Size/variant selector with luxury feel
  • You may also like — curated, not algorithmic

Page 03

Collection

  • Men's / Women's split navigation preserved
  • Product grid — breathing room, no cramming
  • Hover: secondary image reveal, smooth
  • Filter system — minimal, non-intrusive
  • Bundle callout banner integrated

Page 04

Cart Drawer

  • Sliding drawer — animated, non-disruptive
  • Free gift threshold bar — current CRO logic preserved
  • Cart incentive messaging hierarchy
  • Upsell / cross-sell block
  • Seamless Shopify checkout handoff

A visual language
built for restraint.

Proposed Colour System

Deep Black#0D0C0B
Warm Ivory#F7F3EE
Old Gold#B8975A
Espresso#3D2E22
Pale Linen#EBE5DC

Typography System

Display — Cormorant Garamond

Crown Elixir

Editorial — Cormorant Italic

Engineered for the ritual.

Body — Inter Light

Clinically studied. Crafted with intention. Every ingredient selected for precision. Every texture calibrated for feel.

Built for speed.
Designed for scale.

Remix
Frontend Framework

Server-side rendered React with native Cloudflare Workers runtime. No cold starts, no edge adapter hacks. Pages serve in milliseconds.

Cloudflare Pages
Global Hosting

300+ edge locations. Static assets served from cache. Workers handle SSR at the edge. Your customers never wait.

Shopify Storefront API
Commerce Backend

GraphQL queries for products, collections, and cart. Shopify handles inventory, payments, and checkout. We handle the experience.

Cloudflare Workers
Edge Logic

Free gift threshold rules, cart incentive logic, and A/B test splitting — all executed at the edge, not the origin.

Cloudflare KV
Session State

Cart state and user session stored at the edge. Consistent experience across devices without latency from origin reads.

Tailwind CSS
Design System

Utility-first design tokens ensure every spacing, colour, and type decision stays consistent across all four pages.

Four weeks.
One launch.

1

Week One

Foundation

  • Remix + CF Pages scaffold
  • Shopify Storefront API integration
  • Design token system
  • Component architecture
  • Audit existing CRO logic
2

Week Two

Homepage & Collection

  • Homepage — all sections
  • Collection page grid
  • Navigation system
  • Mobile layouts
  • Typography + spacing refinement
3

Week Three

PDP & Cart

  • Product detail page
  • Cart drawer + animations
  • Free gift threshold logic
  • Cart incentive messaging
  • Checkout handoff
4

Week Four

Polish & Launch

  • Performance audit
  • Mobile QA — iOS Safari
  • Scroll animations
  • CF DNS cutover
  • Final sign-off

Fixed Project Price

$1,000

USD · Fixed · No surprises

Your existing cart logic, free gift threshold, and app integrations are preserved in full. No functionality is left behind in the transition to headless.

Included

  • Remix + CF Pages setup
  • Shopify Storefront API
  • Homepage
  • Collection page
  • Product detail page
  • Cart drawer
  • Mobile-first responsive
  • Free gift threshold logic
  • CF DNS configuration
  • 4 weeks of QA

Not Included

  • Figma design deliverable
  • Full CRO audit report
  • Copywriting
  • Photography / art direction
  • Third-party app setup
  • GSAP animation library
  • Blog / content pages
  • Ongoing retainer

Ready to begin

Let's build something
extraordinary.

Crown Elixir deserves a world-class home.

Begin the project