arrow_back
CASO DE ESTUDIO PETTRAVEL — FASE 03 / 03

Prototipo & UI: Interfaz de Alta Fidelidad, Validación de Usabilidad y Flujo Interactivo

Diseño del sistema de diseño para iOS, construcción del prototipo interactivo y ejecución de pruebas de usabilidad con 30 dueños de perros para eliminar la fricción en el registro, la planificación con IA y la navegación en emergencias.

ENTREGABLES

UI Kit iOS, Tokens de Diseño

ASSET INTERACTIVO

Prototipo en Figma

VALIDACIÓN

30 Tests de Usabilidad

PLATAFORMA

Sistema Nativo iOS

Informe de Usabilidad y Métricas

REPORTE DE MÉTRICAS
groups
30

Dueños de Perros Testeados

Alineados con el perfil de proto-persona (María y Max) en Madrid, Barcelona y Valencia, validando flujos de inicio a fin.

task_alt
94%

Tasa de Finalización de Tareas

Éxito rotundo en registro de mascota, generación de itinerario mediante IA (estancias, transporte y restauración) y ruta de urgencia.

thumb_up
4.8/5

Escala de Usabilidad del Sistema (SUS)

Puntuación SUS evaluando la asistencia inmediata de emergencias y localización georreferenciada de veterinarios.

format_quote

"Separar el cuestionario de preferencias de viaje (dirigido al viajero) del perfil biométrico del perro redujo drásticamente la fricción cognitiva. Sumado al botón de urgencia veterinaria 24/7 en un radio de 30 km, sentimos plena confianza para viajar sin incertidumbre."

María T., Participante Principal y Dueña de Perro • Validación de Usabilidad Pet Travel Multimodal (N=30)

Muestra del Prototipo Interactivo

MOTOR DE PROTOTIPADO FIGMA
PETTRAVEL iOS App Interface

Flujo en pantalla: Interfaz interactiva en tiempo real

FLUJO DE FIGMA VALIDADO

Interacciones Clave Validadas

  • smart_toy

    Cuestionario IA Interactivo & Motor Predictivo

    El cuestionario con IA interactúa fluidamente con el usuario sobre preferencias de viaje (ritmo, fechas, hoteles pet-friendly, casas rurales, actividades al aire libre y restaurantes). Cruza automáticamente estos datos con el perfil de la mascota para generar un itinerario integral validado vinculado con Google Maps.

  • badge

    Módulo de Perfil del Usuario y su Mascota

    Espacio autónomo donde los datos biométricos y sanitarios del can (raza, peso, dimensiones de transportín, cartilla de vacunación y pasaporte) quedan registrados, eliminando formularios repetitivos y validando normativas al instante.

  • e911_emergency

    Botón de Urgencia Veterinaria 24/7 y Filtros Multimodales

    Acceso rápido superior para localizar hospitales veterinarios de guardia en un radio de 30 km, con llamada en 1 toque y ruta GPS. Incorpora verificación de peso y transportín para Renfe, Iryo, Ouigo, aerolíneas y alquiler de vehículos.

Sistema de Diseño y Patrones UI

COMPONENTES ATÓMICOS
spa Filosofía de Diseño

"Un lenguaje visual naturalista, sereno y equilibrado, concebido para transmitir tranquilidad y certidumbre a los dueños de mascotas."

REGLAS VERIFICADAS UI-01

Insignia de Políticas Verificadas

Límites de peso y medidas confirmados por la comunidad para disipar dudas durante el check-in en alojamientos y transporte.

Máx. 12 kg en cabina 100% Confirmado
URGENCIAS 24/7 UI-02

Tarjeta de Urgencias 24/7 en Mapa

Acceso directo geolocalizado a hospitales de animales abiertos, marcado rápido de emergencia y estado de guardia en directo.

local_hospital Hospital Vet Centro
a 1,4 km
CHECKLIST MULTIMODAL UI-03

Filtro de Conformidad Multimodal

Vuelos, trenes y vehículos de alquiler auditados bajo un checklist único que corrobora vacunas, transportín y cartilla oficial.

Renfe + Iberia Listo 3/3 Válidos

Tokens Visuales del Sistema de Diseño

Primary Black

#121316

Terracotta Accent

#E86034

Sand Tint Surface

#EFE0CE

Pure Neutral Surface

#F9F9FB

check_circle

Has completado el Caso de Estudio PETTRAVEL

Explora las fases anteriores del proyecto o ponte en contacto con Pablo para colaborar en diseño de producto.