// project 06 - teardown

Marketing sites — landing page builds

Five to ten landing pages, implemented pixel-perfect from Figma mockups. Motion built with GSAP was treated as part of the design rather than decoration applied at the end — and some pages were ported onto WordPress so clients could manage their own content.

Role

Front-End Developer

Stack

JS · HTML · CSS · GSAP

Volume

5–10 landing pages

Handoff

Some ported to WordPress

JavaScript
HTML/CSS
GSAP
Figma-to-code
01

Landing pages — responsive

Desktop 1440
Laptop 1024
Tablet 768
Mobile 390

Built mobile-first from Figma designs — same hero (headline, subtext, CTA, art) reflowing from a stacked, centered layout up to a two-column one as the frame widens. Fully responsive, with images optimized for each breakpoint. Sites varied by client: Restaurant & Reservations, Agency Portfolio, Event Registration, App Download, Real Estate Listing.

02

Motion, not decoration

hero entrance0:00 / 0:02.4
Headline
Subtext
CTA
0.0s0.6s1.2s1.8s2.4s
03

Build notes

Pixel-perfect from Figma

Each page was implemented to match its mockup exactly — spacing, type, and breakpoints carried over from design rather than approximated.

Motion sequenced with intent

GSAP timelines staggered headline, subtext, and CTA entrances deliberately — part of how the page introduced itself, not an afterthought layered on top.

Some handed off to WordPress

Select builds were ported into WordPress templates so clients could edit copy and images themselves without needing a developer for every change.

Range over repetition

Five to ten pages across different clients and goals — SaaS launches, waitlists, portfolios — each with its own layout rather than one template reused.