PetZing

AI-Powered Pet Care & Shopping Experience

PetZing Hero

Designed a personalized pet retail experience as a strategic research project exploring the intersection of intent-based e-commerce and automated recommendation logic.

My Role

Lead Product Designer & AI Strategist

Team

Independent Project

Tools

Figma

Pet owners face generic, overwhelming retail experiences that lack personalization. Most don't know which products suit their pet's age, breed, health, or lifestyle—causing decision fatigue and missed sales. The challenge: design an AI-powered experience that guides owners to the right products faster while strengthening their connection to the brand.

The Approach

To design an AI-powered pet retail experience that felt intuitive and genuinely helpful, I followed a condensed but rigorous product design process adapted for a self-initiated project. The goal was to ground the solution in real user behavior and industry patterns, even without live user data or engineering input.

PetZing persona

Research & Discovery

I explored how agentic logic can interpret complex pet profiles to reduce decision fatigue, moving beyond generic retail filters to a guided, intent-based commerce model.

Key insights included:

  • Users feel overwhelmed by large product catalogs and generic recommendations.
  • Most pet owners rely on guesswork rather than expertise when choosing food, treats, and accessories.
  • Personalized guidance increases trust and reduces browsing time.
  • AI is most valuable when it adapts to pet-specific attributes (age, breed, dietary needs).

These insights shaped the core hypothesis:

If the app provides personalized, AI-generated recommendations that adapt to each pet's profile, users will discover relevant products faster and feel more confident in their choices.

I built a design strategy around three principles: personalization, simplification, and guided decision-making. The strategy rested on three measurable assumptions:

  • Increased engagement by surfacing relevant products earlier.
  • Reduced search friction through streamlined navigation.
  • Higher satisfaction when recommendations feel accurate and pet-specific.

I mapped the core data inputs needed for personalization—pet profile details, user preferences, and product metadata—and showed how these would drive recommendations in the interface. This clarified how the AI should behave from a UX perspective.

PetZing user flowsPetZing user flows 2

User Journey and Flows

The user journey for PetZing was designed to guide pet owners from onboarding to purchase through a fast, personalized, and trust-building experience. The flow begins with creating a pet profile using a progressive, low-effort form that updates recommendations in real time. This immediate feedback helps users understand the value of personalization early in the experience.

Once onboarding is complete, users land on a tailored home feed with curated sections such as Keep Shopping For, and Smart Picks For You. Lightweight interactions such as swiping, thumbs-up, or quick-add buttons let users refine recommendations without navigating away.

Product detail pages become the decision point, offering personalized pros/cons, feeding guidance, allergy alerts, and a clear "Why this for [PetName]?" explanation. These tailored insights reduce uncertainty and improve decision-making. The checkout flow is a single-page, streamlined experience with delivery estimates, subscription suggestions, and fast payment options.

Key metrics for consideration would be:

  • Onboarding completion rate
  • Time to first recommendation click
  • Conversion from recommended items
  • Subscription opt-in rate
PetZing site mapPetZing wireframe

Information Architecture & Wireframes

PetZing's information architecture is built around the pet profile, ensuring every major feature—recommendations, search, products, and subscriptions—connects back to personalized content. Primary navigation focuses on the home feed, pet profiles, search, orders, and saved items, while secondary features like help and account settings stay accessible but unobtrusive.

Wireframes were created to support clarity and scalability. The home feed is structured with card-based recommendations and horizontal carousels to quickly surface relevant items. Search combines AI-driven natural language queries with standard filters to help users find the right products faster.

Product detail wireframes emphasize a clean layout with large imagery, key product facts, and a dedicated "Why this?" section tied to the pet profile. The checkout wireframes follow a single-page flow with editable items, delivery timelines, and subscription toggles for reduced friction and better transparency.

PetZing design system cardsPetZing typography design system

Design System

The PetZing design system provides a consistent, friendly, and accessible foundation for the product. The visual language uses a teal primary color, warm accent tones, soft neutrals, and high-contrast semantic colors to ensure clarity across all states. Inter is used for both headings and body text, supported by a simple type hierarchy and an 8px spacing scale for predictable layouts.

Core components include navigation patterns, recommendation cards, product modules, forms, filters, modals, and notification elements. Each component maintains consistent states and accessibility requirements, including keyboard navigation, ARIA labels, and sufficient tap targets. Icons follow a uniform outlined style to keep the UI clean and cohesive.

