Cloudy Galaxy — luxury wearables landing page (Framer). Design process — Cloudy Galaxy (Framer)

1. Brief Luxury wearables brand. Two products: Orbit (smartwatch) and Nova (headphones). Palette locked early: gold + graphite. Goal was a product landing page that felt premium and still converted.

2. Direction Dual-product hero (both SKUs visible up front). Standard page depth: hero → products → features → stories → CTA. Built reusable pieces first — buttons, nav/footer layout — so the page stayed consistent.

3. System Set color tokens and type before layout. Bodoni Moda for headlines, Satoshi for UI/body. Gold for accents and CTAs, charcoal for the page, muted grey for secondary text.

4. Structure Mapped the page as one scroll story:

Hero with both products

Collection detail cards

Three craft features

Testimonials

Final CTA + email capture

Nav links jump to each section so it feels usable, not just pretty.

5. Hero polish First pass had black products disappearing into the dark background. Fixed that by putting products on light cream–gold stages, gold borders, and soft glow so the cards actually read on the page. Added float/tilt motion so they feel a bit more 3D without overdoing it.

6. Build in Framer Designed and built directly in Framer: layout template for nav/footer, button components, desktop + tablet + phone breakpoints, form on the CTA. Kept client-safe editing in mind — layout locked, content editable later if needed.

7. Check Reviewed contrast, mobile stacking, and scroll targets. Tweaked card elevation and product framing until the hero felt clear at a glance.