Sanad Care — Home Nursing Services Static Website (Next.js 14 + SEO)

Overview

Sanad Care is a professional static website I designed and developed as an expert frontend developer for a home nursing and healthcare service based in Marrakech, Morocco. The site serves as the digital front door for Sanad Care, connecting local residents and international medical tourists with qualified, state-registered nurses providing 24/7 home healthcare services.

The Problem

Before this website, Sanad Care faced significant visibility and trust challenges:

• No digital presence — Potential patients and families couldn't find or verify the service online
• Medical tourism gap — International visitors in Marrakech had no way to discover English-speaking home nursing
• Trust deficit — Without a professional website, credibility was questioned compared to competitors
• Missed emergency inquiries — 24/7 service was invisible to people searching at night or during crises
• Competitor advantage — Other home care services had basic websites capturing search traffic

My Role

As the expert frontend developer, I was responsible for:

• Complete website design and development from scratch
• Local SEO strategy targeting Marrakech healthcare searches
• Medical tourism content optimization for international visitors
• Performance optimization for users on mobile and variable connections
• Multi-page architecture covering all services and patient needs
• Trust-building design that conveys professionalism and compassion

Technical Stack

Site Structure

Homepage

• Hero section — Trust signals (4.8 rating, 3K+ patients), 24/7 availability, primary CTAs
• Value propositions — Qualified nursing team, 24/7 availability, verified & secure, English-speaking staff
• Medical tourism section — Dedicated content for international visitors
• Services overview — Grid of 10+ home nursing services with quick links
• How it works — 5-step booking process visualization
• Testimonials — Patient and family reviews with ratings
• Emergency CTA — Prominent contact for urgent care needs

Service Pages (10+ Individual Pages)

• Home Nursing Services — General overview of 24/7 care
• Registered Nurse at Home — Qualified private nurse details
• Blood Test & Collection — Home sample collection service
• Injection at Home — IM, SC, IV injection administration
• IV Therapy & Perfusion — Hydration, vitamin drips, intravenous treatments
• Wound Care & Dressing Changes — Post-surgery and ulcer management
• Post-Surgery Home Care — Clinical monitoring and recovery assistance
• Hospitalization at Home — Alternative to hospital stay
• Elderly & Senior Care — Compassionate caregiving and mobility assistance
• Doctor Home Visits — Physician house call coordination

Supporting Pages

• Why Choose Us — Team qualifications, safety protocols, patient-centered approach
• Patient-Centered Care — Dignity, comfort, and personalized care philosophy
• Medical Tourism Support — Hotel/riad care, English-speaking staff, rapid response
• Family Support — Peace of mind, regular updates, emotional support
• Contact Us — Multiple contact methods (phone, WhatsApp, email, form)
• FAQ — Common questions about services, pricing, and procedures

SEO Strategy

Local SEO for Marrakech Healthcare

• Primary keywords: "home nursing Marrakech," "private nurse Marrakech," "home care Morocco"
• Service keywords: "blood test at home Marrakech," "IV therapy home Marrakech," "elderly care Marrakech"
• Medical tourism keywords: "nurse for tourists Marrakech," "medical assistance hotel Marrakech," "English speaking nurse Morocco"
• Long-tail keywords: "24 hour nursing care Marrakech," "post surgery care at home Morocco," "wound dressing change home visit"

Technical SEO

• Schema.org markup — MedicalBusiness, LocalBusiness, Service, and FAQPage structured data
• Sitemap.xml — Automatic generation with priority and changefreq
• Robots.txt — Optimized crawl directives
• Canonical URLs — Prevent duplicate content across language versions
• Core Web Vitals — All metrics in "Good" range for ranking signals

Content SEO

• Service-specific landing pages — Each service has dedicated, keyword-rich content
• Patient testimonials — Social proof with Schema.org Review markup
• FAQ schema — Rich snippets for common questions
• Local citations — Consistent NAP (Name, Address, Phone) across web
• Google Business Profile — Linked and optimized for local pack

Multi-Language Support

Each language version features:

• Culturally appropriate content — Tone and examples adapted per audience
• Local SEO metadata — Language-specific keywords and descriptions
• RTL support (Arabic) — Full right-to-left layout adaptation
• Hreflang tags — Proper language targeting for search engines

