Web Development

The Towns at Old Fourth Ward

A single-page marketing site for a boutique 31-townhome community in one of Atlanta's most sought-after neighborhoods — built from scratch and deployed on Netlify.

Overview

[Describe the project context in your own words. What was the client trying to accomplish? What was the brief? Why did a single-page approach make sense here?]

[Any notable constraints or starting points — timeline, brand assets you were given, existing content, etc.]

The goal: [One tight sentence summarizing what success looked like — e.g., "A fast-loading, visually compelling site that converts prospective buyers into leads before the community opens."]

The Challenge

[What made this project interesting or non-trivial? For example: needing to present multiple floor plans clearly, balancing a luxury feel with fast load times, working with provided assets of varying quality, etc.]

Key requirements

  • [Requirement 1 — e.g., Mobile-first design for buyers browsing on phones]
  • [Requirement 2 — e.g., Integrated lead capture form connected to the agent's inbox]
  • [Requirement 3 — e.g., Downloadable floor plan PDFs for each unit type]
  • [Requirement 4 — e.g., Fast load time despite large property photography]

Approach

[Walk through how you thought about the design and structure. What decisions did you make early on about layout, content hierarchy, or interaction patterns? Why?]

[Talk about the build itself — anything technically interesting, choices you made in the HTML/CSS/JS, how you handled images, the Netlify deployment setup, etc.]

What I built

  1. [Step or decision 1 — e.g., Structured the page around buyer decision stages: impression → features → floor plans → neighborhood → contact]
  2. [Step 2 — e.g., Used Netlify Image CDN for automatic WebP/AVIF conversion to keep load times low]
  3. [Step 3 — e.g., Built a tab-based floor plan viewer in vanilla JS — no library needed]
  4. [Step 4 — e.g., Wired the contact form to Netlify Forms for zero-backend lead capture]

Results

[What happened after launch? Quantify where you can — leads generated, client feedback, performance metrics, any business outcome you're aware of.]

100 Lighthouse performance score
[#] [e.g., Leads captured in first 30 days]
[X] [e.g., Another meaningful metric]

Reflection

[What would you do differently? What did you learn? What are you most proud of? This section shows self-awareness and growth — it's one of the most valuable parts of a case study for potential clients or employers.]