Responsive website (2).png

<aside> 🚀

Click to jump to the corresponding section

Problem→

Information Architecture →

Usability Studies →

Considerations And Next Steps→

Solution→

Wireframes →

Hi-Fi Prototype →

What I learned

Understanding The User→

Lo-Fi Prototypes →

Mockups →

</aside>

<aside> 📢

Disclaimer: This project is inspired by AboElreesh Elmonerah Hospital's existing website. Although we contacted them to propose our design and request collaboration, we received no response. While maintaining some original site data, we developed this project to demonstrate potential website improvements that could enhance donation rates.

</aside>

Problem

Abou-El Reesh El Monerah Hospital is Egypt's oldest children's hospital. For over 90 years, it has provided free medical care using donations. We improved their website in two main ways:

  1. We made it work well on all devices, not just desktop computers.
  2. We made it easier for people to donate.

The new website design is simple to use. It lets people make secure donations from any device, whether it's a computer or smartphone.

<aside> 🧰

Abou-El Reesh El Monerah Hospital's website lacked responsiveness and focused solely on academic information.

</aside>


Solution

As the sole UX designer on this project, I transformed Abou-El Reesh El Monerah Hospital's website into a responsive design accessible on both mobile and desktop devices. This new design enables busy users to quickly choose how their donations are used while providing a secure and reliable way to contribute. Let's explore our feature-rich, personalized new design!

<aside> 💡

Accessible anytime, anywhere. This upgrade provides users with more personalized donation options.

</aside>

Mobile View

Solution 1 - Multiples with info - Mobile3.png

Desktop View

Solution 1 - Diagonal with info - Desktop.png

<aside> 💡

Offer clear, accessible information throughout the donation process.

</aside>

Mobile View

Solution 2 - Diagonal with info 2.png

Desktop View

Solution 2 - Diagonal with main centered.png

<aside> 💡

Emphasizes donating without overwhelming users.

</aside>