Lunar Health's Smart Ring

Overview: I worked with Lunar Health Technologies to design and build a sleek, high-conversion marketing website for their flagship product: a smart ring that tracks sleep and health vitals. The goal was to create a modern, science-backed brand presence using Framer, optimized for storytelling, mobile responsiveness, and pre-order conversions and Incorporated Kit to automate backend workflows like form submissions and email syncs, ensuring smoother campaign operations and faster content updates.

Website Builder: Framer

Design Tools: Figma

Integrations: Google Fonts, Formspree (or Typeform), Stripe (for pre-orders), Mailchimp (for email capture)

Animations & UI: Framer Interactions, Scroll Effects, and LottieFiles Animations

Automation: KIT

Hosting: Framer Cloud

Client: Lunar Health Technologies Wearable Health Startup – Based in France 🛠 Process

Collaborated with the client to understand the product vision, target audience (health-conscious users & sleep-deprived individuals), and technical requirements. Defined the website’s purpose: storytelling, education, and pre-order conversions.

Created low-fidelity wireframes in Figma to map out the user flow from hero messaging to features, testimonials, pricing, and FAQ. Focused on simplicity, clarity, and emotional appeal.

Crafted a clean, modern UI inspired by wellness and wearable tech brands. Used soft gradients, iconography, and product renders to elevate trust. Ensured it aligned with the ring’s sleek hardware aesthetic.

Built the full website in Framer, using interactive scroll animations, smooth transitions, and responsive layouts. Integrated LottieFiles animations for product highlights, micro-interactions (such as button hovers and feature icons), and a scroll-based storytelling section to explain the science behind the smart ring. Connected forms for email capture and pre-order interest, with Kit subtly powering background automations for form data handling and email syncs to ensure smooth campaign performance.