LP Landing
A high-performance conversion landing page built for MapleLink Services. Features a multi-phase lead intake form with AI-powered scoring, custom SVG architecture diagrams illustrating the backend pipeline, and a component-driven design system with design tokens. Demonstrates frontend engineering skills: responsive layout, accessibility, performance optimization, and conversion-focused UX design.
My Thoughts
Why I Built This
MapleLink needed a landing page that does more than look good. It needed to capture, score, and route leads automatically. This is a conversion system, not a brochure.
Architecture
The frontend is Next.js with a multi-phase intake form. Submissions hit an n8n workflow on a private VPS that scores the lead using Claude AI, sends a confirmation via Resend, and delivers a scored brief to the team. Every step is logged to Postgres.
Key Engineering Decisions
- AEO-first design with JSON-LD structured data (Organization, Service, WebSite schemas) so AI search engines understand the business.
- Backend scoring pipeline means leads are qualified before a human ever sees them.
- Playwright E2E tests on the form submission flow ensure the intake pipeline never breaks silently.