Menna AdelHamed Elbastawesy

Chapter 03 - Most-played project

Shield of childhood

Childhood Shield Website – UX/UI Case Study Brief Project: Childhood Shield Role: UX/UI Designer Project Overview Childhood Shield is a modern website designed for an organization dedicated to protecting children's rights, promoting child safety, and providing awareness programs for families and communities. The goal was to create a trustworthy, accessible, and user-friendly digital platform that clearly communicates the organization's mission while making educational resources and services easy to access. Objectives * Design a clean and professional website that builds trust with parents and the community. * Improve the accessibility of educational content and child protection resources. * Present the organization's services, initiatives, and impact in a clear and engaging way. * Create an intuitive user experience across desktop and mobile devices. Design Process The project followed a user-centered design approach: * Researching similar nonprofit and child protection organizations. * Structuring the information architecture for easy navigation. * Creating wireframes to validate page layouts and user flow. * Designing a modern interface with a strong visual hierarchy. * Applying accessibility principles, including readable typography, sufficient color contrast, and clear call-to-action buttons. Design Approach The visual identity focuses on safety, trust, and compassion. Soft colors, clean layouts, and friendly visual elements create a welcoming experience while maintaining professionalism. Every section is designed to guide users naturally toward learning about the organization's mission, programs, and ways to get involved. Key Features * Responsive website design * Clear information architecture * Accessible and readable interface * Program and service presentation * Awareness and educational content * Donation and contact sections * Strong visual hierarchy * Consistent design system and reusable UI components Outcome The final design delivers a modern, accessible, and trustworthy digital experience that strengthens the organization's online presence. It helps visitors quickly understand the mission, explore available resources, and engage with the organization through a seamless and intuitive interface.