Homeless Animal Hospital - Responsive Landing Page

I have chosen to redesign the landing page for a local animal hospital, the Homeless Animal Hospital in Bucharest, Romania. I prioritized a clear, minimalist design consistent with the organization's branding image. Here’s a summary of my design choices:

Design Dimensions

Web Version: 1440px Width

• Justification: Ensures optimal viewing on modern desktop screens (1280px to 1920px), providing ample white space for readability and a clean interface.

Mobile Version: 375px Width

• Justification: Applies to most modern smartphones, ensuring a seamless experience by balancing accessibility and usability.

Key Design Considerations

Emphasis on Donations and Help Requests

• Design Decision: Focus on donations and showcasing animals in need with prominent call-to-action buttons and highlighted sections.
• Rationale: Aligns with the hospital's mission to gain support and drive action, crucial for sustainability.

Clear and Minimalist Design

• Design Decision: A clear, minimal design avoids clutter while ensuring essential information is easily accessible.
• Rationale: Enhances user experience, making navigation intuitive and information consumption straightforward.

Building Trust through Transparency

• Design Decision: The front page features the annual report of actions and services.
• Rationale: Builds trust by showcasing transparency and accountability, encouraging donations and support.

Easy Access to Shop

• Design Decision: The shop is easily accessible through a well-placed link in the menu and a dedicated section on the front page.
• Rationale: Facilitates contributions through purchases, supporting the hospital’s efforts.

Compliance with WCAG Guidelines

• Design Decision: Applied design principles and ensured color contrast compliance with WCAG guidelines.

Summary

The redesigned landing page balances aesthetics with functionality. The clear, minimalist layout enhances user experience, while the focus on donations, help requests, and easy shop access ensures the 'Homeless Animal Hospital' can effectively provide aid and support to animals in need. Additionally, the responsive mobile version is aligned with the web design, ensuring a seamless and consistent experience across all devices.