PADLL

DiseñodeunMVPconperfildualparaconectarasurfistasycreadoresdecontenido.UnaexperienciadereservasinfriccionesdiseñadaparalaCreatorEconomydeportiva.
(SCROLL) ↓
01

Visión general

Dos necesidades, una sola experiencia fluida.

El objetivo principal de PADLL era que reservar una sesión de fotografía de surf fuera lo menos doloroso posible. El reto consistía en diseñar una aplicación unificada para dos tipos de usuarios (surfistas y creadores), con una estrategia de «Late Register». Así el usuario puede explorar el mapa de spots y el portfolio de los fotógrafos sin crear una cuenta hasta el momento exacto del checkout, lo que maximiza la conversión.

Fitxa

RolUI/UX Design
Año2024
DisciplinaMobile App Design
SectorSports & Booking Platform
FormatoMVP
ClientePADLL
AgenciaOnabitz
iOSApp Store
AndroidGoogle Play
Tres mockups de la aplicación
02

Experiencia de usuario

Descifrando la complejidad a través de la UX

Con 40 horas asignadas a la fase de experiencia de usuario, el foco se puso en la arquitectura de la información. Diseñé flujos paralelos para surfistas y creadores, compartiendo el máximo de lógicas y componentes posible para agilizar el futuro desarrollo técnico.

Mi aportación

  • Investigación y estrategia: definición de user personas (surfista y creador) y análisis de la competencia en la Creator Economy.
  • Arquitectura de la información: creación del sitemap y conceptualización de los dos flujos principales (Surfer y Creator Flow).
  • User journeys: mapeo del camino del usuario desde que descubre el spot hasta la entrega de las fotografías.
  • UX Writing: definición del tono de voz y redacción de microcopy estratégico para generar confianza en los procesos de pago y cancelación.
Diagrama de flujo del onboarding, según si el usuario ha iniciado sesión, se ha registrado o es creador
Wireframes del inicio y del filtro por valoraciones, precio y categorías
Fichas de user persona: surfistas y fotógrafos con sus objetivos en la app
03

Prototipado

Prototipado y validación funcional

Antes de aplicar ninguna capa visual, construí el esqueleto funcional de la aplicación para validar la lógica de navegación. El objetivo era asegurar que flujos complejos como el «Late Register» y el paso entre modos de visualización (mapa y listado) fueran totalmente intuitivos.

Mi aportación

  • Wireflows estructurales: diagramas de flujo interactivos que detallan el registro y el onboarding de los dos perfiles.
  • Prototipo de baja fidelidad: enlace navegable en Figma para testear la arquitectura de la información con usuarios reales antes de avanzar.
  • Validación del checkout: estructura del flujo de reserva y pago, preparado para la integración con Stripe.
Wireframe de la pantalla de inicio, con el buscador de ubicación
04

Diseño de interfaz

Diseño de interfaz y sistema de diseño

La segunda fase del sprint (40 horas) se centró en dar vida al MVP. Desarrollé una estética limpia que cediera el protagonismo a las fotografías de los creadores, apoyada en un sistema de diseño robusto pensado para mantener la coherencia visual en todos los estados de la aplicación.

Mi aportación

  • Sistema de diseño: librería de componentes escalable y guía de estilos completa (tipografía, color, espaciados).
  • Vistas de alta fidelidad (hi-fi): diseño final de todas las pantallas, incluida la exploración por mapa, los perfiles de creador, las galerías de fotos y el dashboard de gestión de trabajos.
  • Handoff para desarrollo: preparación de los archivos de Figma y especificaciones para una implementación eficiente en React Native.
Paleta de colores de PADLL: azules, naranja y azul oscuro
Tipografía de PADLL
Catorce pantallas de la app en alta fidelidad, de la bienvenida al historial de reservas

Un proyecto en constante evolución. Convertir las ideas iniciales en una solución tangible ha sido un reto apasionante. Ahora, con el MVP en el mercado, seguiremos escuchando a los usuarios, aprendiendo e iterando para llevar la experiencia al siguiente nivel.

Fotografías de surf: una fotógrafa, un surfista, las olas y una surfista a contraluz

Comparte este proyecto

Sigue desplazándote para ver el siguiente caso práctico.

More Empordà