Shun Elis

Web Administrator

Full-Stack Developer

Security Analyst

IT Support Specialist

Shun Elis

Web Administrator

Full-Stack Developer

Security Analyst

IT Support Specialist

ProCare Direct

  • Project Type: NDIS & Healthcare Sector
  • Tech Stack: HTML5, CSS3, Bootstrap 5, JavaScript (jQuery), WOW.js, Animate.css
  • Plugins: Magnific Popup, Owl Carousel, Nice Select, Isotope, Counter-Up, WOW.js, Font Awesome, Modernizr
  • Status: Live

Overview

ProCare Direct is an Australian care provider offering disability and nursing services under the NDIS, with a focus on compassionate, holistic, and client-centered care. The client needed a modern, trustworthy, and accessible website that would effectively communicate their values of empathy, professionalism, and reliability.

My goal was to design and develop a visually clean and emotionally resonant platform that makes visitors feel at ease while clearly presenting services and encouraging referrals.

Design Approach

The design concept centered around warm professionalism — a balance of healthcare credibility and personal connection.
I used soft blue and white tones, calm gradients, and rounded shapes to visually represent care, comfort, and trust.

Key design choices included:

  • A hero section with strong copy (“Direct Service, Lasting Impact”) to instantly communicate mission and purpose.
  • Emotional imagery showing real caregiving moments to humanize the brand.
  • Clear iconography and structured content blocks for easy navigation.
  • Smooth scroll animations using WOW.js to bring the interface to life without being overwhelming.

Typography was selected for clarity and empathy — modern sans-serif fonts that feel approachable yet professional.

Development Highlights

  • Built with Bootstrap 5 for responsive, mobile-first design.

  • Added WOW.js and Animate.css for subtle entry animations.

  • Integrated Owl Carousel and Magnific Popup for interactive components.

  • Used Font Awesome and SVG icons for accessible, scalable visuals.

  • Implemented an off-canvas sidebar featuring key contact info and a quick “About Us” summary.

  • Optimized for speed and SEO, including semantic HTML, meta descriptions, and structured headings.

The final result is a professional, compassionate, and user-friendly website that positions ProCare Direct as a trusted NDIS provider.

It communicates care and competence through design, ensuring families and individuals can easily explore services, learn about the organization, and reach out for support.

This project was a great opportunity to blend emotionally resonant design with technical precision, creating a digital experience that truly reflects the heart of the brand — care that makes a lasting impact.