Cover image for Cloudy Galaxy — luxury wearables

1 Collaborator

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.

180

Damgreat brand

CMS & Frontend Developer | Fast, Modern Websites