A reliable path from interest to follow-up
A credible public presence was not enough without usable consultation intake and a client-owned destination.
Case study 01 / paid independent implementation
A real-estate client needed more than a beautiful website. I translated the business need into a client-operable production workflow—with dependable lead intake, real-browser validation, useful seller materials, and a documented operating path the client could own.
This is a case study in implementation: getting from an unclear customer request to a functioning, validated, explainable system without confusing a visual prototype with a finished operating workflow.
A credible public presence was not enough without usable consultation intake and a client-owned destination.
Requirements, configuration and integration, validation, documentation, and continued iteration.
Next.js website, GitHub-to-Vercel delivery, form/API/Sheets workflow, seller guide, downloadable PDF and media.
Production destination checks, duplicate protection, browser/mobile regressions, and release checklists.
Specific behavior is described without sharing client identities, private sheet rows, credentials, analytics dashboards, or unverified revenue and conversion claims.
02 / The client problem
The client had credibility in a competitive real-estate practice. The real gap was converting public interest into a follow-up process the client could reliably use.
Give prospective sellers a clear public story, mobile-friendly contact path, and useful planning information.
Capture requests in a destination the client can follow up from—not a form that merely appears to submit.
Leave code, deployment, and lead records in an understandable operating path instead of a fragile one-person setup.
Track domain, Google-presence, content, verification, and other dependencies explicitly rather than claiming everything was complete.
The work moved from discovery to documented improvement, with validation and ownership kept visible at every step.
Audience, desired action, definition of launch, technical dependencies, ownership boundaries, and what still required client decisions became tracked requirements.
Client-owned GitHub-to-Vercel previews, production checks, regression registry, and release checklist helped separate working changes from incomplete work.
The architecture matters because the website, intake destination, deployment path, and supporting resources all have to work together for the client's daily operation.
Mobile-first Next.js site delivered through a client-owned repository, preview, and production deployment process.
Consultation form and server route feeding a Google Sheets destination through an Apps Script webhook, with duplicate-submission protection.
Seller planning-guide route, downloadable branded PDF, and Read / Listen / Watch material with captions and a transcript.
Regression registry, validation evidence, release checklist, and documented handoff used to make delivery repeatable.
“A successful handoff isn't when the site looks finished. It's when the next person can use it.”
CASE STUDY PRINCIPLE / INTERPRETIVE SUMMARY
A missed form submission or broken mobile menu is an operational failure. The release process treated real behavior as the evidence standard.
Production consultation submissions were verified reaching the Google Sheets destination.
Replayed submissions returned a safe duplicate response rather than creating another lead row.
Safari and Chrome checks covered mobile navigation, icon behavior, hamburger menus, and scroll locking.
Landing route, downloadable PDF, and media surfaces were checked through regression coverage.
Regression checks and a release checklist served as gates; incomplete external dependencies were kept visible.
Delivery included plain-language walkthroughs, clear ownership, documented operating steps, and separation of finished work from the decisions still owned by the client.
The domain is real estate; the transferable skill is implementing usable systems for real people, then making them reliable and understandable.
Find the friction, desired action, real users, constraints, and acceptance conditions.
Turn broad requests into scoped tasks, ownership boundaries, and concrete next steps.
Coordinate site, hosting, API, lead destination, and enablement surfaces.
Use expected-versus-actual checks, browser coverage, and repeatable releases.
Walk through the working system and document how the client can use it.
Keep control, open dependencies, and future improvements explicit.
This is a public-safe account of a paid independent engagement. It is specific about delivered behavior and equally specific about what cannot be inferred.
AI-assisted tools supported research, drafting, troubleshooting, implementation, testing, and documentation. Chien remained responsible for scope, review, privacy, client communication, validation, and final acceptance.
The versioned GitHub case study is the source of truth. The website is a visually organized, public-safe reading layer for recruiters and technical reviewers.
Read the complete Markdown case study ↗The takeaway
This engagement reflects how I approach implementation: understand the business workflow, connect the necessary tools, validate behavior, explain the system simply, and leave a trustworthy operating path.