← All case studies
Homepage and complete product cardsComplete product category mosaic
Pet-care e-commerce

Pet Universe

A playful pet shop concept built around product discovery and easier repeat ordering.

Project
Pet Universe
Pet-care e-commerce
Role
E-commerce UX/UI design, interactive prototyping
Platform / stack
Framer prototype
Scope
Product discovery, responsive design, subscription UX
01 / Overview

What was needed

Problem

A large catalogue across pets, diets and routines could become difficult to browse. Promotions and subscriptions added choices at the point of purchase.

What I changed

I organised discovery around pet and routine, moved useful product facts ahead of promotional content and treated repeat ordering as a shortcut.

02 / Design system

The page system

The core choices that keep the experience consistent.

Typography

01

Playful serif display type paired with a simple sans-serif shopping interface.

Colours

02
  • Purple
    #6f35db
  • Lilac
    #d7c4f4
  • Orange
    #f2a668
  • Cream
    #f6f0ff

Layout

03

Category-led browsing, large product tiles and reusable commerce cards.

UI components

04

Pet categories, product cards, brand lists, subscription states and cart actions.

03 / What improved

What improved

  1. 01

    Customers can start with their pet or routine.

  2. 02

    Important product details come before promotional content.

  3. 03

    Repeat ordering sits inside the purchase flow instead of a separate journey.

04 / Site screens

Site screens

Full section captures taken from the live project.

Homepage and complete product cards
Homepage and complete product cards
Complete product category mosaic
Complete product category mosaic
Outcome

The concept covers three core journeys—discovery, product choice and subscription—with one reusable responsive component system.

Working on something similar?

Send me the current site and what needs to change.

Get a proposal