NineLives Health Monitor

A concept e-commerce website for a smart health monitoring collar for cats.

Project

NineLives is a concept project for a smart health collar that monitors cat health 24 hours a day. The brief I set for myself was specific: build an e-commerce experience for a subscription product in a category that has never prioritised cat owners.

Most pet health trackers are designed with dogs in mind, and the few that target cats borrow the same aesthetic: clinical, tech-heavy, and cold. Cat owners are emotionally driven. They need to feel that the product actually cares about their cats, not just monitors them. The goal was a brand they would immediately recognise as theirs.

Illustrations

Illustrations were chosen over product photography to bring warmth into a category that usually feels cold. The cats needed enough personality to carry the emotional weight of the product, so every illustration was edited to include the NineLives collar, making it feel native to the brand rather than stock.

The yarn ball

The yarn ball CTA was designed to feel part of the illustration world rather than sitting outside it. Instead of a standard button, it becomes something a cat would actually chase, keeping the playful tone consistent right at the moment when the page is asking someone to buy.

Anxiety as a focus

Anxiety detection was chosen as the lead feature because worry is the real problem cat owners face. General health metrics feel abstract. The fear that your cat is hiding something serious is specific and emotional, and that's what the page needed to speak to directly.

Colours

The colour palette was built around trust rather than fitness tracker energy. Blues signal reliability and calm across the whole experience. The coral red is used sparingly, only where the page needs to direct attention, so it never makes the product feel aggressive or sporty.

The purchase flow

The purchase page was designed to make a subscription feel like a simple, confident decision rather than a complicated commitment. Colour and size selectors, clear tier differences, and a minimal layout remove friction at the moment when a visitor is closest to buying.

Type

Role

Role

Year

Link

Concept project

Web Designer & Framer Developer

Mockup of the NineLives website hero section on a laptop
Two mockups of different sections of the NineLives website on iphones

Anxiety as a focus

Anxiety detection was chosen as the lead feature because worry is the real problem cat owners face. General health metrics feel abstract. The fear that your cat is hiding something serious is specific and emotional, and that's what the page needed to speak to directly.

Colours

The colour palette was built around trust rather than fitness tracker energy. Blues signal reliability and calm across the whole experience. The coral red is used sparingly, only where the page needs to direct attention, so it never makes the product feel aggressive or sporty.

Illustrations

Illustrations were chosen over product photography to bring warmth into a category that usually feels cold. The cats needed enough personality to carry the emotional weight of the product, so every illustration was edited to include the NineLives collar, making it feel native to the brand rather than stock.

The purchase flow

The purchase page was designed to make a subscription feel like a simple, confident decision rather than a complicated commitment. Colour and size selectors, clear tier differences, and a minimal layout remove friction at the moment when a visitor is closest to buying.

Type

Role

Year

Link

Concept project

Web Designer & Framer Developer

Mockup the Call to Action section of the NineLives website
Mockup the Features section of the NineLives website

Project

NineLives is a concept project for a smart health collar that monitors cat health 24 hours a day. The brief I set for myself was specific: build an e-commerce experience for a subscription product in a category that has never prioritised cat owners.

Most pet health trackers are designed with dogs in mind, and the few that target cats borrow the same aesthetic: clinical, tech-heavy, and cold. Cat owners are emotionally driven. They need to feel that the product actually cares about their cats, not just monitors them. The goal was a brand they would immediately recognise as theirs.

Mockup the Call to Action section of the NineLives website
Mockup the Call to Action section of the NineLives website
Mockup the Purchase page of the NineLives website
Mockup the Purchase page of the NineLives website
Four mockups of different sections of the NineLives website on iphones

Got a project with a story to tell?

Mockup of the NineLives website hero section on a laptop
Mockup of the NineLives website hero section on a laptop

The yarn ball

The yarn ball CTA was designed to feel part of the illustration world rather than sitting outside it. Instead of a standard button, it becomes something a cat would actually chase, keeping the playful tone consistent right at the moment when the page is asking someone to buy.

Mockup the Purchase page of the NineLives website
Mockup the Features section of the NineLives website
Mockup of the NineLives website hero section on a laptop