Responsive Pediatric Hospital Website

Responsive Pediatric Hospital Website

Role: UI/UX Designer & Frontend Developer
Duration: [Insert completion date or time span]
Technologies used: [e.g. Next.js, React, Tailwind CSS, etc.]

---

Features

• Homepage highlights

- Eye-catching hero with “Specialized Care for Little Smiles” headline
- Key stats: number of beds, children served, emergency availability, years of service
- 24/7 emergency prompt & opening hours prominently displayed

Services & Departments

- Lists core medical specialities: General Medicine, Pediatrics, Neurology, Orthopedics, etc.
- Clear descriptions so users can understand what each service offers

Doctors & Specialists

- Profiles with images, specialities, and “Book Appointment” actions
- Enables trust and helps patients pick appropriate care

Patient Testimonials

- Real-sounding quotes to humanize and build credibility

Emergency & Contact

- Emergency contact always accessible
- Full contact info, location, email, phone
- Map / directions (if included)

Responsive Design & UX

- Works across mobile/tablet/desktop
- Intuitive navigation (Home, About, Services, Doctors, Contact, News & Updates, Book Appointment)
- Clean visuals, child-friendly, yet professional

---

What I Learned / Challenges & Solutions

Ensuring that “Book Appointment” or emergency actions are always visible so users can find help quickly

Balancing medical professionalism with a welcoming / friendly look for children’s hospital UI

Optimizing load time of doctor images and testimonials so site feels fast even on slower networks

---

Outcome & Impact

Helps the hospital present services clearly and build trust with parents & caregivers

Improves user flow for booking appointments and finding essential info

Demonstrates responsive design and UI consistency

---