Proyecto 02| Marketplace

Aplicación
Cobijo

Aplicación de alquiler e intercambio temporal de aparcamiento entre particulares para reducir la contaminación y el tráfico en ciudades

Pantallas principales del prototipo de la aplicación Cobijo
Producto
Aplicación móvil colaborativa
Duración
TFM · Máster UOC (6 meses)
Rol
UX Research · UX/UI Design · Arquitectura IA · Usability Testing
Herramientas
Figma · Optimal Workshop · JotForm · Power BI

Metodología y contribución

Desde la investigación hasta el prototipo validado

Para asegurar que la solución respondía a necesidades reales, trabajé siguiendo un proceso completo de diseño centrado en el usuario.

Investigación

  • Desk Research
  • Benchmarking
  • Encuestas
  • User Personas
  • User Journeys

Definición

  • Arquitectura de información
  • Card Sorting
  • Tree Testing

Diseño

  • Wireframing
  • Prototipado
  • Diseño visual

Validación

  • Evaluación heurística
  • Testing con usuarios
  • Iteración

Reto

Encontrar aparcamiento es cada vez más complicado

El tráfico de agitación incrementa la congestión y la contaminación, al mismo tiempo que miles de plazas privadas permanecen infrautilizadas.

  • Escasez de plazas
  • Costes elevados
  • Problemas de seguridad
  • Plazas infrautilizadas

Oportunidad

¿Y si..?

¿Y si las plazas privadas vacías pudieran reducir tráfico y costes?

La solución propone un modelo de economía colaborativa aplicado al estacionamiento urbano: publicar plazas, buscar aparcamientos cercanos, reservar por horas o días, gestionar pagos y valorar la experiencia.

Investigación

Comprender el problema antes de diseñar la solución

El proceso combinó desk research, benchmarking, encuestas, user personas, user journeys y Lean UX Canvas para detectar motivaciones, miedos y criterios de adopción.

Datos clave

72%

Interés en economía colaborativa.

69%

Considera la seguridad un factor clave

2

Perfiles principales identificados

4

Escenarios principales diseñados

Insights

Para asegurar que la solución respondía a necesidades reales, trabajé siguiendo un proceso completo de diseño centrado en el usuario.

Confianza

la confianza determina la adopción

Precio

El ahorro impulsa la decisión

Comunicación

La comunicación reduce la incertidumbre

Reputación

La reputación genera seguridad

Flexibilidad

Los usuarios buscan adaptarse

Impacto

La sostenibilidad aporta valor

Hallazgo clave

Los propietarios priorizan la seguridad y los conductores priorizan el ahorro

La confianza se convierte en el núcleo del producto

Cómo impactó en el diseño

Era el momento de pasar de la investigación a la toma de decisiones.

Confianza

Perfiles verificados

Comunicación

Chat integrado

Reputación

Sistema de valoraciones

Precio

Comparación de costes

Flexibilidad

Reserva por días u horas

Información

Detalle completo

Control

Gestión de reservas

Facilidad

Opciones personalizadas

La investigación permitió convertir necesidades reales en funcionalidades concretas del producto.

Perfiles

Era el momento de pasar de la investigación a la toma de decisiones.

El propietario

Objetivo
Rentabilizar una plaza infrautilizada
Necesita
Control, seguridad y gestión sencilla
Teme
Inseguridad ante reservas desconocidas.

El conductor

Objetivo
Encontrar aparcamiento de forma rápida y económica.
Necesita
Información clara y confianza.
Teme
Precios elevados y falta de disponibilidad.

Arquitectura de la información

Una app, dos formas de pensar

Propietarios y conductores compartían la misma aplicación, pero tenían objetivos diferentes.

Validé la estructura mediante Card Sorting y Tree Testing antes de diseñar la interfaz.

Lo que descubrí

Las acciones clave debían estar visibles desde el inicio

  • La búsqueda era la prioridad para los conductores.
  • Las reservas eran la prioridad para los propietarios.
  • La comunicación debía estar presente durante todo el recorrido
  • El lenguaje debía ser más claro y cercano

