Skip to content
Launchfolio
Abstract gradient mockup of the Northline marketing site
Web Development

Northline Marketing Site

A high-performance Astro marketing site with a modular content system, crafted for a developer tools startup preparing for seed fundraising.

Client
Northline Labs
Year
2024
Role
Design & Frontend Development
Technologies
Astro TypeScript Tailwind CSS Motion

Overview

Northline Labs was preparing for a seed round and needed a marketing site that communicated technical credibility without feeling cold. The site had to load fast, support frequent content updates, and scale as new product lines launched.

Problem

  • Previous WordPress site scored poorly on mobile performance
  • Marketing team lacked a structured way to publish case studies
  • Visual identity was inconsistent across landing pages

Solution

I designed a modular page system with reusable sections and built the site in Astro using content collections. Subtle Motion.dev animations added polish without hurting Lighthouse scores. A lightweight style guide helped the team maintain consistency post-launch.

Result

  • Lighthouse performance score improved from 68 to 98 on mobile
  • Case study publishing time reduced from days to under an hour
  • Site supported two product launches in the first quarter without redesign

Key deliverables

  • Brand-aligned UI design and responsive layouts
  • Astro codebase with content collections
  • Deployment pipeline documentation for Vercel
  • Style guide page for internal reference

Interested in similar work?

Let's discuss your product, timeline, and how we can create something equally polished.