A comprehensive, high-performance web platform for the Watchman Medical Professionals’ Forum (WMPF), the medical arm of the Watchman, a medical organisation.
I developed a comprehensive, high-performance web platform for the Watchman Medical Professionals’ Forum (WMPF), the medical arm of the Watchman Catholic Charismatic Renewal Movement. The goal was to create a digital home that bridges the gap between professional healthcare expertise and faith-based community outreach.
Built with Next.js, the site serves as both an informational hub for the organization’s 240+ healthcare professionals and a vital resource center for the vulnerable communities they serve.
Hero Section
Key Features & Functionality
Resource Center & Blog: A robust content management system featuring a filtered blog section covering topics like nutrition, preventative health, and mental health to educate the public.
Event Management: An integrated "Upcoming Events" module to coordinate and promote life-changing medical and gospel outreaches.
Dynamic Professional Directory: Showcases a multidisciplinary team ranging from Medical Doctors and Pharmacists to Physiotherapists and Lab Scientists.
Impact Tracking: Custom-designed data visualization components showing key metrics: 10,000+ lives touched and 20+ communities served.
Mobile-First & Accessible: Optimized for high performance and accessibility, ensuring users in remote areas can access health resources quickly.
The Challenge & Solution
The primary challenge was to design a UI that felt authoritative yet approachable. Medical websites can often feel cold, but for a faith-based organization, the "human touch" is essential.
I utilized a deep, calming color palette (navy and cyan) to establish trust, paired with high-quality imagery of real medical outreaches. Using Next.js allowed for Server-Side Rendering (SSR), ensuring that the blog and resource articles are SEO-friendly and load instantly, which is critical for users seeking health information.
The Challenge & Solution
The primary challenge was to design a UI that felt authoritative yet approachable. Medical websites can often feel cold, but for a faith-based organization, the "human touch" is essential.
I utilized a deep, calming color palette (navy and cyan) to establish trust, paired with high-quality imagery of real medical outreaches. Using Next.js allowed for Server-Side Rendering (SSR), ensuring that the blog and resource articles are SEO-friendly and load instantly, which is critical for users seeking health information.