modernizing the pet food industry

Petnet-Logo Copy
Group 27021Group 27019
TrashWeightCheckMeasureReturnHelpData
HomeDog-ProfileTagCat-ProfileSettings
BatteryFlagLockWarningStop

Role: Senior UI Designer
Focus: Design Systems, Android and iOS
Products: Petnet SmartFeeder, Petnet SmartBowl

PETNET
Path

The Petnet SmartFeeder is a Wi-Fi connected automatic pet feeder for cats and dogs. Using the Petnet App you can personalize your pet’s daily meal times and portions, order pet food for delivery, and even feed from your phone.

Goal:

Lead the redesign of Petnet’s connected pet feeding app, which spanned web, mobile, and physical product integration. The focus was to shift the product experience from a data-heavy, utilitarian tool into an emotionally resonant, intuitive system that seamlessly connected pet care with automation, e-commerce, and real-time feedback.

Challenge:

Food purchases were separate from feeder schedules, breaking automation.
The UI lacked clarity, warmth, and emotional resonance.
The app felt like a health monitor rather than a pet care companion.

Approach:

Reduced cognitive load by simplifying the interface into a “care-based” model rather than data-heavy dashboards.
Created a pet profile system that automatically adjusted feeding schedules based on weight, age, and activity to removing guesswork.
Integrated e-commerce directly into the app, allowing users to subscribe to food deliveries aligned with feeding schedules.
Designed micro-animations and UI motion that felt soft, reassuring, and non-intrusive.

USER INTERFACE ICONOGRAPHY
Path

Drew visual inspiration from baby products, focusing on soft, approachable aesthetics.
Built a UI system with gentle colors, rounded shapes, and minimal line icons to communicate trust, safety, and care.
Every icon reinforced the idea of nurturing, from food bowls to paw prints, designed to feel calm and supportive rather than technical.

Feeder Full (Device)
Feeder Full (Device)
VectorVectorVectorVector
Lazy (Dog)
VectorVectorVectorVector
Normal (Dog)
VectorVectorVectorVector
Active (Dog)
VectorVectorVectorVector
Athletic (Dog)
VectorVectorVectorVector
Lazy (Cat)
VectorVectorVectorVectorVectorVector
Normal (Cat)
VectorVectorVectorVector
Active (Cat)
VectorVectorVectorVectorVectorVectorVector
SmartFeeder (Device)
VectorVectorVectorVectorVectorVectorVector
SmartBowl (Device)
Feeder 3/4 Full (Device)
Feeder 3/4 Full (Device)
VectorVector
Lazy (Dog)
VectorVector
Normal (Dog)
VectorVector
Active (Dog)
VectorVector
Athletic (Dog)
VectorVector
Lazy (Cat)
VectorVectorVectorVectorVector
Normal (Cat)
VectorVector
Active (Cat)
VectorVectorVector
SmartFeeder (Device)
VectorVectorVectorVectorVectorVectorVectorVectorVector
SmartBowl (Device)
Feeder 1/4 Full (Device)
Feeder 1/4 Full (Device)
VectorVectorVectorVectorVectorVectorVector
Tag
VectorVectorVectorVectorVectorVectorVectorVectorVector
Camera
Smart Delivery
Smart Delivery
VectorVectorVectorVectorVectorVector
Lock
Help
Help
VectorVector
Flag
VectorVectorVectorVector
Measurements
VectorVectorVectorVectorVectorVector
Trash
VectorVectorVectorVectorVectorVectorVector
Feeder Empty (Device)
Vector
Tag
VectorVectorVectorVectorVector
Camera
Smart Delivery
Smart Delivery
Lock
Lock
Vector
Help
Vector
Flag
VectorVector
Measurements
VectorVector
Trash
VectorVectorVectorVectorVectorVectorVector
Feed Selection (Dog)
Smart Delivery (Dog)
Smart Delivery (Dog)
VectorVectorVectorVectorVectorVectorVectorVectorVector
Feed Selection (Cat)
Smart Delivery (Cat)
Smart Delivery (Cat)
VectorVectorVectorVector
Home
VectorVectorVector
Complete
VectorVectorVectorVector
Alert
Data
Data
VectorVectorVectorVectorVector
Scale
VectorVectorVectorVector
Settings
VectorVectorVector
Feed Selection (Dog)
VectorVectorVectorVectorVectorVector
Smart Delivery (Dog)
VectorVectorVector
Feed Selection (Cat)
VectorVectorVectorVectorVectorVector
Smart Delivery (Cat)
VectorVector
Home
Vector
Complete
Vector
Alert
VectorVectorVectorVectorVectorVectorVectorVectorVector
Data
VectorVector
Scale
Vector
Settings
Push Notifications
Push Notifications
VectorVectorVectorVector
Refresh
VectorVectorVectorVector
Play
VectorVector
Favorite
Vector
Back
VectorVectorVectorVector
Notifications
VectorVector
Chat
VectorVector
Call
VectorVectorVector
Add
VectorVectorVectorVectorVectorVector
Push Notifications
VectorVectorVector
Refresh
VectorVector
Play
Vector
Favorite
Vector
Forward
VectorVector
Notifications
Vector
Chat
Vector
Call
VectorVector
Message
VectorVector
Incomplete
VectorVector
Message
VectorVectorVector
Incomplete
VectorVectorVector
Battery
VectorVectorVectorVectorVectorVector
Cat Profile
VectorVectorVectorVectorVectorVector
Dog Profile
SmartBowl Indicator
SmartBowl Indicator
INSPIRATION
Path

