Petlify - Responsive Landing Page for Animal Care Service
Hello everyone,
I have developed a landing page for a veterinary clinic that includes a section, a services description section, a testimonials section, a contacts section with a map, a section about us, and a footer.
I am curious whether this is a sufficient number of sections to avoid overwhelming the user or if I missed any important sections.
I would also appreciate any ideas on how to motivate the user to take action (schedule an appointment).
Thank you for your time and feedback.
Objective: Create a welcoming, informative, and engaging landing page for Petlify that encourages pet owners to book appointments, learn about services, and trust the clinic with their pets' care.
FINAL RESULTS:
- Desktop - https://tinyurl.com/uxcel-vet-dmytrolobanov
- Mobile - https://tinyurl.com/uxcel-vet-dmytrolobanov-mobile
COLORS
Primary Colors
- Warm Tangerine
A vibrant and inviting tangerine that conveys energy, friendliness, and warmth.
- Soft Mint
A refreshing and calming mint that conveys trust, tranquility, and a welcoming atmosphere.
FONTS
Poppins
A modern, geometric sans-serif font that is clean and professional.
Roboto
Roboto is a highly legible sans-serif font that complements Poppins well. It's modern and clean, making it perfect for body text.
MID-FIDELITY MOCKUP
Tools used
From brief
Topics
Share
Reviews
2 reviews
Good use of colors, illustrations, and icons throughout the page.
Since booking an appointment is the primary action, giving it more prominence on the page would be beneficial. Utilizing a primary button for booking and a secondary button for actions like leaving feedback or other options can guide users more effectively. Visual differences between the buttons will help users quickly identify the key actions as they navigate.
Separating the testimonial content from the feedback section could make it easier for users to distinguish between reading testimonials and leaving their feedback.
Consider moving the 'Contact Us' section to the bottom of the page.
Repeating the 'Book an Appointment' option in the footer can add convenience, ensuring the option is readily accessible wherever the user is on the page.
The page currently feels a bit wordy. Shortening the copy in each section can improve readability, and you might add a "Learn More" link for users interested in additional details. This approach keeps the content concise while still providing comprehensive information for those who seek it.
Hi Dmytro, beautiful design and colours! However, there is room for improvement.
- Buttons Component: Consider refining the buttons component, including the primary buttons. Currently, the main CTA resembles a secondary button, which may not encourage users to click. Make sure to differentiate the button colors for clarity and consistency.
- Page Layout: The page content appears misaligned due to the varying layout styles. I suggest reusing certain sections to establish a more consistent and repetitive pattern, creating a cohesive user experience.
In response to your question about encouraging visitors to book an appointment, making the appointment button a primary call-to-action will increase the click-through rate. Additionally, consider adding a chatbot, as it can lead to more appointments over time. Offering a 'free consultation' could also help convert more visitors into paying clients.
You might also implement a feature that allows site visitors to find the nearest clinic, followed by a prominent 'Book an Appointment' CTA. Displaying available time slots could further encourage users to schedule appointments.
Great work!
/Yuliia
You might also like

Ithnain Management System

Jeel app website wireframes

ALT.Studio Color System

2 PAY

Design Workshop Plan
