A tastefully decorated room featuring contemporary furniture and a modern kitchen setup, characterized by sleek designs and a sophisticated aesthetic.

Case Study

Stanley Martin Homes

A residential construction company that specializes in building new homes in the United States. The company was founded in 1966 and is headquartered in Reston, Virginia.

React
Bootstrap
C#
SQL
Azure
jQuery
Gulp

Overview

As the first in-house Full Stack Developer, I architected and built both our Corporate Website and Administrative Portal from scratch — tools that became essential to streamlining Marketing’s daily operations. I designed a component library with SCSS transpilation, integrated Froala WYSIWYG for content management, connected Salesforce/Pardot for lead generation with UTM tracking, and built custom Google Maps-based neighborhood explorers. I also created npm packages from our design tokens (via Figma Tokens Studio), established the dynamic SEO-friendly URL routing structure, and developed a safety compliance checklist application with authenticated submissions — all while supporting web development challenges across the organization.

Role: Full stack developer
Scope: Corporate site, admin portal, CMS
Type: Homebuilder platform
Year: 2018–2024

Colors

Corporate Brand

Full redesign of Stanley Martin's corporate site: React SPA with Bootstrap, Froala CMS, Salesforce/Pardot lead forms with UTM tracking, SEO-friendly routing, and Google Maps neighborhood explorers on Azure.

Front cover image of the corporate homepage, guiding the user in their journey to find a new home by location.

Corporate homepage covering markets, services, and career opportunities across Stanley Martin.

Neighborhood overview with local schools, area highlights, and homes ready for move-in.

Move-in ready homes with photos, pricing, bedroom counts, and nearby amenity highlights.

Features

In-house C# + React admin for content approvals, media libraries, and Azure multi-env deploys.

Froala WYSIWYG in admin so Marketing can edit customer-facing content without developers.

Google Maps and Places on neighborhood pages — markers, geocoding, proximity filtering.

Responsive Bootstrap 5 templates for Neighborhood, Home Design, Smart Home, Search, and Calculator.

SEO-friendly routing with slugs, server-side meta, and sitemap generation for listings.

Salesforce Pardot lead forms with UTM passthrough for campaign attribution.

QR lead registration API with reCAPTCHA v3 for on-site sales reps.

SCSS design-token npm packages via Gulp + Figma Tokens Studio for spacing, color, and type.

Safety checklist app with authenticated C# APIs — digital submissions instead of paper.

Model home kiosk

Interactive React/TypeScript kiosk for model home displays: swipe navigation, animated transitions, and tablet-optimized layouts guiding buyers through amenities, site plans, house types, and community info.

Nearby attractions, amenities, and points of interest around the community.

Interactive community site plan on the model home kiosk.

Single Family and Multi Home category pickers to preview available homes.

Features

Touch React SPA with full-screen slides, Hammer.js swipe, and animated transitions on tablet.

Responsive layout: landscape kiosk mode and portrait mobile fallback via CSS Grid.

Embedded community videos with lazy thumbnails, autoplay controls, and low-network fallback.

Interactive site plan — tap lots for pricing, availability, and inquiry forms.

Filterable house-type catalog with floor plans, 3D views, and customization modals.

CMS REST sync for live inventory — price and availability updates without redeploy.

Stanley Martin Homes

Colors

Corporate Brand

Features

Model home kiosk

Features

Case Studies

Testimonials