Decisiones de diseño

Accesos directos

  • Buscar desde inicio
  • Publicar desde inicio
  • Reservas visibles

Flujos alternativos

  • Contactar desde varios puntos
  • Valorar desde varios puntos

Lenguaje más claro

  • “Transacciones” → “Mis pagos”
  • “Eco Impacto”
  • “Comenta tu experiencia”

Resultado: Una estructura más clara para dos perfiles distintos, con menos fricción y una navegación más fácil de entender.

Flujos de usuario

Diseñando una experiencia para dos perfiles con objetivos diferentes

Tras validar la arquitectura, definí los recorridos principales para propietarios y conductores.

El propietario

Objetivo
Publicar y gestionar una plaza de forma sencilla, manteniendo el control sobre disponibilidad, reservas y cobros.
  1. Registro
  2. Publicación
  3. Gestión reservas
  4. Pagos
Descarga de aplicación y publicación de anuncio
Flujo de descarga de aplicación y publicación de anuncio
Gestión de reserva y cobro
Flujo de gestión de reserva y cobro

Descubrimiento y decisiones de diseño

Control

Igual de importante que rentabilidad

=

Publicación guiada paso a paso

Gestión

Debe ser rápida y accesible

=

Gestión de reservas centralizada

Pagos

Integrados en el mismo recorrido

=

Información de disponibilidad visible

El visitante

Objetivo
Encontrar y reservar aparcamiento en el menor tiempo posible.
  1. Busqueda
  2. Resultados
  3. Detalle
  4. Reserva
Uso del servicio
Flujo de uso del servicio

Descubrimiento y decisiones de diseño

Búsqueda

Punto de entrada principal

=

Debe ser accesible desde el inicio

Valoraciones

Influyen en la decisión de reserva

=

Mostrar información detallada

Comunicación

Aumento de confianza previa

=

Integrada durante el proceso

Resultado: Los flujos sirvieron como base para explorar diferentes soluciones antes de comenzar con el diseño visual, permitiendo simplificar procesos complejos y adaptar la experiencia a dos perfiles con necesidades diferentes sin aumentar la complejidad de la aplicación.

Wireframes y prototipado

De la estructura a la experiencia

Con la arquitectura validada y los flujos definidos, el siguiente paso consistió en transformar los recorridos de usuario en una experiencia tangible.

Wireframes

Validación temprana de estructura, navegación y funcionalidades antes del diseño visual.

01 · Navegación

Acceso rápido a tareas clave

Wireframe de navegación y acceso rápido a tareas clave

02 · Publicación

Proceso guiado paso a paso

Wireframe del proceso de publicación de aparcamiento

03 · Búsqueda

Acción principal

Wireframe de búsqueda de aparcamiento en mapa

04 · Reservas

Gestión simplificada

Wireframe de reservas

05 · Comunicación

Generar confianza

Wireframe de comunicación y mensajes

06 · Perfil

Control y publicación

Wireframe de perfil y publicación

Decisiones clave

Simplificar la publicación

La publicación requería introducir gran cantidad de información.

Flujo guiado paso a paso

Priorizar la búsqueda

Buscar aparcamiento era la acción principal para los conductores.

Acceso visible desde el inicio

Diseñar para dos perfiles

La misma aplicación debía responder a necesidades muy diferentes.

Recorridos adaptados al usuario

Resultado: Los wireframes permitieron validar la experiencia antes de invertir tiempo en diseño visual, identificando oportunidades de mejora en navegación, búsqueda, reservas y comunicación.

Diseño de interfaz

Construyendo confianza a través del diseño

Una vez validados los flujos y la estructura de la aplicación, el siguiente objetivo fue diseñar una interfaz capaz de transmitir seguridad, claridad y facilidad de uso.

La confianza se identificó como uno de los factores más importantes para la adopción del servicio, por lo que gran parte de las decisiones visuales estuvieron orientadas a reforzar la sensación de seguridad durante todo el recorrido.

Objetivos de la interfaz

Claridad

Reducir la complejidad de publicar y reservar una plaza.

