SaaS Landing Page

Overview

A marketing site for a workflow automation startup designed to convert technical buyers. Every page ships under 50KB of JS and scores 100 on Lighthouse.

The Challenge

The previous site was a 6 MB single-page React app with a 4.2s LCP. The marketing team also needed to publish case studies without involving engineering.

The Solution

I rebuilt the site in Astro with islands of interactivity only where needed, set up an MDX-based content workflow for the marketing team, and integrated edge-rendered A/B experiments.

Key Features

• Static HTML by default with selective hydration
• MDX-powered case study and blog system
• Edge-rendered A/B testing for hero variants
• Custom motion system using CSS view transitions
• Automatic OG image generation per article

Results

• Lighthouse score: 100 across all categories
• Demo signup conversion up 41%
• Marketing ships new content without engineering