FocusBook – Lottie-Enhanced Framer Website

Project Title:

Live URL: https://focusbook.framer.website/  

FocusBook is a visually engaging Framer website designed to promote a mindfulness-focused book. Built with interactive Lottie animations and seamless scroll flow, this single-page site highlights the book’s core message: reclaiming focus in a world of distraction.

The design approach blends soft, calming visuals with bold typography and playful animated elements that enhance the reader’s experience without overwhelming. Lottie was used for micro-interactions and section transitions to keep the user engaged.

Designed the full layout and responsive structure in Framer

Integrated scroll-based and looped Lottie animations

Created a dynamic hero section with call-to-action

Developed a clean navbar and sticky footer

Optimized page for fast performance and SEO basics

Fully responsive Framer build

Lottie scroll + loop animations (book flip, sparkles, transitions)

Interactive “Get the Book” CTA

Smooth UX flow with minimal distraction

Accessible and lightweight

Framer, LottieFiles, Figma, Google Fonts