Subtle motion reinforces interactions—such as add-to-cart animations or expanding rationale sections—making complex experiences feel simple and intuitive. All foundational tokens (colors, typography, spacing, elevation) are exported for both Figma and development to ensure smooth handoff.

7:45

Only the best for the pets you love

Exit

7:45

Step 1

of 4

Exit

Create account

Join our community of pet lovers
—let's get started.

Continue with Google

Continue with Facebook

or Sign up with Email

Full name

Email

Password

By continuing you accept our standard
terms and conditions and our privacy policy.

7:45

Step 2

of 4

Exit

Select your pet

Tell us who you're shopping for to tailor your experience.

Dog

Cat

Bird

Fish

7:45

Step 3

of 4

Exit

Choose your interests

Add the pet supplies you love, and we'll find the best products for you.

7:45

Whohoo!

Registration is complete!

7:45

PetZing

2X

points

Keep shopping for

Cozy Puppy Bed for All-Day Snuggles

Durable Chew Toys for Endless Fun!

Matching Puppy Bowls for Yummy Food

Smart picks for you

see all

Chew Toy

$14.99

Puppy Bed

$24.99

20% Off

Dog Treats

$7.99

Litter Box

$69.99

Shop by pet

Dog

Cat

Bird

Fish

Home

Wishlist

Profile

Cart

7:45

Keep shopping for

Chew Toys

Pet Beds

Pet Food

q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
z
x
c
v
b
n
m
123
space
.
Go

7:45

Dog toys

Keep shopping for

q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
z
x
c
v
b
n
m
123
space
.
Go

7:45

Dog toys

125 Results

Home

Wishlist

Profile

Cart

7:45

Item Details

Chew Champ Crunch Toy

$14.99

(200)

Colour:

Size:

S/P
M
L/G

Quantity:

-
1
+

Product details

The Chew Champ Crunch Toy is a long-necked, ultra-durable chew toy designed to keep pups entertained with its silly look and satisfying crunch. Made from pet-safe rubber, it's perfect for chewing, tossing, and playful fun.

Customer reviews

Jane Cooper

01/01/2025

So much fun

Super durable and hilarious to watch my dog carry around. Worth it! She can’t get enough of it.

John McDonald

05/12/2024

He can’t get enough of this toy

My puppy is obsessed! The goofy shape keeps him entertained for ages.

See more reviews

Similar products

Puppy Bed

$24.99

20% Off

Cozy Puppy Bed for All-Day Snuggles

Chew Toy

$7.99

Tasty Treats for Pawsome Pals

Litter Box

$69.99

The Mellow Meow Litter Box

High Fidelity & Prototype

The high-fidelity designs translate PetZing's vision into a polished, approachable interface with warm visuals, ample spacing, and friendly microinteractions. Screens emphasize clarity and trust: onboarding uses a playful pet avatar and progress indicator, while the home feed highlights personalized recommendations with clear match tags.

Search results blend AI-driven insights with product listings, offering confidence cues and filters to guide decision-making. Product detail screens showcase tailored feeding guidance, allergy notes, and comparison options within a clean, structured layout. The checkout interface maintains simplicity through a streamlined single-page experience with subscription recommendations and fast payment options.

The clickable prototype demonstrates the full end-to-end flow—onboarding, browsing, AI-assisted search, product comparison, and checkout. Usability feedback showed faster decision-making and higher trust in recommendations, validating the core experience direction.

The Impact

This research validated that AI-driven guidance is projected to increase user engagement by 10–15% by simplifying complex consumer decision-making through automated recommendation logic.

Key Learnings

Even in a prototype, personalized recommendations significantly improved perceived confidence and usability—demonstrating how AI-driven guidance can enhance pet retail experiences. Simplifying flows and reducing decision fatigue proved essential. Lightweight usability testing provided clear insights to refine layouts, messaging, and hierarchy. Designing a flexible system ensures future features like multi-pet profiles or health-specific suggestions can be added easily.

Next steps include expanding AI touchpoints, testing with a larger and more diverse user base, and exploring e-commerce integrations and feedback loops to validate recommendation relevance and engagement in a real-world product. These steps would transform PetZing from a concept into a fully realized, scalable experience.

Get In Touch

Let's discuss Senior Product Design, Agentic Workflows, or how I use Antigravity to solve complex business friction.