UI/UX Design - Grooming

UI/UX

Apr 2024

Functioned as Project Manager to conduct web development projects for the Grooming Page, Subscription Page, Website, Party Page, and Loyalty Program. Manage UI/UX design, prepare content and requirement spect, work with designer and provide direction, conduct UAT test and manage production timeline.

The Grooming Page is available for review; for insights on the other pages, please contact me directly.

Creative Designed by Kaman Tse.

Bounce Rate -47%, Time on page+17s, Conv. rate +20%

The main challenge is to design a dog grooming section that effectively communicates the quality and care provided by Whiskers N Paws. The content needs to be visually appealing, informative, and engaging to capture the attention of dog owners and encourage them to book grooming appointments.

Dog Grooming Page Design with Storytelling Approach and UI/UX Principles:

1. Visual Design:
• High-Quality Imagery: Use high-resolution images and videos showcasing happy, well-groomed dogs. Incorporate before-and-after images to highlight the transformations achieved through grooming.
• Color Scheme: Utilize a warm and inviting color palette that reflects the brand's identity and creates a comforting atmosphere.
• Typography: Choose clear and readable fonts that enhance the visual appeal and readability of the content.

2. Storytelling:
• Customer Testimonials: Share stories of dogs who have benefited from the grooming services, including customer testimonials and success stories. Use quotes and images to make the testimonials more relatable and impactful.
• Grooming Team: Highlight the expertise and care provided by the grooming team, emphasizing their dedication to each pet's well-being. Include profiles of the groomers with their photos and brief bios.

3. Engagement:
• Interactive Elements: Include grooming tips, FAQs, and a virtual tour of the grooming facilities. Use interactive sliders for before-and-after images and clickable icons for different grooming services.
• Detailed Information: Provide comprehensive details on the grooming process, including the types of services offered (e.g., bathing, trimming, nail clipping). Use expandable sections or tabs to organize information and make it easily accessible.

4. Call-to-Action:
• Booking Button: Place clear and compelling calls-to-action to book grooming appointments. Use contrasting colors for the booking button to make it stand out.
• Special Promotions: Offer special promotions or discounts for first-time grooming customers. Highlight these offers prominently to attract attention.

5. User Experience:
• Navigation: Ensure intuitive navigation with a clear menu and breadcrumb trails to help users easily find their way around the page.
• Mobile Responsiveness: Design the page to be fully responsive, providing an optimal viewing experience across desktops, tablets, and mobile devices.
• Loading Speed: Optimize images and videos to ensure fast loading times, enhancing the overall user experience.