Redesigning with Purpose: A Responsive Web Experience for NYC Pet Services
Responsive web design and redesign of an existing dog daycare website.
The Problem
The website struggled with branding, design, and user experience issues that undermined its professionalism. Inconsistent logos and colors disrupted the visual hierarchy, while poor information architecture hindered navigation. The lack of an online booking system limited user convenience and business growth. Additionally, the testimonials page required users to click through
each review, reducing engagement.
Reviewing the existing website
Inefficient layout and structure
Too many colors
Readability issues
Buttons and text are not aligned
Lack of accessibility
No display of testimonials on the homepage
User Research
Key Findings
-
Pain Points: Users must call or email to make a reservation, leading to longer wait times and inconvenience, especially for those trying to book outside business hours.
Current Behavior: Customers call or email to inquire about availability and confirm appointments, which creates an obstacle.
Opportunity: Implement a user-friendly online booking system that would allow customers to book at their convenience, improving user experience and increasing bookings.
-
Pain Points: Potential customers may struggle to find clear pricing information on the website, making them hesitant to commit. Hidden fees.
Current Behavior: Users often compare prices between several dog daycare options, possibly leaving your site if they find better deals elsewhere.
Opportunity: Clear, easy-to-understand pricing for different services (boarding, grooming, daycare).
-
Pain Points: Reviews are hard to access, customers may not engage with them.
Current Behaviors: Users may rely on social proof from other pet owners to make decisions, reading through testimonials, star ratings, and user-submitted photos.
Opportunity: Easily accessible reviews on the homepage.
Personas & User Flow
User Personas
Two key personas were developed to reflect the needs and priorities of existing pet owners and potential clients.
User Flow
Mapping out the steps dog owners would take to discover and engage with services, ensuring the process was simple, intuitive, and seamless.
Refining Ideas with
Low-Fi Wireframes
I started by creating low-fidelity wireframes to focus on the layout and functionality. This helped me quickly map out key screens like the homepage, service pages, and booking flow.
Usability Test Insights
Simple Process of Booking an Appointment
88%
of users
“Visually very great and well made.”
Overall impression of
the website
97%
of users
“Playful and energetic color scheme of the website.”
“Nice, clean and easy to navigate.”
Validating with High-Fidelity Prototypes
With the integration of the UI components, the wireframes evolved into high-fidelity designs, which now closely resemble the final product in both aesthetics and functionality.
Other Projects
Instagram Events Feature
Adding an Instagram Events feature
to improve event discovery.
TripSaver App
Responsive web design and redesign of an existing dog daycare website.