Paws & Personality:
introducing Pet Shop Box

A concept UX/UI case study on bringing platform-specific design to the growing pet care market.

THE CHALLENGE

When pet products need a digital companion

The pet care market is booming – projected to reach USD 325 billion by 2028.

While subscription boxes have gained popularity, most offerings remain web-based with clunky mobile experiences. The opportunity was clear: create a native mobile application that makes pet product discovery and subscription management delightful.

The business opportunity was threefold:

  • Pet owners wanted personalized experiences tailored to their pet’s needs
  • Product suppliers needed better ways to reach committed pet enthusiasts
  • Our business could capture part of the 51% growth in online pet product sales

THE CONCEPT

Monthly joy for pets and their owners

PET SHOP BOX is a monthly subscription service delivering curated boxes of premium pet products. Each box contains carefully selected treats, toys, preventative medications, grooming tools, and accessories tailored to the pet’s profile.

MARKET CONTEXT

According to Globe Newswire, the global pet care market is projected to reach USD 325 billion by 2028. A significant trend is the rapid growth of online pet product sales, which saw a 51% increase in March 2020 alone.

While several box subscription services exist, most are primarily web-based, creating an opportunity for a dedicated native mobile application.

TARGET AUDIENCE

Initially focusing on dog owners (with plans to expand to other pets), the service targets pet parents who: 

1. Regularly purchase premium toys and treats
2. Value convenience and curation
3. Are willing to invest in a subscription to enhance their pet’s experience

REQUIREMENTS

From concept to comprehensive design system​

APP KEY FEATURES

MVP:
  • Pet Profile & Compatibility Assessment
  • Subscription Plan Selection
  • Educational Content Hub
  • Streamlined Checkout Process

Future Releases (2.0+):
  • Health & Vaccination Reminders
  • Pet Owner Community
  • Dog Park Locator

FULL DELIVERABLES

  • Market Research
  • Brand Design & Brand Identity
  • Style Guide
  • User Stories
  • User Flows
  • User Testing
  • Mid & High Fidelity Wireframes (iOS & Android)
  • Interactive Prototypes
  • Animation Concepts

USER STORIES & USER FLOWS

Understanding what matters to our audience

#1
"As a user, I want to select a box that matches my dog's personality and preferences."
#2
"As a user, I want to customize the contents of my monthly boxes."
#3
"As a user, I want to modify items in my subscription as my pet's needs change."

BRANDING

Playful personality within platform guidelines

The brand identity was designed to give Pet Shop Box a distinctive personality while working within platform guidelines.
The approach establishes a fun, lighthearted, and friendly tone reflected in playful copy with pet-related wordplay (a nod to the name’s reference to the 80’s pop group Pet Shop Boys). From the start everything was pawssible (see what I did there?)

/LOGO

Main logo

Logo + Slogan / In-line

Logo + Slogan / STACKED

/COLOR PALETTE

Muted, earthy tones were selected to create a clean UI that complements product photography without competing for visual attention.

/TYPOGRAPHY

Each platform version adheres to its default font family:

  • iOS – San Francisco
  • Android – Roboto

Visual Elements

Playful and friendly icons and illustrations

Outlined icons and simple 2D illustrations were chosen to:

  • Maintain visual hierarchy with product imagery
  • Establish consistent brand communication
  • Create a pleasant, approachable user experience

Onboarding icons

PROFILE TEST ILLUSTRATION*

PET PROFILE ILLUSTRATION*

* Illustrations by  Alaina Johnson: https://dribbble.com/alaina

DESIGN PROCESS

Building from solid foundations

Mid-Fidelity Wireframes

Leveraging platform UI guidelines allowed for an accelerated design process, beginning directly at the mid-fidelity stage with over 20 screens for each platform version.

FEEDBACK

User testing & Iteration

After developing a minimum of screens I was able to quickly create a prototype that was tested with eight users, who provided feedback on navigation flow, element spacing, and icon sizing, informing refinements before high-fidelity development.

High-Fidelity Wireframes

Final development included:

  • Refined copy and messaging
  • Integration of custom illustrations
  • Spacing and alignment optimization
  • Consistent application of brand elements

MOTION

Custom loading animation & Interactive elements

Although not an initial requirement for this project, I was able to include a simple animation to show my idea for a custom loading screen.

THE OUTCOME

A foundation for multi-platform success

The comprehensive design system included 27 screens for each platform, covering the complete user journey from onboarding to subscription management. The clear documentation provided:

  • A complete brand style guide for future expansion
  • Documented user flows addressing core needs
  • Interactive prototypes demonstrating key interactions
  • Animation concepts for micro-interactions

THE ITERATION

Room to grow beyond launch

The MVP design established a solid foundation while identifying clear opportunities for future releases:

Health & vaccination reminders to increase app stickiness
Community features to showcase pets enjoying subscription products
Location-based services connecting subscribers to nearby pet amenities

Each potential feature was evaluated against both user value and technical feasibility, creating a roadmap for ongoing development that balanced immediate needs with long-term vision.

THE TAKEAWAY

Platform guidelines provide structure; brand personality provides differentiation

The most significant insight from this project wasn’t that platform guidelines should be followed—that’s expected. The revelation was how much personality could still be infused within those constraints.

By focusing on the elements where brand voice could shine—imagery, copy, color palette, and animations—I created an experience that felt both familiar and fresh. Users navigate comfortably through platform-consistent patterns while connecting emotionally with the playful, pet-focused brand.

The best part?
This solution required no reinvention of established UX patterns—just thoughtful application of platform guidelines alongside strategic brand development.