App móvil · UX/UI · 2025

Wayzz
Seguridad
urbana

App pensada para que cualquier persona pueda desplazarse por la ciudad con tranquilidad. Rutas seguras, acompañantes verificados y alertas en tiempo real.

Rol
UX/UI Design
Duración
4 semanas
Tipo
App móvil
Año
2025
01 — Problema

¿Por qué existe Wayzz?

Muchos usuarios sienten inseguridad al moverse por zonas desconocidas, especialmente de noche. Las apps actuales ofrecen rutas rápidas, pero no rutas seguras.

💛
La seguridad emocional pesa más que la rapidez. Los usuarios prefieren sentirse tranquilos aunque tarden más.
👥
La compañía reduce el riesgo percibido, incluso con personas desconocidas.
🗺️
La falta de información aumenta la incertidumbre y hace que los usuarios eviten rutas aunque sean más rápidas.
Objetivo del proyecto
Crear una app confiable para la ciudad

Diseñar una solución simple que ofrezca rutas seguras, conecte usuarios con acompañantes verificados y transmita tranquilidad en cada trayecto.

02 — Investigación & priorización

Qué construir primero

Para definir qué funcionalidades construir usé una matriz que cruza el impacto real para el usuario con la viabilidad técnica del proyecto.

✦ Prioritario Alto impacto · Alta viabilidad
Chats internos Integración de mapa Compartir ubicación Rutas y horarios compatibles Gamificación Puntos por trayectos
◎ Futuro Alto impacto · Baja viabilidad
Verificación de identidad Sistema de votaciones Historial de rutas seguras
— Descartar Bajo impacto · Alta viabilidad
Filtros por género/idioma Grupos privados Info transporte público
— No ahora Bajo impacto · Baja viabilidad
Experiencia personalizada Conexión social
03 — Arquitectura de la información

Estructura lógica, navegación intuitiva

Organicé el contenido en un sitemap asegurando que las funciones clave — rutas, acompañantes y herramientas de confianza — fueran fáciles de encontrar desde el inicio.

Inicio
Onboarding
Home
Perfil
Ajustes
Emergencia
Amigos
Trayectos
Crear trayecto
Ver personas
Filtros
Mapa
Amigos
Chats
Lista de amigos
Solicitudes
Buscar amigos
Grupos
Perfil
Info personal
Preferencias
Logros
Configuración
04 — Wireframes

La lógica primero, lo visual después

Antes de entrar en el diseño visual creé wireframes para validar la distribución del contenido y la jerarquía de cada pantalla. Iterar en esta fase ahorró tiempo y evitó decisiones costosas.

Wireframes Wayzz
05 — Diseño final

De wireframe a producto

Tipografía, color, iconografía y estructura trabajando juntas para ofrecer una navegación fluida que transmite confianza en cada pantalla.

HOME
HOME
Con todas las funciones de la app visibles, destacando sugerencias de compañeros y una búsqueda rápida de ruta.
EXPLORA Y GESTIONA TUS TRAYECTOS
EXPLORA Y GESTIONA TUS TRAYECTOS
Accede a tus rutas guardadas o inicia una nueva búsqueda con información clara y accesible.
BUSCANDO LA MEJOR OPCIÓN
BUSCANDO LA MEJOR OPCIÓN
Un proceso rápido y transparente que informa al usuario mientras el sistema analiza alternativas.
RUTA RECOMENDADA
RUTA RECOMENDADA
Recomendación de ruta con disponibilidad de ver compañeros disponibles y guardar la ruta.
ENCUENTRA LA PERSONA IDEAL
ENCUENTRA LA PERSONA IDEAL
Visualiza quién se dirige a tu misma zona y selecciona al compañero que mejor encaje contigo.
COMUNIDAD Y AMIGOS
COMUNIDAD Y AMIGOS
Gestiona amistades, encuentra nuevos contactos y mantén una comunidad segura dentro de la app.
COMUNICACIÓN SENCILLA Y DIRECTA
COMUNICACIÓN SENCILLA Y DIRECTA
Coordina tus desplazamientos en un chat claro, rápido y pensado para la seguridad.
IDENTIDAD Y VERIFICACIÓN
IDENTIDAD Y VERIFICACIÓN
Información clave del usuario para generar confianza y personalizar la experiencia.
06 — Testing & iteraciones

Validar con usuarios reales

Test con 10 usuarios para comprobar si la navegación era intuitiva. Los resultados guiaron las iteraciones finales del diseño.

10/10
Onboarding
Completaron la misión sin dificultades y entendieron la finalidad de la app.
Tasa de éxito
9/10
Encontrar el chat
Encontraron la sección "Amigos" y escribieron a Patricia Delgado correctamente.
Tasa de éxito
10/10
Crear una ruta
Añadieron origen, destino y desplegaron "Ver compañeros disponibles" sin problemas.
Tasa de éxito
Mejoras aplicadas tras el test
Mayor claridad visual en pantallas críticas como "Ruta" y "Compañeros disponibles".
Reducción de carga cognitiva destacando acciones principales y simplificando la jerarquía.
Flujos más fluidos en el acceso al chat y en la búsqueda de compañeros compatibles.
07 — Aprendizajes

Lo que me llevé de Wayzz

🧭
Aprendí a mapear el miedo y la incertidumbre, no solo las necesidades funcionales del usuario.
👥
Diseñar pensando en seguridad real y percibida requiere equilibrar tecnología con confianza humana.
🔍
Pequeños detalles de claridad visual pueden cambiar completamente la sensación de control del usuario.
📍
La información contextual — rutas seguras, horarios, acompañantes verificados — es clave en la propuesta de valor.
🧪
Testear pronto es esencial: lo que para mí era obvio no lo era para usuarios preocupados por su seguridad.
Los wireframes son la mejor inversión: iterar en baja fidelidad ahorra horas de rediseño en alta.

¿Vemos el prototipo?

Ver prototipo interactivo ↗ ← Volver al portfolio