Magdi Yacoub
Overview
The Shark Clicks team worked on developing a digital experience for the Magdi Yacoub Heart Foundation website, which is considered one of the most important institutions currently operating, with the aim of clearly and simply presenting free treatment programs, supporting medical research, and facilitating donations. We focused on delivering an easy and simple interface that explains the foundation’s mission and its impact on the community, and enables users to easily access information about all surgeries, cases, various support methods, and research achievements. We also ensured improving the website’s performance on mobile devices to provide a fast, comfortable, and smooth experience for all visitors. Additionally, we paid close attention to organizing medical and humanitarian content in a way that helps users understand the foundation’s vital and essential role in saving lives and supporting patients. We worked on simplifying donation methods and reducing steps to ensure fast contribution in supporting many different cases. We also focused on conveying success stories and the positive impact of the foundation to all users to support and enhance their trust in donating. Finally, we adopted a responsive design that reflects the foundation’s identity and humanitarian values and ensures the best integrated user experience across mobile phones and all different devices.
Our Role
- We worked on building a visual system that fully reflects the scientific and medical identity of the foundation.
- We ensured the development of a Design System that includes display elements, icons, colors, and fonts.
- We designed UX/UI for all donation pages, events, research, news, and various treatment programs.
- We provided electronic payment services and payment gateways such as Fawry, Aman, Masary, Valu, Apple Pay, and integration with the National Bank of Egypt electronic payment gateway via Visa and MasterCard, Commercial International Bank, Arab African International Bank, Paymob for electronic payments, Meeza Card payments, electronic wallet payments, and Vodafone Cash.
- We developed the website using PHP and professionally improved speed and browsing stability.
- We organized medical and research content in a simple and easy way to help users read and understand effortlessly.
- We provided and integrated multiple secure electronic donation methods.
- We improved the mobile experience and ensured full compatibility with all different devices.
The challenge
The challenge was presenting a large and diverse amount of content, including medical research, surgical operations, and numerous support campaigns, in a clear and organized manner, while maintaining a fast and clear donation journey that serves users from all segments, with careful simplification of medical information without compromising its accuracy.
Our Approach
We began by analyzing the existing medical and scientific content, then mapped the user journey to access programs and donations. After that, we designed wireframes and approved the final designs in alignment with the foundation’s identity as required. During development, we focused on improving website speed and performance and organizing surgery and program pages in a way that benefits visitors. Finally, we integrated electronic donation systems and conducted full testing to ensure strong, stable, and easy performance on both mobile and web.
Customer Journey
The client journey is one of the most important stages for us in executing the project in a complete and professional manner. Therefore, the client participated with us in all stages, from approving the designs and how medical programs are presented to testing the donation flow before launch. This collaboration helped us deliver a website that clearly conveys the foundation’s medical and humanitarian mission and provides users with an easy and simple experience for donating and benefiting from the available information.