Confianza

Reforzar la seguridad mediante perfiles, valoraciones e información transparente.

Flexibilidad

Adaptarse a propietarios y conductores sin aumentar la complejidad.

Sostenibilidad

Visibilizar el impacto positivo del uso compartido de plazas privadas.

Creación de un UI Kit

En lugar de desarrollar un Design System completo, se creó un UI Kit para mantener consistencia visual y acelerar la evolución del producto.

UI Kit de Cobijo con logotipo, tipografías, colores, iconos y componentes

Funcionalidades principales

Encontrar plaza

  • Búsqueda
  • Filtros
  • Mapa
Interfaz para encontrar una plaza de aparcamiento

Reservar con seguridad

  • Detalle
  • Pagos
  • Valoraciones
Interfaz para reservar una plaza con seguridad

Gestionar reservas

  • Reservas
  • Historial
  • Chat
Interfaz para gestionar reservas y valoraciones

Visualizar impacto

  • Eco Impacto
  • Recursos compartidos
  • Reducción del tráfico
Interfaz para visualizar el impacto ambiental

Prototipo de alta fidelidad

Con el sistema visual definido, las funcionalidades se transformaron en un prototipo interactivo centrado en los principales recorridos del usuario.

01 · Publicar una plaza

La publicación se dividió en pasos guiados para reducir la carga cognitiva y facilitar la finalización del proceso.

Recorrido de publicación de una plaza

02 · Buscar aparcamientos

La búsqueda se convirtió en el punto de entrada principal de la aplicación, priorizando velocidad y toma de decisiones.

Recorrido de búsqueda de aparcamientos

03 · Reservar una plaza

Toda la información relevante se mostraba antes de confirmar la reserva para aumentar la confianza del usuario.

Recorrido para reservar una plaza

04 · Gestionar reservas

Una vista simplificada permitía consultar, modificar o cancelar reservas desde un único espacio.

Recorrido de gestión de reservas

Principales decisiones visuales

Confianza

Perfiles verificados, valoraciones e información detallada antes de reservar.

Simplicidad

Procesos guiados y reducción de pasos innecesarios.

Transparencia

Precios, disponibilidad y condiciones visibles en todo momento.

Consistencia

UI Kit reutilizable para mantener coherencia en toda la aplicación.

Resultado: La interfaz consiguió transformar procesos complejos en una experiencia clara y accesible, equilibrando las necesidades de propietarios y conductores sin aumentar la complejidad del producto.

Validación e iteración

Diseñar, medir y mejorar

Antes de finalizar la propuesta, validé la experiencia mediante evaluación heurística, testing con usuarios y cuestionarios de usabilidad para detectar oportunidades de mejora.

Hallazgos principales

  • Algunas acciones necesitaban mayor visibilidad.
  • Determinados formularios podían simplificarse.
  • Los usuarios necesitaban más contexto antes de reservar.
  • Algunos recorridos podían completarse con menos pasos.

Mejoras aplicadas

  • Navegación más clara
  • Formularios simplificados
  • Procesos de reserva optimizados
  • Filtros y mapa mejorados
  • Comunicación entre usuarios reforzada

Resultado: La validación permitió transformar observaciones reales en mejoras concretas, refinando la experiencia antes de la propuesta final.

Resultado

Una solución validada para un problema real

Cobijo evolucionó desde una idea inicial hasta un prototipo funcional validado mediante investigación, arquitectura de la información, prototipado y testing iterativo.

La propuesta transformó un problema urbano cotidiano en una experiencia sencilla, flexible y centrada en las personas, equilibrando las necesidades de propietarios y conductores dentro de una misma plataforma.

2Perfiles
4Escenarios clave
1Experiencia unificada

Otros trabajos

01

Design System

Design System | WCAG 2.2 | Head of design

Ver proyecto
03

Diseño web

Web Design | Brand UX | Storytelling

Próximamente

¿Creamos algo juntos?

Si crees que podría aportar valor en tu equipo, o quieres hablar un poco de temas en común, no dudes en contactar.

Contactar