Mobile
375px viewport
Landscape Architecture & Construction Studio
Full custom marketing website for Jessica Matteson, PLA — a Connecticut & New York landscape architect with 25 years of experience. Built in Next.js 15 with quiet luxury aesthetics: animated hero carousel, word-by-word scroll reveals, interactive 9-step process, portfolio grid, and a custom brand design system.
Animated scroll reveals
Word-by-word text animations trigger on scroll across all key sections for a refined editorial feel
Portfolio grid
Hover vignette and lift effects showcase completed landscape projects with quiet luxury styling
Interactive process steps
9-step sidebar visualization walks clients through the full design-to-build workflow
Custom contact form
Grouped service and inquiry dropdowns with multi-field layout for qualified lead capture
Dancer & Co is a full-service landscape architecture and construction studio led by Jessica Matteson, a Cornell MLA with 25 years of experience. Based in Connecticut and New York, they specialize in coastal estates, pollinator meadows, and luxury outdoor living spaces across Fairfield County, Greenwich, Westport, Southampton, and the Hudson River Valley.
Heavenly White
#F4F3E9
Prairie Dust
#A69B88
Baked Green
#425F2B
Animated Hero Carousel
3-slide auto-rotating full-bleed hero with smooth crossfade transitions, manual navigation controls, and responsive image sets for mobile and desktop.
Word-by-Word Scroll Animations
Custom AnimatedWords component with IntersectionObserver-triggered reveals across all key sections — no animation library, pure JS and CSS.
Interactive 9-Step Process
Sidebar navigation with active state indicators, image + description pane, and Baked Green (#425F2B) accent treatment guiding visitors through the firm's full workflow.
Portfolio Grid with Hover Effects
Vignette darkening, lift animations on hover, and graceful image placeholder fallbacks — presenting completed projects with refined editorial styling.
Testimonials & Press Bar
8-quote testimonials carousel linked to portfolio case studies, plus a staggered-fade press bar featuring 9 publication callouts including AD Pro, Homes & Gardens, ASLA, and APLD.
Custom Brand Design System
Heavenly White, Prairie Dust, and Baked Green palette with Playfair Display headings and Inter body — all implemented via inline styles with no Tailwind dependency.
Not sure where to start?
Full nonprofit website for United Youth We Stand — a youth-led immigration advocacy org founded in 2019. Built to serve immigrant communities across the Bay Area and Coachella Valley with free legal clinics, Know Your Rights workshops, a 24/7 emergency hotline, and civic engagement tools.
Multi-page luxury homebuilder site with a vertical scroll-snap hero carousel, word-by-word scroll animations, touch-friendly project gallery, scroll-triggered navbar, and an Instagram-style social feed — built with zero UI libraries.
6-page personal brand site with custom bilingual EN/ES support (900+ line translations file, no i18n library), History API client-side routing, Intersection Observer scroll animations, floating orb background, live YouTube + Spotify API feeds, and a hero background video — zero UI component libraries.
