Built with Framer
FocusBook – Lottie-Enhanced Framer Website
Shammas Anwer
Project Title:
FocusBook – Lottie-Enhanced Framer Website for a Modern Book Launch
Live URL:
https://focusbook.framer.website/
Project Description:
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.
What I Did:
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
Key Features:
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
Tools Used:
Framer, LottieFiles, Figma, Google Fonts
Like this project
Posted Jul 2, 2025
Crafted a responsive Framer site with scroll-triggered Lottie animations to promote a creative book with bold visuals, smooth UX, and clear CTAs.
Likes
0
Views
4
Timeline
Jul 3, 2025 - Jul 3, 2025
