A partir de eso, se generaron wireframes para las pantallas más importantes. El desarrollo inició con la pantallas de recarga, que fueron desde el inicio determinadas como las más importantes.
Wireframes iniciales de algunas pantallas principales, Detalle de Viaje, Home y Rutas.
Una vez creados los wireframes funcionales, se desarrolló la imagen de la marca, y se creó un sistema simple para crear un aplicativo fácil de leer y usar, complementado por íconos claros que corresponden a cada uno de los servicios existentes.
Íconos para clasificar e identificar los diversos sistemas manejados en el aplicativo. De derecha a izquierda: Corredores, Metropolitano y Tren Eléctrico.
El logotipo fue creado para que sea legible y facil de adaptar a formatos pequeños, y “Vamo” se refiere a la palabra “vamos” dicha de forma casual.
Y finalmente, los colores principales fueron aplicados a botones y señales utilizadas para resaltar cierto contenido informativo relevante al usuario.
Colores seleccionados para distintos objetos dentro del aplicativo, y un medley de botones y avisos regularmente usados en el mismo.
Las pantallas finales se crearon despues de crear una imagen clara para el aplicativo (que seria usado para el resto de las piezas del sistema).
Sistemas Extra
Para complementar el aplicativo prototipado, se desarrollaron piezas tanto tangibles como digitales. Se plantearon un sitio web, pantallas de recarga simplificadas para máquinas de recargas en paraderos, estaciones, tiendas, kioskos y bodegas, e infografías y mapas para paraderos.
La idea general era poder crear un sistema completo que mejore la experiencia de los pasajeros de los diversos tipos de transporte que sea fàcil de leer e identificar y único, que pueda ser usado en todas las estaciones de todos los sistemas.
Sitio Web
La web fue creada con la idea de que esta funcione como el centro de información clave y desarrollada sobre los distintos sistemas, sus rutas, su funcionamiento y sus conexiones. Además, debe funcionar como un repositorio de noticias e información técnica y de transparencia para la administración de los diversos sistemas - unificado bajo una imagen.
Asi, se dividió en ciertas secciones: