The Family Foundation

www.thefamilyfoundation.org

The Family Foundation is a faith-based, non-profit organisation based in the vibrant city of Durban, KwaZulu-Natal, South Africa. Rooted in Christian values, we are committed to strengthening families, building resilient communities, and fostering hope through practical support, spiritual encouragement, and social outreach.

As both the designer and developer, I was responsible for creating a complete end-to-end digital experience — from initial concept to interactive prototype and final implementation. My process blended creative thinking with technical execution to ensure the design was not only visually strong but also functional, intuitive, and user-focused.

Challenges & Solutions

1. Presenting All Content Clearly on a Single Page

Challenge: One-page websites can easily feel cluttered or overwhelming because all information needs to fit into one continuous layout.

Solution: I approached the layout using a clear visual hierarchy, dividing the page into distinct, scroll-friendly sections. I relied on spacing, typography, and visual anchors to guide users naturally through the content, ensuring the site remained clean, focused, and easy to navigate.

2. Maintaining Smooth and Intuitive Scroll Flow

Challenge: With the entire experience contained on one page, the scrolling behaviour needed to feel seamless and engaging.

Solution: I prototyped smooth scroll interactions in Adobe XD and refined them during development with controlled easing, section markers, and scroll-based transitions. This created a fluid, uninterrupted journey through the content.

3. Balancing Visual Appeal With Simplicity

Challenge: A one-page website needs to be visually engaging, but too much decoration can distract from the message.

Solution: I chose a minimal yet modern design style with strong visuals, consistent colour usage, and purposeful typography. Decorative elements were used sparingly and intentionally to enhance — not overpower — the content.