Healthcare marketing & lead generation

InjectIVF

A production Next.js website built to help an IVF concierge business explain its services, generate leads, and manage client inquiries.

Lead developer · UX & implementation2024
InjectIVF preview

Overview

Partnered with the Inject IVF team to move off Wix and ship a custom Next.js marketing site focused on clarity, SEO, and reliable lead capture—so prospective patients can find the practice and reach out with confidence.

Role

Lead developer · UX & implementation

Next.jsTypeScriptTailwind CSSSEOFormspreereCAPTCHA

Problem

The previous Wix experience was limiting: branding and layout flexibility were constrained, organic discovery needed improvement, and the team wanted a contact flow that felt professional while filtering spam.

Solution

Designed and built a custom Next.js experience with structured content, technical SEO foundations, and a Formspree-backed contact path protected with reCAPTCHA—prioritizing performance, accessibility basics, and a calm, clinical tone appropriate for fertility care.

Key features

Service-forward IA that highlights what patients need first

On-page SEO structure (metadata, meaningful headings, readable URLs)

robots.txt and sitemap.xml to support crawling

Search Console setup guidance for indexing and coverage checks

Responsive layouts tuned for phones and desktops

Contact workflow via Formspree with spam mitigation

Technical highlights

  • Next.js App Router pages with shared layout and optimized images
  • Lighthouse-oriented improvements: image discipline, font loading awareness, and lean UI
  • Reusable section components and consistent spacing scale
  • Environment-driven configuration for third-party integrations

Challenges & mitigations

Challenge

Migrating content and positioning from Wix without breaking discoverability during transition.

How we approached it

Mapped core pages to clean routes, aligned titles/descriptions with patient intent, and used sitemap.xml plus Search Console to validate indexing after launch.

Challenge

Keeping trust high while adding friction only where needed (spam).

How we approached it

Used reCAPTCHA with Formspree so legitimate inquiries stayed smooth, while automated noise dropped noticeably for the inbox.

Challenge

Performance on image-heavy layouts without compromising brand warmth.

How we approached it

Used Next/Image, intentional crops, and restrained motion so the site stayed responsive on common mobile networks.

Results & impact

  • Replaced the previous website with a faster Next.js application.
  • Simplified the path for patients to learn about services and submit inquiries.
  • Added spam protection to improve contact form reliability.
  • Created a reusable content structure for future updates.

Lessons learned

Medical websites need to answer common questions quickly before introducing design flourishes.
Performance and accessibility are especially important because visitors may already feel stressed or overwhelmed.
Working closely with the client helped refine technical decisions as content evolved.

Next steps

Explore another case study or visit the live product.