Additive AI Landing Page Development

Client: Additive AI Website: additive.ai Role: Webflow Developer Tools: Webflow, Finsweet Client-First, Chrome Lighthouse

Additive AI is a technology company specializing in artificial intelligence solutions. I was responsible for developing their new marketing landing page in Webflow directly from detailed Figma designs. The focus was on pixel-perfect execution, accessibility compliance, and performance optimization.

Translate approved Figma design into a high-performance Webflow build.

Maintain pixel precision across desktop and mobile breakpoints.

Ensure accessibility (WCAG 2.2 AA) and semantic HTML structure.

Optimize all assets for speed and SEO performance.

Rebuilt the entire landing page using Webflow native components for maximum maintainability.

Implemented the Client-First system with an 8 pt spacing grid and scalable class structure.

Created global typography, color, and spacing tokens for consistent design.

Fully responsive layout from desktop to mobile using REM and fluid units.

Structured semantic HTML for improved screen reader support and SEO indexing.

Ensured WCAG 2.2 AA accessibility compliance.

Compressed and optimized all assets (images < 300 KB).

Improved load performance and Core Web Vitals through lazy-loading and clean code.

Conducted QA across multiple devices and browsers.

Delivered a Loom walkthrough and Slack summaries at each build stage.

Final project transferred with full IP rights and documentation.

✅ Pixel-perfect replication of the Figma design. ✅ Fully responsive and accessible landing page. ✅ Optimized for fast load times and SEO readiness. ✅ Clean, scalable Webflow structure for future updates.