Pulse, SaaS Launch Page

The brief and the build

Brief: A startup with a working product and no marketing site needed a credible page in a week, with pricing, objections answered, and a signup that did not feel like a sales funnel.

The page leads with one promise and one action. Features are written as outcomes, pricing sits before the FAQ so cost objections are answered before the signup, and annual billing is the default with the saving stated next to the toggle.

The signup form validates inline and reports status through a live region, so the result is announced to screen readers. There are no dependencies: the whole page is under 10 KB of script and style per design.

The three designs share structure and copy. Light is a conventional SaaS layout, dark is a left-aligned terminal-flavoured layout with a split hero, and creative is a poster-style take with offset shadows and a rotated product card.

Results

• Problem: A B2B analytics product with no marketing site needed a credible page that turns first-time visitors into trial signups.
• Built: A launch page with outcome-led features, pricing ahead of the FAQ, an annual/monthly toggle and a validated signup form.
• Lighthouse, light design, mobile profile: Performance 100, Accessibility 100, Best Practices 100, SEO 100. Largest contentful paint 0.9 s, total blocking time 0 ms, layout shift 0. Desktop profile: Performance 100, Accessibility 100, Best Practices 100, SEO 100.
• Weight: page, stylesheet and script total 9.6 KB (4.1 KB gzipped). The script alone is 5.2 KB (2.4 KB gzipped).
• Requests: 3 (page, stylesheet, script). No external requests and no libraries beyond what the browser provides.
• Browser check: all three designs load at 1280 and 390 px wide with no console errors, failed requests or horizontal overflow. The dark and creative designs score 96 and 96 for accessibility (100 in the other three categories); the gap is colour contrast.

Measured on 2026-11-06 with Lighthouse 13.6 in headless Chromium against the built site. Mobile uses Lighthouse’s simulated throttling.

Stack

Highlights

• Pricing toggle
• Form validation
• Responsive
• Keyboard accessible