Case Study: PetStyle ,Redesigning pet accessories Store with AR Try-On
Objective
Enhance the shopping experience for pet owners by allowing them to virtually try leashes, collars, and harnesses on their dogs using the camera — boosting confidence and engagement before purchase.
Role
UX Researcher
System Design
Prototyping
Tools
Figma
Illustrator
Sketch
Photoshop
Problem Statement
Pet owners want to ensure the accessory fits and looks good on their dog before buying, but current websites only show product photos, not real-life previews.
Solution
Create an interactive and personalized shopping journey that allows pet owners to visualize accessories on their own dogs using photos or 3D models, supported by intelligent fit recommendations.
Design Goals
Make buying pet accessories interactive and personalized.Create emotional connection between pet and owner during shopping.Simplify selection with accurate visual fitting.
Expected Impact
Turn pet accessory shopping into an emotional, personalized, and confidence-boosting experience through an interactive “See It On My Dog” feature.
Research Phase
Competitive analysis
Brand Feature Gap
Wild One Stylish visuals No virtual try-on
Petco Breed-specific sizing No personalization
Chewy Easy shopping Lacks AR interactivity
Opportunity: Be the first mover in AR-based pet accessory shopping.
Target users:
-
Pet owners (25–45 years old)
-
Passionate about their pets’ appearance & comfort
-
Often shop for accessories online
Pain points
-
Unsure if a collar/leash will fit or suit their dog’s breed
-
Hard to visualize color or size on their pet
-
Returns due to wrong sizing
Goals:
-
Preview accessories on their pet
-
Compare looks and fits instantly
-
Have fun shopping while bonding with their pet
UX Journey Map
The Solution
Decide the Type of Try-On
There are two main approaches, depending on what your app needs:
2D Try-On
-
Overlays clothing onto a 2D image or video of the user.
-
Easier and faster to develop.
-
Works well for tops, glasses, hats, and simple garments.
-
Can use AR filters or camera masks.
3D Try-On
-
Uses a 3D avatar or your body scan to fit clothes realistically.
-
Requires more processing power and detailed garment data (3D models).
-
Looks more realistic, supports dynamic movement.
Create a profile for your animal to have all the information needed to suggest products and personalize shopping.
Two options for AR try-on:
-
The user uploads a photo of their pet
-
The product (like a leash, harness, or accessory) is placed on the photo
-
This is static – the product doesn’t move
-
Good for: product previews, e-commerce, catalogs
Try the product in a live moment (3D try-on / AR)
-
Uses the camera in real time
-
The product is 3D and tracks the pet or person
-
User can move around and see the product from different angles
-
Good for: interactive marketing, social media, realistic previews
Upload a photo of your dog and try on our products. You can also experiment with different colors to see what looks best!
Use your camera to see the product on your dog in a live moment and explore different colors and styles.
