Saltar al contenido

Rediseño de la app de Trenord

Integrar la compra de bonos y la renovación de abonos en la app
  • Empresa

    Mia-Platform para Trenord

  • Rol

    Product Designer

  • Equipo

    Product Owner

    iOS Developer

    Android Developer

    Copywriter

    UI Designer

  • Herramientas

    Mural

    Abstract

    Sketch

    Google Sheets

    Userberry

  • Sobre el cliente

    Trenord es uno de los mayores operadores europeos de transporte ferroviario regional. Cada día realiza más de 2.170 trayectos, que llegan a Lombardía, a siete provincias y al Aeropuerto Internacional de Milán Malpensa.

Contexto

Trenord elige a Mia-Platform como socio tecnológico para desarrollar su app

El objetivo de Mia-Platform era crear una plataforma digital única para Trenord, capaz de reunir los datos de circulación previstos y reales de los trenes y ponerlos a disposición de los usuarios de la app.

Una vez desarrollada la plataforma, Mia-Platform integró nuevos servicios hasta el lanzamiento en producción de la plataforma y de las dos apps nativas para iOS y Android.

Como product designer diseñé las dos apps nativas y seguí el proyecto durante unos 4 meses, desde la estrategia de producto de las funcionalidades hasta el mapeo y la medición de la analítica.

Experiencia

Integrar la compra de billetes y la renovación de abonos con un sistema de componentes reutilizables

Para guiar el rediseño, el equipo de Trenord, con el apoyo de Mia-Platform, recogió la opinión de los viajeros mediante entrevistas específicas y encuestas con más de 2.000 respuestas. Las peticiones de los usuarios se agruparon en cuatro necesidades:

  1. Acceder a los billetes ya comprados
  2. Comprar y usar el bono
  3. Renovar el abono mensual o anual
  4. Pagar con métodos distintos de la tarjeta de crédito

Por eso el rediseño de la app de Trenord se guió por la escucha de los usuarios, convirtiendo sus necesidades en funcionalidades concretas:

  1. Rediseño del panel de compra de billetes
  2. Integración de los bonos
  3. Renovación de abonos
  4. Nuevos métodos de pago y un flujo de checkout replanteado

A partir de estas funcionalidades definimos las actividades necesarias para alcanzar el objetivo fijado por Trenord.

“El rediseño de la app se guió por la escucha de los usuarios”

Proceso y actividades

Fase 01

Estrategia

  • Descubrimiento
    Descubrimiento

    Entrevistas cualitativas (con el PO)

    Social listening (con el PO)

    Talleres de co-diseño

  • Análisis
    Análisis

    Artículos académicos (con el PO)

    Definición de tareas por persona

    Análisis de Google Analytics (con el marketer)

Fase 02

Diseño

  • Definición
    Definición

    User personas

    Customer journey (con el PO)

    Mapa de oportunidades

  • Dibujo
    Dibujo

    Content strategy (con el copywriter)

    Wireframing

    Creación de componentes atómicos

Fase 03

Feedback

  • Prototipado
    Prototipado

    Prototipo móvil

    Entrevistas de campo

    Guerrilla testing (con el PO)

  • Testing
    Testing

    Blueprint para la beta privada (con el PO)

    Etiquetado y seguimiento de la analítica

    Configuración de tests A/B (con el marketer)

Fase 04

Loop

  • Medición
    Medición

    Análisis de los datos de analítica (con el marketer)

  • Iteración
    Iteración

    Nuevos ciclos de mejora basados en datos

Algunas actividades en detalle

  • Entrevistas cualitativas

  • Customer journey

Datos recogidos

  • 10+

    Entrevistas

  • 2

    Prototipos

  • 90+

    Componentes

  • 4

    Talleres

Algunos de los recursos producidos

Abbiamo lavorato creando un Design System che viene ancora utilizzato dopo 4 anni, prima su Sketch e ora su Figma

  • Rediseño de la app de Trenord para iOS y Android

    Rediseño de la app de Trenord para iOS y Android

  • Una nueva experiencia de compra

    Una nueva experiencia de compra

  • El bono digital

    El bono digital

Lo que aprendí en el proyecto

Este proyecto me permitió hacer tests rápidos con usuarios, implicando a los viajeros en su propio entorno, las estaciones.

Observar el contexto real en el que se mueven los usuarios nos ayudó a entender cómo usaban la app anterior y otras alternativas para comprar un billete rápidamente o renovar el abono mensual.

Aprendí lo importante que es un equipo de desarrollo interno con perfiles verticales de backend y frontend, con dos desarrolladores dedicados, uno de iOS y otro de Android. La cercanía entre el equipo nos permitió reducir largas reuniones de feedback sobre la viabilidad técnica.

Gracias a un PO dedicado pudimos traducir las necesidades de negocio de Trenord en KPI concretos, medibles y fáciles de compartir con el cliente.

Cifras del proyecto

  • 50k

    Viajeros

  • 800k

    Descargas

Valor para los usuarios de Trenord

Para quien viaja cada día creamos un proceso de compra rápido e hicimos posibles servicios pensados para sus necesidades.

Con un proceso de escucha continua diseñamos y desarrollamos estas funcionalidades:

  1. Consulta de horarios de los trenes de Lombardía
  2. Detalle de las paradas
  3. Compra del billete estándar, reducido y de los suplementos para bicicletas y animales

También mejoramos las microexperiencias de estos flujos:

  1. Consulta y renovación del abono con un clic en la app
  2. Una sección dedicada a las promociones en curso
  3. Notificaciones push sobre trenes y estaciones favoritos
  4. Notificaciones push para avisos importantes, como huelgas y cambios en el servicio

Además, el equipo de desarrollo de Mia-Platform creó un CMS a medida para Trenord que gestiona los contenidos de todos los dispositivos desde una única interfaz. Hoy Trenord puede hacer marketing personalizado y enviar avisos en tiempo real según el comportamiento y el perfil de los viajeros.

Cifras del proyecto

  • 50k

    Viajeros

  • 800k

    Descargas

¿Quieres colaborar conmigo?

Lee mi experiencia en el CV aquí abajo.

Antes de descargarlo te haré algunas preguntas en un breve cuestionario.

Alcuni progetti