Additive AI, B2B SaaS Marketing Landing Page, Figma to Webflow by Gregoire GeoffroyAdditive AI, B2B SaaS Marketing Landing Page, Figma to Webflow by Gregoire Geoffroy

Additive AI, B2B SaaS Marketing Landing Page, Figma to Webflow

Gregoire Geoffroy

Gregoire Geoffroy

Overview

Additive AI gives accountants a tool that extracts K-1/K-3 data and footnotes from PDFs into Excel in minutes. I built a pixel-perfect marketing landing page from Figma in Webflow, telling a clear product story around speed, accuracy, SOC 2 posture, and the Excel and API workflow.

Objectives

Recreate the Figma pages in Webflow with pixel precision across desktop and mobile
Communicate the product value clearly: extraction, Excel and API workflow, security
Ship fast, accessible, SEO-ready pages with strong performance

What I Did

Build and Structure
Implemented the full landing page using Client-First classes and an 8-pt spacing system
Set up global tokens for type, color, and spacing, and semantic HTML for accessibility
Product Story and Sections
Built the hero, comprehensive coverage, fast and reliable, workflow, and security sections
Structured trust signals and a firms carousel to reinforce credibility
Performance, Accessibility, and SEO
Optimized assets with lazy loading and a clean DOM
Applied WCAG-aligned structure, proper headings, alt text, and link semantics
Set meta titles, descriptions, and Open Graph fields

Results

✅ Pixel-perfect Figma to Webflow build that clearly communicates the product value ✅ Fast, accessible pages with strong Core Web Vitals ✅ A clear story for the Excel and API workflow, security, and scale ✅ Maintainable, scalable class architecture for future pages

Keywords / Tags

Webflow Development · Figma to Webflow · B2B SaaS · Excel Add-in · API · SEO · Accessibility · Client-First
Like this project

Posted Oct 10, 2025

I built Additive AI's marketing landing page in Webflow, pixel-perfect from Figma, to showcase their K-1/K-3 PDF-to-Excel tax extraction product.