top of page
Screenshot_36.jpg

Case Study: PetStyle ,Redesigning a Dog Leash 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

Screenshot_33.jpg
Turn pet accessory shopping into an emotional, personalized, and confidence-boosting experience through an interactive “See It On My Dog” feature.
Research Phase
User Research

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: “Virtual Fit & Style Experience”
Screenshot_35.jpg
ChatGPT Image Nov 12, 2025, 10_42_46 AM.png

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.

1. 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.

Choose a Technology Stack

For Mobile Apps

  • iOS: Use ARKit + RealityKit (built-in Apple AR tools).

  • Android: Use ARCore (Google’s AR framework).

  • Optional: integrate an SDK like Banuba Face AR SDK or ZEGOCLOUD Try-On Kit for clothing try-on.

For Web Apps

  • Use WebAR or Three.js + TensorFlow.js for pose tracking.

  • Integrate ready APIs like:

    • Vue.ai (AI styling and recommendations)

    • Morph 3D / Ready Player Me (3D avatars)

    • DeepAR or Banuba Web SDK for AR overlays.

bottom of page