Conversion-Focused Web Developer Website
Demetrius Cunningham
Challenge
Most developer portfolios are templated, generic, and prove nothing. The site had to demonstrate — not describe — the kind of work clients hire for: clear positioning, structured case studies, conversion-minded contact UX, real SEO, and production-grade accessibility.
Solution
A custom-built portfolio plus lightweight SaaS backend: brand-first homepage positioned for "Web Developer in Springfield MO", an in-depth case study system, a validated contact form persisted to Postgres with Resend notifications and auto-reply, a token-protected admin dashboard, GA4 page tracking, and an axe-core a11y sweep wired into the build as a blocking validation step.
How it came together
1. Positioned for one search query, not ten
Built the homepage around "Web Developer in Springfield MO" intent, not a generic "developer" pitch. H1, lead, JSON-LD address, and meta defaults all align to one buyer — local businesses that want a fast, conversion-minded site.
2. Designed the case study system before writing case studies
Extended the data model with role, timeline, year, techStack, gallery, process, and reflection so every project tells the same story in the same shape. Three case studies — and this one — drop in cleanly against the schema with zero component changes.
3. Made the contact form a system, not a form
Submissions hit Postgres first, Resend second; either notification path can fail without dropping a lead. Built an admin dashboard at /admin behind a bearer token so inquiries become a triageable queue instead of a flooded inbox.
4. Wired accessibility into the build, not the to-do list
The a11y workflow runs vite build + Playwright + axe-core across every route and fails the build on a single serious or critical WCAG 2.1 AA violation. Framer Motion components honor useReducedMotion so axe measures real, final-state colors.
5. Shipped SEO as page architecture
Per-route canonical, OpenGraph, and Twitter card meta via a SEO component; JSON-LD ProfessionalService block on the homepage; semantic headings on every page. Organic traffic lands on the right page — not the homepage every time.
Outcome
0 blocking / 0 advisory axe-core violations across every page
Sub-second initial JS on every route via lazy splitting
Contact form survives Resend or Formspree being offline — DB write is the source of truth
Admin dashboard turns inquiries into a triageable workflow, not a flooded inbox
Key Features
Case study system
Validated contact form
Postgres-backed submissions
Resend notifications + auto-reply
Token-protected admin dashboard
GA4 page tracking
JSON-LD ProfessionalService schema
Per-route OpenGraph + canonical tags
Lazy-loaded routes
Reduced-motion-aware animations
Like this project
Posted May 20, 2026
Designed and developed a conversion-focused website showcasing custom web development services, SEO structure, and business-first UX.
Likes
0
Views
0
