Pet Lovers Centre
An unofficial rebuild concept for Singapore's Pet Lovers Centre - a warm, heritage-red storefront with a faceted category page, VIP pricing and a persisted light / dark theme.
- Role
- Design + build
- Services
- Redesign · Ecommerce UI · Design systems · Accessibility
- Year
- 2026
- Status
- Concept build
Overview
The brief
A large pet retailer's catalogue is only useful if it is easy to filter. The concept had to carry a friendly, trustworthy storefront and a genuinely usable faceted search across a real-scale product set, in both light and dark.
An independent redesign of a real business, rebuilt from its public content. Not affiliated with or endorsed by the business. Original: Pet Lovers Centre.
Approach
How I built it
Set a warm, heritage-red system with a playful hero of peeking pets, kept accessible with focus rings and reduced-motion support.
Built a faceted category page that filters a 24-product set by brand, price, life stage and food type, with active-filter chips and sort.
Modelled VIP pricing, ratings and sale states as data, and covered the filtering and theme logic with unit tests.
Added a persisted light / dark theme and reveal-on-scroll motion, and fixed inline-block word-spacing and flex min-w-0 layout gotchas along the way.
Key features
What makes it work
- Faceted category page (brand / price / life stage / food type)
- VIP pricing, ratings and sale states modelled as data
- Persisted light / dark theme
- Filtering and theme logic covered by unit tests
Gallery
A closer look
Build
Under the hood
- Filtering and theme logic covered by unit tests (vitest)
- Verified at 1440 / 768 / 390; no horizontal overflow
Reflection
Looking back
The faceted-search work is the reusable core here. This build uses Pet Lovers Centre's own logo and real product photography for realism - both are the brand's property and must be replaced or cleared before any use beyond a private concept.