← All workCASE STUDY
Healthcare · Branding · Responsive

Center for Digestive
Diseases

A modern, responsive website for a speciality gastroenterology practice led by Dr. Paul Singh — the only provider of the TIF procedure in the region. Balancing medical credibility with patient-friendliness, launched 2018.

Client
Center for Digestive Diseases
Timeline
1+ Month
Services
Re-design · UX/UI · Branding
// FINAL WEBSITE — Homepage
CDD Homepage — Team photo, hours, services, news
// HOMEPAGE · Team photo hero · Hours · BCBS Badge · Services grid · Latest News
Project Results

Launched early 2018 with highly positive feedback from both clinic staff and patients. Patient inquiries increased due to clearer procedure explanations and better navigation.

2018
Launched Successfully
Patient Inquiries Increased
100%
Mobile Responsive
Only TIF Provider In Region
Wireframe → Final Design

From lo-fi prototype to live responsive website

The wireframe established the information architecture — full-width hero, 3-column info strip (Hours · Location · Contact), services grid, and blog section. The final design brought it to life with the CDD brand, real photography, and a bold navy + white palette.

// WIREFRAME — Homepage Layout
CDD Wireframe — full page layout
// WIREFRAME · Full-page layout · Hero → Info strip → Services grid → Blogs → Footer
// FINAL — Homepage (Full Page)
CDD Final Homepage full page
// FINAL · Team hero · Info strip · BCBS award · Services · News · Footer
Desktop Pages — Homepage · Services · TIF Procedure

Three key pages of the final website

Every page uses the same dark navy header with the CDD logo and "Online Payment" CTA button. Content sections shift to serve each page's specific patient need — from team introduction on the homepage to clinical procedure detail on the TIF page.

// HOMEPAGE — Team + Services
CDD Homepage — full desktop
// HOMEPAGE · Team hero · Hours · BCBS · Services grid · Latest News
// SERVICES PAGE
CDD Services page
// SERVICES · GI anatomy hero banner · Full services list · Colonoscopy · ERCP · Endoscopy
// TIF PROCEDURE PAGE
CDD TIF Procedure page
// TIF PROCEDURE · Medical illustration hero · GERD Symptoms · Typical symptoms · Video
Mobile Responsive — Homepage & TIF Page

Fully responsive — critical patient information on every screen

On mobile, the team photo slider with navigation arrows sits above a clean info strip (phone, hours, address). The TIF procedure page uses the medical illustration as a full-width hero with clean typography below — patient-friendly and accessible on any device.

// HOMEPAGE — Mobile · Team + Contact Info
CDD Homepage Mobile — team slider and contact info
// MOBILE · Team photo carousel · Phone 919-854-0041 · Hours · 1120 SE Cary Pkwy
// TIF PAGE — Mobile · Procedure Detail
CDD TIF Procedure Mobile
// MOBILE · TIF Procedure · GERD Symptoms · Acid reflux illustration · Patient-friendly language
Complete Screen Gallery — All 7 Assets

Wireframe → Desktop (4 screens) → Mobile (2 screens)

Homepage full
Homepage · Full page · Desktop
Homepage desktop
Homepage · Team hero · Desktop
Services page
Services · GI banner · Desktop
TIF Procedure page
TIF Procedure · Desktop
Mobile homepage
Homepage · Mobile
Mobile TIF page
TIF Procedure · Mobile
Wireframe prototype
Wireframe Prototype · Full Homepage Layout · Lo-fidelity · Information Architecture
Design Highlights

Four principles that defined the redesign

  • Clear value proposition — homepage hero highlights "25 Years of Excellence" and Dr. Singh's unique regional TIF procedure expertise
  • Patient-friendly language — medical content rewritten to be clear and accessible, with symptom descriptions written for lay readers
  • Responsive design — all pages tested and refined for mobile, tablet, and desktop with proper image scaling and touch-friendly navigation
  • Online Payment CTA — persistent in the header on every page, reducing friction for billing-related patient actions
Process Summary

Lean UX under pressure

  • Stakeholder interviews with Dr. Singh and clinic staff
  • Audit of existing site + competitor specialty clinics
  • Lo-fi wireframe for full homepage architecture
  • Mid/hi-fi prototype in Sketch + InVision for client review
  • One round of minor feedback — fast decision-making
  • Design files + responsive specs delivered to dev team

KEEP EXPLORING

More selected work ↗

OPEN TO FREELANCE & FULL-TIME OPPORTUNITIES

Let’s make
something useful.

Start a conversation ↗