Caso de estudio · Travel Tech · Mobile App

WanderPad:
donde tu trabajo
conoce el mundo

Empresa
WanderPad
Rol
Product Designer (UX/UI)
Duración
Oct – Dic 2025
Plataforma
iOS · Android
WanderPad Splash
Welcome
Home Map
Communities
Chat
95%
Task Success Rate
En los 3 flujos principales con usuarios reales nómadas y freelancers
0
Issues críticos
Ningún bloqueante ni error crítico detectado durante las sesiones de validación
3
Meses, end-to-end
De brief a handoff completo: research, arquitectura, UI y Design System
100%
Dev-ready
Tokens, componentes y specs completos. Interfaz lista para desarrollo desde día 1
El reto

La vida nómada es caótica. La app tenía que ser lo contrario.

WanderPad nace para resolver un problema real: los nómadas digitales gestionan su vida entre 6 o 7 apps distintas. WhatsApp para comunidades, Google Maps para espacios, Reddit para recomendaciones, Notion para rutas... El objetivo era crear una sola app que unificara todo, con el equilibrio exacto entre utilidad y aspiración.

🗺️
Información dispersa en múltiples apps Blogs, Reddit, Nomad List, grupos de Telegram. Ninguna fuente centralizaba lo que un nómada necesita día a día.
☕
Sin espacios verificados por la comunidad Encontrar un café con buen wifi, enchufes y ambiente productivo requería preguntar en grupos o probar con suerte.
🤝
Comunidades desconectadas por ciudad Los nómadas llegaban a una ciudad nueva sin saber quién más estaba allí. La conexión era accidental, no intencional.
📋
Sin guías prácticas consolidadas Visas, SIM locales, zonas seguras, transporte: información crítica que se buscaba en 10 fuentes distintas cada vez.
Contexto del proyecto
SectorTravel Tech / Nómadas
Usuarios targetNómadas, freelancers, Business Travelers
Propuesta de valorComunidad + Espacios + Rutas en una app
MetodologíaDesign Thinking + Lean UX
HerramientasFigma, FigJam, Maze, Protopie
ModeloFreemium + Premium (29€/año)
B2B embeddedDashboard para locales y espacios
Estado✓ Ready for Development
Mi proceso

Explorar y productividad:
dos palabras que parecen opuestas.

El mayor reto conceptual fue el equilibrio: WanderPad debía sentirse como una app de viajes inspiracional Y como una herramienta de productividad seria. Resolverlo empezó con entender a fondo quién era realmente el usuario.

