Broxel

Creación de landings pensando primero en el contenido.

*Por las cláusulas de privacidad firmadas con Broxel solo puedo mostrar el producto final.

Introducción:

En el tiempo que llevo en Broxel he trabajado en varios proyectos, pero este es uno de los que más he disfrutado, ya que coordiné la creación, pruebas con usuarios y las iteraciones.

Espero que disfruten leyendo el proceso como yo al crearlo.

El Equipo:

Lead UX Writer: Ilse Romero.

UI: Rodolfo Corichi.

Researcher: Diego Murgía.

Mi papel:

UX Writer

Problema:

Este año Broxel estrenará una nueva versión de su aplicación, por lo que se requieren nuevas landings para los productos ya existentes y los nuevos.

Se nos encomendó hacerlas para los siguientes productos:

  • App Broxel
  • Tarjetas Broxel
  • LOOP (terminal punto de venta)
  • Broxel Collect
  • Bóveda virtual
  • Plan Familiar

  • Acciones:

    Para hacer estas landings decidimos hacer primero el contenido, después incorporar la parte visual, hacer pruebas con usuarios e iterar.

    Mi contribución:

    En este proyecto me hice cargo de la coordinación del trabajo entre las diferentes áreas, la creación de contenido y pruebas con usuarios.

    Proceso

    El proceso de diseño que seguimos para hacer estas páginas fue el siguiente:

  • 7 steps
  • Prototipo de baja calidad
  • Prototipo de alta calidad
  • Pruebas con usuarios
  • Iteración
  • 7 steps

    Este es un documento que mi lead ideó como una forma de simplificar el lanzamiento del proyecto al equipo de UX, en especial para los encargados del contenido, una idea que surgió por las grandes cargas de trabajo que se tienen en Broxel.

    En este documento se les pide a los dueños de los proyectos nos cuenten cómo surguió el proyecto, los principales diferenciadores, la competencia y qué es lo que necesitan de nosotros. Con este documento podemos ver el entendimiento del producto de otras áreas y si nos percatamos que hay deficiencias se trabaja con ellos para mejorar el documento.

    v

    Prototipo de baja calidad

    Ya con la información de los Seven Steps completa hice los primeros prototipos de baja calidad en papel, en esta fase trabajé muy de cerca con mi lead para hacer el contenido.

    Después de las iteraciones en papel, pasé la última versión a Miro para platicar con el equipo de UI, para que hicieran su magia.

    Prototipo de alta calidad

    Cuando mi compañero Rodolfo me entregó decidimos hacer una pequeña prueba con el equipo y mostrarles las landings para ver si ellos detectaban, tanto en el contenido como en lo visual, cosas que se pudieran corregir

    Hicimos los cambios y nos dimos a la tarea de probar estas landings con usuarios.

    Pruebas con usuarios

    En esta fase me reuní con Diego, del equipo de Research, para hacer las pruebas enfocadas en el contenido de las landings y decidimos que lo mejor era hacer las siguientes pruebas con nuestros usuarios:

  • Subrayado: para medir si lo que estábamos comunicando era entendible para nuestros usuarios.
  • Cuéntale a un amigo. Con esta prueba medimos si el storytelling de la landing es memorable.
  • Prueba de 5 segundos. Esta estuvo enfocada más en UI, en ella vimos qué era lo que le llamaba más la atención a la gente que vio las páginas.

  • Cabe señalar que para estas pruebas hicimos un rainbow sheet para obtener información cuantitativa de los comentarios que nos hicieron las personas que entrevistamos.

    Resultado

    Pueden ver el resultado de este proyecto aquí.