Pet Haven - Responsive Landing Page
Rationale for the project -
When I started designing Pet Haven’s landing page, I thought about the moments pet parents face when their furry friends need care.
Sometimes it’s a routine check-up, other times it’s a late-night emergency. I wanted the design to reflect that reality — warm, trustworthy, and easy to navigate, even under stress.
That’s why I placed a sticky header with quick links and two clear CTAs: 'Book Appointment' for planned visits and 'Emergency Call Now' for urgent help. The hero section carries the message of 24/7 care, paired with warm imagery that instantly connects emotionally.
From there, I broke down the services into simple, scannable cards with icons so users can quickly see what’s available. The “How it works” section tells the care journey in just three steps, helping ease the anxiety that often comes with vet visits.
To build trust, I showcased real vets with their credentials, transparent pricing, and reviews from other pet owners.
Finally, I added clinic locations with a map for convenience, FAQs for clarity, and a footer that ties everything together.
Throughout the process, my focus was on making Pet Haven feel like a safe, reliable companion for both pets and their humans.
Tools used
From brief
Topics
Share
Reviews
2 reviews
Sandeep, really thoughtful work — the flow feels warm and trustworthy, and the services are laid out clearly. The only thing I’d reconsider is the red emergency banner at the top; shifting it to a sticky side element might reduce the initial stress while still keeping it accessible.
Hello Sandeep Murmu,
Your designs are very clean, and from a UX perspective, the information architecture is well thought out. The UI part is also balanced nicely with the UX. Great work. I just have one comment about a specific section.
At the entrance, we are greeted by the red emergency banner at the top. I'm not sure if this section is really necessary in such a prominent position. If the click rate for this part is quite low, placing it as a sticky element on the right side of the screen would provide a better UX experience. Because being greeted with a red area right at the start can create a negative perception for the user.
You might also like

Sojo NFT Marketplace

Heuristic Evaluation of Revolut Mobile App

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)

From Idea to Full-Stack Web App

Docto
