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