Karima Al-Ola
Overview
The Shark Clicks team delivered a comprehensive digital experience for the Karima Al-Ola Charity Foundation website, which is considered one of the most prominent charitable organizations currently operating. We highlighted its numerous and diverse projects, such as water coverage, in-kind donations, food distribution, and support for humanitarian cases. We focused on designing a clear journey for visitors and donors so that every visitor immediately understands how to contribute or benefit, while relying on a fast, responsive interface to ensure the best possible user experience across all devices. We also ensured that the content was organized in a simple and clear manner that conveys the foundation’s humanitarian mission and reflects the real impact of its projects and services on the ground. In addition, we focused on facilitating access to essential information for users, reducing steps, and simplifying the donation or participation process to guarantee a smooth and effective user experience without complexity. The unification of the visual identity also contributed to building trust and creating a clear and strong mental image of the foundation’s role and its diverse charitable objectives.
Our Role
- We worked on building a strong digital identity that translates the foundation’s humanitarian values and its multiple projects.
- We created a fully integrated Design System that includes typography, icons, colors, and all program display cards.
- We provided electronic payment services and payment gateways such as Fawry, Aman, Masary, Valu, and Apple Pay, in addition to integration with the National Bank of Egypt electronic payment gateway via Visa and MasterCard, Commercial International Bank, Arab African International Bank, Cashier electronic payment services, Meeza card payments, electronic wallets, and Vodafone Cash.
- We designed UX/UI interfaces for the various project pages such as relief convoys, prosthetic limbs, water stations, and many other services provided by the foundation.
- We developed the website on the PHP platform while ensuring fast loading speed and performance optimization without disruption.
- We restructured the presentation of all projects and cash and in-kind donations to be clear and easy to understand for all users.
- The website supports multiple secure payment methods with the ability to donate from inside and outside Egypt.
- We improved mobile browsing and ensured compatibility across different platforms.
The challenge
Our main challenge was organizing the largest possible number of diverse initiatives—such as food campaigns, water projects, orphan sponsorships, debtors’ cases, and many other services provided by the foundation—within a single website that allows users to easily understand their options and donate quickly without complexity or information loss. Therefore, we worked on establishing a clear and understandable structure with precise classifications that help present all initiatives independently and clearly. We also simplified the way content is displayed to ensure fast message delivery and encourage visitors to make donation decisions with full confidence and security.
Our Approach
We began by analyzing the foundation’s content and its existing structure, then created a complete user journey map from the moment the user enters the website until the successful completion of the donation process. We designed professional wireframes and moved on to final designs aligned with the visual identity. During development, we focused on speed optimization and browsing experience, integrated electronic donation gateways, and conducted multiple tests to ensure smooth, fast performance compatible with all different devices.
Customer Journey
The client was involved with us from the very first moment of proposing the project until its professional launch, starting from design approvals to testing the donation flow. This continuous collaboration enabled us to deliver a professional website that reflects the foundation’s work and provides a simple, fast, and outstanding user experience for support and donations.
