City Go es una app que facilita a los usuarios la recarga de la tarjeta SUBE, la cual es usada para el traslado en transporte público en algunas ciudades de Argentina.
Problema
En este caso de estudio diseñé una app mobile para agilizar el método de recarga de la tarjeta SUBE, la cual se usa para viajar en transporte público en varias ciudades de Argentina.
En ese momento el problema que existía era que debías cargar la tarjeta con saldo y para usarla debías validarla en algún centro habilitado como: estación de subte o kiosco.
Esto sin duda ocasionaba una mala experiencia, ya que generaba perdida de tiempo e imposibilitaba al usuario en caso de alguna emergencia, donde este se viera complicado para hacer la validación de la recarga y poder usar la SUBE.
Por eso se me ocurrió esta app, en la cual los usuarios pueden cargar la SUBE debitando el dinero de sus cuentas bancarias/billeteras virtuales o incluso de una transferencia entre usuarios que tengan la app de City Go.
Sin duda la solución más importante es que estos usuarios puedan disponer inmediatamente de este saldo en sus tarjetas SUBE. Dando una mejora significativa en sus formas de trasladarse por la ciudad, ahorrando energía y tiempo.
Resultado
Diseño intuitivo: Diseñé una interfaz cómoda y accesible con indicaciones claras para hacer la recarga en la tarjeta SUBE.
Facilidades para la recarga: Agregué múltiples opciones para cargar saldo en la tarjeta SUBE dentro de la app, mejorando la accesibilidad y siendo una opción más conveniente para los usuarios.
Funcionalidades complementarias: Decidí agregar un mapa, ya que es un item importante al momento de viajar.
Esto suma valor, dado que le ofrece al usuario la posibilidad de cargar la SUBE y al mismo tiempo saber cuál es la ruta que más le conviene sin salir de la app.
Personalización: Incluí la posibilidad de guardar rutas y recomendaciones de acuerdo a la ubicación del usuario.
Proceso
Research & Analysis: Realicé entrevistas y encuestas a usuarios habituales del transporte público y análisis de flujos actuales de recarga SUBE para detectar fricciones: tiempos de validación, dependencias de puntos físicos y problemas en en casos de emergencias.
Arquitectura de la información: Definimos la estructura priorizando el flujo de recarga rápido y seguro: acceso directo a “Recargar SUBE”, historial de recargas, métodos de pago y gestión de tarjetas. El mapa y rutas quedaron como funciones secundarias que agregan valor al momento de ir de un lugar a otro en el transporte público.
Wireframes y prototipo: Diseñamos wireframes centrados en minimizar pasos para completar una recarga (selección de tarjeta, monto, método de pago, confirmación) y prototipos interactivos de alta fidelidad para validar tiempos y microinteracciones críticas del proceso.
Test de usabilidad: Probamos el flujo de recarga con usuarios reales (diversos perfiles) para medir completion rate, tiempo promedio y puntos de fricción.
Diseño visual: Creamos un lenguaje visual claro y accesible que prioriza legibilidad y feedback inmediato (estados de carga/éxito/error). Definimos paleta, tipografías y componentes (botones, formularios y alerts) y una guía de estilo para asegurar consistencia en futuras ampliaciones, manteniendo el foco en la rapidez y confianza del proceso de recarga.
Conclusión
City-Go logró simplificar significativamente el proceso de recarga de la tarjeta SUBE, eliminando pasos innecesarios y reduciendo la dependencia de validaciones físicas. La app brinda a los usuarios una experiencia más ágil, accesible y confiable para moverse por la ciudad, optimizando su tiempo y mejorando su autonomía en el transporte público.