TAILEE

Pet Shop Ecommerce
COMPANY

Tailee

ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2025

Project Snapshot

Role Product Designer UX UI
Product Tailee Pet Food Ecommerce Store
Goal Help pet owners easily find compare and buy the right pet food with confidence
Users Dog owners cat owners multi pet families new pet parents

The Core Problem

Pet owners struggle with:
• Choosing the correct food based on breed age size allergies and nutritional needs
• Overwhelming ecommerce layouts with poor filters and confusing product variants
• Trust issues such as unclear reviews hidden fees poor delivery visibility
• Slow checkout which increases cart abandonment
• Limited product education for new pet parents

The Solution I Designed

• Personalized browsing browse by pet type
• Strong filtering breed size diet type protein source age group
• High trust product cards ratings pack sizes badges price comparison
• Direct and clean product detail page with nutrition info related products
• Transparent cart with clear pricing breakdown
• Three step predictable checkout
• Order success and tracking
• User profile with address management and wishlist
• Quick support page with chat store locator FAQs and contact options

My Design Principles

• Reduce cognitive load using clean spacing and simple navigation
• Guide decisions using nutrition badges ratings and trust signals
• Make shopping fast with strong filters and one tap add to cart
• Strengthen trust with transparent pricing delivery fees and reviews
• Mobile first thinking thumb friendly controls and large CTAs
• Visual consistency to create a friendly recognizable pet centric brand

Top UX Improvements I Made

1. Homepage Guided Product Discovery

• Pet type browsing dog cat bird rabbit hamster
• Large hero banner for sales with strong CTA
• Location based near by pets section
• Curated today deals featured and trending products
• Clean hierarchy for quick scanning

2. Product List Strong Filtering and Fast Browsing

• Filters for price brand pet type life stage breed size weight protein source
• Category tabs dry food wet food puppy food treats grain free veg food etc
• Pack size selector on product card
• Price comparison and discount badge
• Ratings and wishlist option
• Sticky apply filter button for higher usability

3. Product Detail Page Trust Driven Experience

• Large product image gallery
• In stock label rating sold count and lowest price badge
• Clear ingredients nutrition benefits and description
• Add to cart buy now and wishlist
• Tags for breed type category and food type
• Related products for cross selling

4. Cart and Checkout Reduced Abandonment

• Three step checkout cart address payment
• Transparent pricing breakdown including discount delivery fee platform fee
• Quantity controls and remove option
• Upsell section add on more
• Clear proceed to pay CTA

5. Payment Flow Clarity and Flexibility

• Multiple payment choices UPI Mastercard Net banking cash on delivery
• Accordion layout to reduce clutter
• Order summary visible through payment flow
• Clean success modal with next steps return to products and track order

6. User Profile Post Purchase Experience

• Dashboard with my orders wallet wishlist
• Address management add edit set as current
• Clean clear layout supports quick repeat buying
• Strong retention flow

7. Support Page High Trust Service

• Quick support shortcuts live chat partner signup FAQs
• Map based store locator
• Support channels call email location
• Clean helpful layout for brand reliability

Results

• Faster product discovery
• Higher add to cart rate
• Reduced cart abandonment
• Increased trust using reviews support and transparent pricing
• Better retention through profile wallet wishlist

Design Process

1. Research and Insights

• Studied competitors such as Heads Up For Tails , Petco Chewy
• Identified pain points such as cluttered UI unclear variants weak filters
• Gathered user needs clarity speed trust personalization

2. Problem Definition and Prioritization

• Key friction points
• Discovering the right food
• Understanding nutrition
• Confusing variants
• Multi step checkout complexity
• Prioritized conversion improving flows and trust building touchpoints

3. Information Architecture

• Structured navigation around browse filter product cart checkout profile support
• Reduced page depth predictable navigation paths

4. Wireframes and User Flows

• Low fidelity wireframes for shopping filtering checkout and profile
• Reduced unnecessary steps
• Organized filters for clarity

5. UI Design and Visual System

• Pet friendly color palette with soft greens
• Clean spacing large product cards strong CTAs
• Reusable components cards banners filter chips modals
• Friendly iconography and micro interactions

6. Usability Testing

• Tested pack size visibility filter usability cart clarity
• Improved filter grouping checkout clarity and address flow

7. Final Prototype and Polish

• Delivered flows for onboarding home product list product detail cart checkout payment success profile support
• Ensured responsiveness accessibility and touch friendly interface

Summary

I designed Tailee to make pet food shopping simple fast and trustworthy through personalized discovery clear product information and a seamless mobile first checkout experience.

Create a free website with Framer, the website builder loved by startups, designers and agencies.