01
Semana 1–3 · Research & Discovery
Vivir el problema antes de diseñar la solución
Entrevisté a 12 nómadas activos con diferentes perfiles (freelancers, empleados remotos y emprendedores) en comunidades de Telegram y Slack. El hallazgo más importante: no buscaban una app "todo en uno" — buscaban una comunidad de personas como ellos, con herramientas útiles integradas de manera natural. La comunidad era el producto, las herramientas eran el valor añadido. Ese insight reorientó completamente la arquitectura de la app.
User Interviews Affinity Mapping Benchmark (Nomad List, Couchsurfing, Workfrom) Personas
02
Semana 3–5 · Arquitectura & Mental Map
Una arquitectura que no saturaera al usuario
Con tanto contenido posible (rutas, espacios, comunidades, chats, guías, perfiles...) el riesgo era crear una app abrumadora. Mapeé mentalmente todos los contenidos y los organicé en 4 áreas con roles claros: Home (mapa de la comunidad) / Chats (conversación por ciudad) / Perks (espacios y comunidades) / Perfil. Cada tab tiene un propósito único y no solapa con los demás. Lo validé con card sorting con 8 usuarios antes de wireframear.
Mental Map Card Sorting IA Navigation Design Wireframes lo-fi
03
Semana 5–9 · Diseño UX/UI
Un visual system que transmite movimiento y libertad
El estilo visual debía transmitir la energía nómada: vibrante, joven, en movimiento. Usé el teal como color primario (#0E9090) por su asociación con agua, exploración y claridad — valores core del producto. Construí un Design System con tokens de color, tipografía Onest (la misma que en mi portfolio), 50+ componentes reutilizables y una iconografía universal. El mapa como pantalla principal fue una decisión diferencial: ver quién más está en tu ciudad crea conexión inmediata.
Design System Design Tokens High-Fidelity UI Interaction Design Microinteracciones
04
Semana 9–12 · Validación & Handoff
Dos rondas de test, cero issues críticos
Hice 2 rondas de test de usabilidad con Maze (6 usuarios/ronda, perfiles de nómadas reales). Primera ronda detectó 2 fricciones menores en el flujo de unirse a comunidades y 1 en el onboarding — todos resueltos en 48h. Segunda ronda: 95% task success, 0 issues críticos. Feedback del equipo y stakeholders: "exactamente lo que imaginábamos pero mejor visualmente". El handoff incluyó Design System completo, 70+ pantallas documentadas y guía de componentes para el equipo de desarrollo.
Maze Testing 2 Rondas de validación Figma Handoff Dev Documentation
Flujo 1 · Onboarding

La primera impresión
lo es todo.

El onboarding de WanderPad tenía que hacer dos cosas a la vez: enamorar visualmente y recoger el mínimo de datos necesarios para personalizar la experiencia. Diseñé un flujo de 3 pasos máximo, con la carga cognitiva más baja posible.

✨
Decisión de diseño clave
El splash no es solo branding: cuenta la propuesta de valor en 3 segundos
La pantalla de splash de WanderPad muestra la red de personas conectadas alrededor del logo — en un vistazo, el usuario entiende que esto es sobre comunidad, no solo sobre lugares. "Where your work meets the world" como tagline remarca el doble valor: productividad + exploración. En testing, el 100% de los usuarios recordaba la propuesta de valor tras ver el splash.
Splash
Welcome
Login
Splash con storytelling visual — la red de nómadas conectados comunica la propuesta sin una sola palabra extra
Welcome aspiracional — imagen inmersiva de viaje con CTA directo. Sin fricción, sin texto innecesario
Login/Registro unificado — tab toggle para alternar entre los dos flujos sin cambiar de pantalla. Google/Apple primero para reducir fricción máxima
Signup
Settings
Registro simplificado — solo email y contraseña con validación inline. Sin formularios largos, sin fricción
Settings claros y organizados — cuenta, privacidad y permisos agrupados con jerarquía visual. Menos opciones = más uso
Flujo 2 · Descubrir & Conectar

El mapa como pantalla principal:
una apuesta arriesgada que funcionó.

La mayoría de apps de comunidad usan un feed de contenido como pantalla principal. En WanderPad apostamos por el mapa: ver quién más está en tu zona en tiempo real crea una conexión emocional inmediata con el producto. El reto fue que fuera informativo sin ser abrumador.

El insight que lo cambió todo
Los nómadas no buscan información. Buscan pertenencia.
Tras las entrevistas, el patrón era claro: la razón número 1 por la que los nómadas se unían a grupos no era encontrar coworkings — era saber que no estaban solos en una ciudad nueva. El mapa como home respondía exactamente a ese need emocional. Ver "37 personas cerca de ti" en Madrid o Bali es más poderoso que cualquier lista de espacios.
Home Map
Communities List
New Community
Mapa como home — filtros por tipo (Nómadas / Freelancers / Business Travelers) y bubbles con conteo. Información densa, UI limpia
Comunidades con foto de ciudad — cada comunidad muestra una imagen aspiracional del destino. El usuario elige por emoción, no solo por datos
Solicitar nueva comunidad — formulario simple que permite a los usuarios proponer ciudades. Hace crecer el producto de forma orgánica
Flujo 3 · Chats & Comunidad

Chats que se sienten
como WhatsApp, no como un foro.

El chat es el núcleo de WanderPad. El reto era hacerlo familiar (los usuarios ya saben cómo funciona WhatsApp) pero con capas de contexto nómada: ciudad, número de conectados, indicadores de actividad grupal.

Chats List
Chat Group Bali
Chat Individual
Favoritos
Lista de chats con contexto — vista Chats / Comunidades en el mismo tab. Badges de mensajes no leídos y preview de último mensaje
Chat de comunidad Bali — header con foto de destino y "23 workationers conectados". El contexto geográfico siempre visible
Chat 1:1 con nomad local — UX idéntica a WhatsApp pero con perfil de nómada. Sin curva de aprendizaje
Espacios favoritos — guardados con foto real, rating, distancia, horario y amenities en un vistazo. Descuentos Premium integrados
Modelo de negocio · Freemium + B2B

Dos modelos de monetización
en una sola app.

WanderPad monetiza por dos vías: Premium para usuarios (29€/año) y un dashboard B2B para locales y espacios que quieren captar nómadas. Diseñé ambas experiencias para que se reforzaran mutuamente.

💎
Decisión estratégica de diseño
El upsell a Premium tiene que sentirse como una invitación, no como un paywall agresivo
Diseñé la pantalla de activación Premium mostrando primero el beneficio concreto (5 funcionalidades específicas con descripción clara), luego el precio (29€/año · ahorra 40% vs mensual), y finalmente los métodos de pago. Sin dark patterns, sin contadores de urgencia falsos. En testing, los usuarios que llegaban a esta pantalla convertían porque entendían el valor — no porque se sintieran presionados.
Premium
Business Dashboard
Premium transparente — beneficios específicos y concretos, precio claro, métodos de pago modernos (Apple Pay, Google Pay). Sin letra pequeña sorpresa
Dashboard B2B para locales — Starbucks (en el ejemplo) ve cuántos nómadas Premium han escaneado su QR hoy, esta semana, sus horas pico y resumen mensual. Convierte la app en canal de adquisición para el local
Resultados

Una app que equilibra
inspiración y utilidad.

🗺️
95%
Task Success en testing
Los usuarios completaron flujos de exploración, unirse a comunidades y chat sin errores ni confusión. El onboarding fue el punto más fuerte: "extrema claridad" fue el feedback más repetido.
0
Issues críticos en validación
La segunda ronda de Maze no detectó ningún bloqueante. Los 3 issues menores de la primera ronda (todos en flujo de comunidades) se resolvieron entre rondas en menos de 48 horas.
⚡
70+
Pantallas documentadas
Design System completo con tokens, 50+ componentes reutilizables, specs por pantalla y guía de interacciones. El equipo de desarrollo tenía todo lo necesario sin preguntas adicionales.
💬
++
Feedback del equipo y stakeholders
"Exactamente lo que imaginábamos pero mejor visualmente." El diseño logró el equilibrio entre app de exploración aspiracional y herramienta de productividad práctica que era el objetivo central del producto.
Aprendizajes

Lo que aprendí
de los nómadas.

WanderPad fue el proyecto más abierto en cuanto a definición de producto. Eso es una oportunidad y un riesgo al mismo tiempo. Aprendí a tomar decisiones de producto desde el diseño.

01
La emoción es una feature, no un bonus
WanderPad no sería WanderPad sin las fotos de Bali o Lisboa en las comunidades, sin el mapa como home, sin el tagline "Where your work meets the world". La parte emocional del diseño no es cosmética — es lo que hace que el usuario vuelva.
02
Cuando el producto no está definido, el diseñador define el producto
WanderPad llegó como un brief amplio. La decisión de poner el mapa como home, de estructurar en 4 tabs, de incluir el dashboard B2B — todas fueron decisiones de diseño que terminaron siendo decisiones de producto. Es el rol que más valor aporta un Senior: no ejecutar, sino pensar.
03
Un Design System es un contrato con el equipo de desarrollo
Con 70+ pantallas y dos modelos de usuario distintos (B2C nómada + B2B local), sin un sistema de diseño robusto el proyecto hubiera sido inmantenible. Invertir en tokens y componentes desde el principio salvó semanas en la fase final.
¿Quieres ver más?

Hablemos de
tu próximo producto

Disponible para posiciones senior y proyectos de producto complejos. Madrid y remoto.

Contactar ahora ← Ver más proyectos