Design Direction

The visual design needed to convey:

• Professionalism — Clean, medical-grade aesthetic without being cold
• Trust — Warm colors, human photography, credential displays
• Accessibility — High contrast, readable fonts, clear navigation
• Urgency — Prominent contact methods for emergency situations
• Compassion — Soft edges, calming palette, reassuring imagery

Color Palette

• Primary: Medical Blue (#2563eb) — Trust, professionalism, healthcare
• Secondary: Warm Coral (#f97316) — Compassion, urgency, human touch
• Background: Clean White (#ffffff) — Sterility, clarity, openness
• Surface: Soft Gray (#f8fafc) — Subtle section differentiation
• Text: Deep Slate (#1e293b) — Readability, authority
• Success: Healing Green (#22c55e) — Confirmation, safety, health

Key Features

• 24/7 Contact Visibility — Phone and WhatsApp always accessible via sticky header
• Service Filtering — Browse services by category (elderly, post-surgery, tourist, chronic)
• Emergency Quick-Contact — One-tap call/WhatsApp for urgent needs
• Trust Badges — State registration, verified nurses, insurance compatibility
• Patient Stories — Real testimonials with photos and conditions treated
• Booking Flow — Simple multi-step inquiry form with service pre-selection
• Mobile-First — 70% of healthcare searches happen on mobile devices

Challenges & Solutions

Challenge 1: Building Trust in Healthcare

Healthcare decisions require absolute confidence. I implemented:

• Nurse credential display — Registration numbers, certifications, experience
• Patient photo testimonials — Real faces and stories (with consent)
• Transparent process — Step-by-step explanation of how care works
• Safety protocols — Detailed hygiene and security measures
• Insurance information — Clarity on coverage and payment options

Challenge 2: Medical Tourism Content

International visitors have unique concerns. I created:

• English-first content — Primary language for tourist audience
• Hotel/riad care specifics — Understanding of tourist accommodation
• Rapid response promise — Fast dispatch for time-sensitive visitors
• Doctor coordination — Partnership with local physicians for referrals
• Cultural sensitivity — Respect for diverse backgrounds and needs

Challenge 3: Performance on Variable Connections

Patients and families may browse on slow connections. I optimized:

• Static generation — Instant page loads, no server wait time
• Image optimization — WebP format, responsive sizes, lazy loading
• Minimal JavaScript — Core functionality works without JS
• Progressive enhancement — Rich features load progressively
• Offline-ready — Service Worker for basic offline access

Challenge 4: Accessibility for Elderly Users

Many patients and their families are older adults. I ensured:

• Large touch targets — 48px minimum for all interactive elements
• High contrast — WCAG AA compliant color combinations
• Readable typography — Minimum 16px body text, clear hierarchy
• Screen reader support — Proper ARIA labels and semantic HTML
• Keyboard navigation — Full site usable without mouse

Results & Impact

• Search visibility — Page 1 for "home nursing Marrakech" within 3 months
• Inquiry volume — 200% increase in contact form submissions
• Medical tourism leads — 50+ international patient inquiries per month
• Trust establishment — Professional website referenced by hotels and travel agencies
• Competitive positioning — Now ranks above established competitors for key terms
• 24/7 discovery — Website captures leads even when office is closed

Testimonial

"Hamza understood that our website isn't just a brochure — it's a lifeline for families in crisis and tourists far from home. The design balances medical professionalism with human warmth perfectly." — Sanad Care Management

Comparison with Healthcare Competitors

Lessons Learned

Building for healthcare taught me that web design can literally save lives. When a worried family member searches "nurse for elderly parent Marrakech" at 2 AM, the website they find needs to immediately convey trust, competence, and availability. Every design decision — from color choice to contact button placement — serves that critical purpose.

Future Plans

• Online booking system — Direct appointment scheduling (evolving to fullstack)
• Patient portal — Secure access to care plans and medical records
• Nurse mobile app — Driver/nurse companion for route and schedule management
• Telehealth integration — Video consultation capabilities
• Blog/Health Resources — SEO content marketing for healthcare topics

---

Need a professional website for your healthcare or service business? Contact me to discuss your project.