Back to projects
Client Website

Diehl Family Dental Website

Healthcare client website for a dental clinic — service information, appointment context, accessible layout, and responsive design.

Healthcare WebsiteResponsive DesignUXAccessibility

Overview

Diehl Family Dental needed a site that answers patient questions before they call — services offered, location, hours, and how to get in touch. Healthcare sites need to feel trustworthy and be easy to read on a phone; that was the design constraint from the start.

Business Goal

  • Give patients enough information to decide whether to book — services, insurance context, location
  • Reduce front-desk calls for questions the site can answer
  • Present the practice professionally; dental patients judge credibility quickly from the website
  • Work well on mobile — most local healthcare searches happen on phones

My Role

  • Owned design, content structure, and development
  • Organized service information so patients can find procedure details without deep navigation
  • Implemented responsive layout with readable typography and clear visual hierarchy
  • Deployed and handed off a site the clinic staff can point patients to

Features

  • Service pages describing procedures and what patients should expect
  • Prominent contact information, location, and hours on every page
  • Clean layout with healthcare-appropriate tone — no clutter, no aggressive marketing patterns
  • Semantic HTML and readable contrast for accessibility
  • Responsive design tested on common mobile screen sizes

Tech Stack

  • Next.js static pages
  • Tailwind CSS with a restrained typographic scale
  • Semantic HTML for screen readers and SEO
  • Vercel hosting with custom domain

Outcome

Live site the clinic uses as its patient-facing web presence. Staff report patients reference the site when calling to ask about services. Same principles as larger platform work: clarity, trust, and a mobile experience that actually works.