Partnered closely with the Creative Director and VP of Design to completely reimagine the user journey.
UX research revealed that users desired a “set it and forget it” experience to automate care that quietly workes in the background.
Emotional reassurance became the design priority—users cared more about knowing their pet was being fed reliably than monitoring graphs or data.

b95206870e559d56c7e4b19ca9bd267f15312frm_3f02c628c0dcf8b
MICRO ANIMATIONS
Path

Developed micro-interactions that were subtle, friendly, and purposeful.
Loading animations were inspired by Edweard Muybridge’s animal motion studies, bringing gentle life to transitions.
Created a unique file selector UI styled like a vintage image slide carousel, adding tactile delight without overwhelming the user.
Motion was used to guide or distract, but to reinforcing the ease and reliability of automation.

SIMPLIFYING DATA
Path

Replaced overwhelming data dashboards with a step-by-step onboarding flow framed as a pet care questionnaire.
Focus shifted from raw data to actionable care. Users input their pet’s age, weight, and activity level to auto-calculate feeding schedules.
Designed the app to run silently in the background, surfacing notifications only when needed: when a pet was fed, food was low, or there was an issue with the feeder.

iosremotefeed-3Pet Profile-Cat Copy
NEXT
messages-empty_state
Accept Petnet
Push Notifications

Get notified about important events for your pet – like meal confirmations, food inventory and feeding reminders.

Pet Profile-Cat
UX RESEARCH & FINDINGS
Path

Collaborated closely with the Creative Director and VP of Design to rearchitect the user journey.
Discovered that users wanted a “set it and forget it” experience, not constant data monitoring.
Prioritized emotional design. Users cared more about knowing their pet was cared for than about granular analytics.

Petnet-UX_Flow-Multiple-Devices_1.0 3
eCOMMERCE INTEGRATION
Path

Built an integrated shopping experience that automated pet food delivery based on the pet’s profile and feeding frequency.
Users could now subscribe to scheduled deliveries synced with their feeder, eliminating the need to manage food supplies manually.
Designed tracking screens for order status, delivery updates, and purchase history, fully embedded within the app’s main experience.

sqhsdvp4duhptimm4urwsqhsdvp4duhptimm4urw copy
FINAL PRODUCT
Path

A fully reimagined app that allowed users to create detailed pet profiles, manage feeding schedules, monitor feeder status, and automate food delivery, all through a calm, intuitive interface.
The app now runs quietly in the background, notifying users only for critical events, enhancing trust without overwhelming.
The introduction of integrated e-commerce closed the gap between feeding automation and supply management, reinforcing the promise of a truly connected pet care ecosystem.

Screen Shot 2021-09-16 at 11.04.10 AM 1Screen Shot 2021-09-16 at 11.04.00 AMproduct_gallery-1_2x_c3e24a12-09cb-475b-9184-251aaa87641c
OUTCOME
Path

Improved customer satisfaction by simplifying onboarding and reducing unnecessary interactions.
Increased retention due to the introduction of subscription-based food delivery tied directly to the pet’s feeding data.
Strengthened the product’s emotional resonance with users through animation, softer visuals, and a clearer sense of care.
Expanded feature set to support multi-feeder households while maintaining a minimal, stress-free experience.
Key Contributions:
UI/UX Design:
Redefined app hierarchy, navigation, and visual systems
Motion Design: Developed animations for loading states, transitions, and subtle feedback
Brand Systems: Built a visual language inspired by care products. Minimal, soft, and trustworthy
E-Commerce Integration: Designed seamless purchase flows tied directly to feeding schedules
Product Evolution: Supported the transition from a functional tool to an emotional, service-driven platform