Sobre el proyecto
Como parte del rediseño de la plataforma de buses con el nuevo branding de la empresa, se han implementado diversas mejoras para mejorar la experiencia al momento de comprar, devolver y cambiar boletos de viaje. Estas mejoras buscan agilizar la compra de boletos.
Tiempo de trabajo: 1 año y 6 meses.
Mi rol: Creación de bocetos con propuestas de diseño, realización de Wireframe, diseño de componentes, prototipo en alta en la plataforma Figma, QA diseño.
Trabajo multidisciplinario entre diseñador UI y equipo de desarrollo (Frontend y Backend)
Desafío
Rediseño de la plataforma “compra online de boletos para buses” para los dispositivos desktop y mobile, la nueva versión busca posicionar la empresa como la mejor empresa de buses a través del análisis de experiencia de los usuarios y la incorporación del nuevo branding a la empresa. Parte del desafío fue aplicar el diseño a TURBUS y sus franquicias de Buses, Condor y Bio Bio.
Prototipo Wireframe
Una vez aprobado el diseño del prototipo, se procedió a la implementación de las vistas en la aplicación, siguiendo las guías de diseño establecidas. Se tuvo en cuenta la usabilidad, la accesibilidad y la experiencia del usuario en todo momento, asegurándonos de que las vistas fueran intuitivas y fáciles de navegar.
Además, se utilizaron las pruebas de usuario realizadas por el cliente que validaban la efectividad de las vistas diseñadas, obteniendo feedback y realizando ajustes según fuera necesario. Se trabajó en conjunto con el equipo de desarrollo para garantizar que las vistas diseñadas pudieran ser implementadas de manera eficiente y respetando las limitaciones técnicas.
En conclusión, las vistas fueron diseñadas con el objetivo de satisfacer las necesidades del usuario y del negocio, siguiendo altos estándares de diseño y funcionalidad. Se buscó siempre crear una experiencia de usuario única y atractiva, contribuyendo al éxito del proyecto en su conjunto.
Wireframe
Selección de viaje ida y vuelta
Prototipo en alta
Selección de viaje ida y vuelta
Wireframe
Selección de viaje ida
Prototipo en alta
Selección de viaje ida
Wireframe
Selección de asientos
Prototipo en alta
Selección de asientos
Diseño de componentes
Para este rediseño, se crearon una serie de componentes con sus respectivas variantes.
