Prototype & UI: High-Fidelity Interface, Usability Validation & Interactive Flow
Designing the iOS design system, building the interactive prototype, and conducting usability tests with 30 dog owners to eliminate friction across end-to-end onboarding, AI trip planning, and emergency navigation.
Deliverables
iOS UI Kit, Design Tokens
Interactive Asset
Figma Prototype
Validation
30 Usability Tests
Platform
iOS Native System
Usability Testing & Metrics Report
METRIC REPORTDog Owners Tested
Matching target proto-persona profile (María & Max) across Madrid, Barcelona & Valencia testing full end-to-end journeys.
Task Completion Rate
Success across pet onboarding, AI chatbot plan generation (stays, transit & dining), and emergency routing.
System Usability Scale
SUS score evaluating emergency assistance navigation and geolocated vet routing.
"Separating the travel preference questionnaire (directed to the traveler) from the dog's biometric profile drastically reduced cognitive friction. Coupled with the 24/7 veterinary emergency button in a 30 km radius, users felt 100% confident to travel without uncertainty."
María T., Lead Usability Participant & Dog Owner • Multi-Modal Pet Travel Usability Validation (N=30)
Interactive Prototype Showcase
FIGMA PROTOTYPE ENGINE
Screen Flow: Real-time interactive screen
Validated Key Interactions
- smart_toy
Conversational AI Travel Engine & Predictive Questionnaire
The AI questionnaire interacts directly with the user/traveler regarding trip preferences (rhythm, dates, accommodation type like boutique dog-friendly hotels, rural houses, outdoor activities, pet-friendly restaurants). It automatically cross-references these preferences with the dog's saved profile data to generate a complete, validated day-by-day itinerary linked directly with Google Maps to navigate points with a single tap.
- badge
Dedicated User & Pet Profile Module
An independent management profile where the dog's biometric and health data (breed, size, weight, carrier dimensions, vaccination records, and official pet passport) are permanently stored and managed, eliminating repetitive data entry while instantly validating airline crate rules and transit compliance.
- e911_emergency
24/7 Veterinary Emergency Button & Multimodal Transport Filters
Top-right header emergency button searching Google for 24/7 emergency vet clinics and animal hospitals on call within a 30 km radius of the user's live position, with 1-tap dial and instant GPS route. Also features carrier and weight verification for Renfe, Iryo, Ouigo, flights, and car rentals.
Design System & UI Patterns
ATOMIC COMPONENTS"A naturalistic, serene, and balanced visual language designed to transmit tranquility and reassurance to anxious pet owners."
Verified Pet Rules Badge
Weight and size thresholds verified by the community to eliminate uncertainty during accommodation check-ins and transit.
Emergency 24/7 Map Card
One-tap direct access to geolocation for open emergency animal hospitals, direct speed-dial, and live on-duty status.
Multi-modal Compliance Filter
Flights, trains, and rental vehicles audited together under a single checklist verifying vaccines, carriers, and travel certificates.
Design System Visual Tokens
Primary Black
#121316
Terracotta Accent
#E86034
Sand Tint Surface
#EFE0CE
Pure Neutral Surface
#F9F9FB
You have completed the PETTRAVEL Case Study
Explore earlier project phases or get in touch with Pablo to discuss product design opportunities.