The Challenge
Research the pain points of pet owners around pet safety, and design a solution built around an NFC tag, plus the services that make everyday pet care easier.
WeeDoo NFC Pet Finder
A pet management app with an NFC lifeline. Profiles, vet records and community, built around one promise: if your pet gets lost, you get them back
Role
UX Researcher
& Designer
Duration
4 Months
Client
Tridente AI
Peace of mind for pet owners, one tap away
The Solution
WeeDoo: a pet management app built around an NFC tracking system. Pair the app with a WeeDoo tag, and anyone who finds your pet can tap it to bring them home.
My Role
The only designer on the project for four months, from research, naming and branding to a documented design system and the final UI.
What's Inside
Five feature areas came out of the research: Account, Find my pet, Profiles, Vet and Social. I ranked each one before a single screen was designed.
NFC tag activation & lost-pet alerts
"Find my pet" with location & public lost notices
Pet profiles & pet passport
Vet appointments, records & medication reminders
Matching & community for pet owners
Multi-owner accounts
Four months, end to end
Research → UX → Branding → UI. Every phase run by one designer and documented for the teams that come after.
01
Research
Surveys and interviews to validate that the problem was real, three user personas (a swamped lawyer, a rescuer of disabled dogs, a guy who moved to the countryside) and a Jobs To Be Done map: reunite with my lost pet, manage their health, connect with other owners.
02
UX Design
Feature definition and hierarchy across the five areas, user flows for every section, wireframes, and rounds of usability testing until the friction was gone.
03
Branding
Naming, logo and a full brand book to keep the visual message consistent. The name comes from "Who Let the Dogs Out", Wee-Doo, if you caught the reference.
04
UI & Design System
A concept blending glassmorphism with neumorphic details, built as an atomic design system: tokens, components, organisms and templates, documented so other designers can pick it up.
(A) Research
Before designing anything, I had to prove the problem was real. Surveys and interviews with pet owners turned into three personas and a Jobs To Be Done map that guided every decision after.
Annie
Swamped with client calls in her big house in Santa Ana. Her handsome Doberman, "Thunder," spends three days a week at a dog hotel.
Frustrations: too busy to constantly worry about Thunder; not knowing enough about dogs; no good apps focused on pets.
Goals: find friends for Thunder, puppies, and better control of his needs.
Tiffany
Lives by the city with a big garden and several dogs, all with disabilities. She adopts them to give them a second chance at life.
Frustrations: keeping track of all her dogs; no channels to find foster families; finding good deals on pet supplies.
Goals: find homes for stray pets, share care tips, keep adopting the pets most in need.
Xavier
Just moved to the countryside, an hour away from work. His Husky "Crospy" waits by the door for their long walks in the forest.
Frustrations: only a few hours a day with Crospy; not knowing where to find vets or supplies; few pet owners to socialize with.
Goals: Crospy's good health, socializing with other owners, knowing where to find whatever Crospy needs.
Identify Job
"Reunite with my lost pet." · "Manage my pet's health efficiently." · "Connect with other pet owners." · "Find a suitable mate for my pet."
Understand Circumstances
Pet is lost. Vet appointments to schedule. Playdates and social events to consider. Breeding on the mind.
Define Success Criteria
Quickly locate and recover a lost pet. Access and share vet records with ease. Find compatible playmates. Find a healthy, suitable mate.
Identify Hiring Criteria
Reliable lost-pet tracking. Secure, user-friendly vet records. Strong community features and safety measures. Trustworthy information about potential mates.
(B) UX Design
I sorted every feature into five areas, Account, Find my pet, Profiles, Vet and Social, and ranked them by relevance. Then came the user flows, the wireframes, and usability testing until the friction was gone.
Account
- Create account
- Onboarding
- Regular login
- Login with the NFC tag
- Activate tag
Find My Pet
- Lost pet alerts
- Communication channels
- Searching by location
- Notifications
- Making losses public
Profiles
- Pet profile & passport
- Main owner profile
- Add owners & pets
- Uploading pics
- Complete-your-data reminder
Vet
- Reminders
- Appointments
- Records
- Medication
Social
- Matching pets for puppies
- Finding friends
- Saving other owners' data
- Community
(C) Branding
The project started from scratch, so it needed a name, a face and rules. After a briefing with the client and research on the niche, I designed a friendly logo built on circles, plus a brand book so the visual message never drifts.
Structure
A dog face drawn with circles, friendly on purpose. The book sets the primary and secondary elements, how to use them, and a page of dos and don'ts for whoever picks the brand up next.
The brand off the screen: stationery, merch and the NFC tags that make the promise real.
(D) UI & Design System
The client wanted both neumorphism and glassmorphism. To keep the look simple and modern, glass took the surfaces and neumorphism stayed in the small details. Everything was then built as an atomic design system, atoms, components, organisms and templates, with documentation for every stage of every component, so other designers can pick it up without guessing.
Color
Primary, support and background colors, every value documented in hex, RGB, CMYK and HSL. Here, the real thing:
Primary#BC0B94
Primary#F30860
Primary#1B1B21
Primary#323841
Danger#EC2841
Warning#FF8C01
Info#08B4EA
Success#08F474
#386B9C
56%
32%
24%
16%
12%
8%
4%
Spacing & Grid
An 8-point scale from 8 to 80px, on a mobile grid of 24px margins and 16px gutters.
Effects
Glass surfaces: 24px background blur over #F0F5F8, at three opacities plus an 8·8·32 shadow. This demo is live CSS, not a screenshot.
blur 24 · 1%
blur 24 · 50%
blur 24 · 80%
1% + shadow
Typography
Wix Madefor Text in Medium, Bold and Extra-Bold. You're reading it right now. Icons: Material Icons, a language users already know.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Body text
Small text
Labels
Bottom Nav
State Mascotas
State Dueños
State Encontrar
State Mascotas
State Dueños
State Encontrar
From first tap to happy reunion
The final UI: glassmorphism over a calm blue-grey base, neumorphic details, and a story that ends with a found pet.
Sneak peek
These are a few of the screens. The full app covers the whole journey, from vet records to the social feed.
Contact me for a full tour of the app screens
The Idea
Losing a pet is the worst day a pet owner gets. WeeDoo makes that day fixable, and the ordinary days lighter. I designed all of it, alone, and handed it over finished.
