Ivy

The Challenge

Ivy came to us with a clear goal: bring their site to life in Framer using their Figma designs, and make it fast, responsive, and SEO-friendly. But what started as a simple rebuild grew into a long-term collaboration covering over 160+ pages, 20+ CMS collections, and custom interactive components across the site.

Our Approach

1. Full-Site Build in Framer

• We translated complex Figma designs into a high-performance, fully responsive Framer site
• Over 20 CMS collections were implemented, including product pages, blog, podcast, team, partnerships, and more
• The site structure was scaled to support 160+ pages while keeping it fast and easy to manage

2. Custom Components & Interactions

• We developed HubSpot form component with custom styles and analytics tracking
• We built custom DotLottie and Lottie animation components with interactive triggers
• We created an Annual Savings Calculator to showcase Ivy’s ROI impact
• We delivered a dynamic 100dvh override for accurate mobile viewport sizing
• We built a social share component for seamless content sharing
• We implemented custom CMS pagination and filter for scalable content browsing
• We created a table of contents auto-generator component for improved navigation
• We built a transparent video component compatible with Safari and Chrome
• We developed scroll-synced animation components that trigger frame-by-frame playback based on scroll position

3. Technical SEO & Performance

• We structured heading hierarchy and semantic markup across templates
• Clean, crawlable URLs were set up and metadata optimised across CMS content
• We ensured performance and accessibility through Framer-native and code-level optimizations

Results

• A scalable Framer ecosystem powering Ivy’s marketing, product, and content strategy
• Custom code components that elevate UX while staying fast and SEO-compliant
• A long-term collaboration built on trust, speed, and shared product quality