CC NEWS

UI / Arquitectura de Información

Mobile First

Contexto

CC News es un producto con carácter informativo perteneciente a la marca de Cultura Colectiva. Va dirigida a usuarios jóvenes de México, de entre 18 y 30 años con interés de mantenerse informado.

Problema

Este producto se publicó a principios de 2018, como prueba de uso y así se se ha mantenido. Sin embargo a finales de ese mismo año se solicito un rediseño mas óptimo y estético que buscaba dar identidad al producto, sin alejarse de su marca sombrilla. Dentro de este rediseño se buscaba no solo la mejora de la parte estética y de optimización funcional, sino también cumplir con los siguiente objetivos:

  • Mayor tiempo de consumo de contenido
  • Profundidad de navegación
  • Captación de visitas
  • Engagement y Mayor número de sesiones

Estrategia

Se realizó un análisis por medio de Google Analitycs y CrazyEgg de los objetivos antes mencionado, con lo que se plantearon las siguiente estrategias a implementar en el nuevo diseño:

  • Consumo de video
  • Exposición de contenido especial
  • Cross Content
  • Curaduría de contenidos
  • Identidad de canales destacada
  • Arquitectura de la información
  • Posicionamiento de Autor
  • Estrategia de Share


Otra estrategia prioritaria para el rediseño fue partir de la filosofía del Mobile First, pues se tiene comprobado que el consumo del sitio en dispositivos móviles es del 90%.

Mobile First

Implementación

El rediseño se trabajó en Adobe XD y se presentó para implementación, con una planeación de mejora continua para no comprometer tiempos de entrega. Sin embargo por cuestión de prioridad de marca se aplazó su implementación. Aquí la presentación de dicho rediseño con sus objetivos y estrategias.

Cultura Colectiva

UX Reserch

Contexto

Cultura Colectiva es un sitio dedicado al Brand Content, que se divide en 11 canales de interés para personas jóvenes de entre 18 y 30 años, con temas como cine, música viajes, etc.

Problema

A principio de 2019 se realizó una actualización del CMS, lo cual implico un baja considerable del consumo de los contenidos. Al ser entregado un mínimo viable del desarrollo el reto siguiente fue implementar funcionalidades para mejorar:

  • Performance del sitio
  • Tiempo de estadía
  • Páginas de sesión
  • % de rebote.
  • Implementación

    Performance del sitio: La medición previa del performance se realizó con Ligthhouse, herramienta de Google para medir el desempeño del sitio. Una de la primeras implementación y la mas relevante que se realizó fue el Lazyload, la carga de componentes en función al descenso del scroll.
    Resultado: Esta mejora bajo el tiempo de carga del sitio casi en 50 seg, lo cual además de ponerlo dentro de los estándares de la industria, ayudo a la mejora de las métricas posteriores.

    Tiempo de Estadía: El análisis de esta métrica se realiza por medio de Google Analytics. Una de las medidas que se tomaron para mejor la estadía en el sitio fue la implementación de un widget de video al inició de cada artículo que estuviera relacionado al tema por medio tags, decisión que se tomo gracias a los resultados de las mediciones de CrazyEgg, las cuales nos decían que era una de las posiciones donde el usuarios permanecía más tiempo.
    Resultado: Se duplico el % medio de reproducción, sin embargo por medio de CrazyEgg y Optimize, se descubrió que era necesario reconfigurar las tags tanto de los videos en Youtube como en los artículos pera despertar más interés en el usuario y mejorar aun más la métrica, esta tarea que quedó pendiente.

    Mobile First

    Incremento del tiempo de estadía, por el widget de video.

    Páginas por sesión: Con Google Analytics se dio seguimiento a esta métrica, y con CrazyEgg se revisó el comportamiento de los usuarios en cuanto a la actividad de navegación horizontal. Para esta métrica se realizó la implementación de un Scroll Infinito de artículos y la mejora de link sugeridos dentro del artículo. Al liberarse el desarrollo del Scroll Infinito no se tuvo el resultado esperado y tras análisis con CrazyEgg y pruebas con Optimize se descubrió que los componentes extras entre artículos no permitía que el usuario llegara al siguiente artículo, por lo que opto por dejar los componentes mínimos. Para los links sugeridos se propuso mejorar la visibilidad de los links contextuales poniéndoles undeline y a los link entre párrafo se sugirió agregarles thumbnail, a manera de generar un widget de recomendación.
    Resultado: Con el Scroll Infinito se aumento la navegación horizontal en un 5%, si embargo se propusieron mejoras en la lógica de la presentación de los artículo posteriores para despertar mas el interese en el usuario, esto implementación no se ha medido.
    El widget de recomendación y los links contextuales no se han implementado.

    Mobile First

    Componente de sugerencia, Scroll Infinito.

    % de rebote: Como medida extra para la reducción del rebote se sugirió la implementación del un Pop up de suscripción a newsletter, por 2 razones, primero para aumentar la lista de usuarios que les interesa el sitio (engagement) y segunda por el call to action que genera el Pop up. La implementación prueba se realizó en el canal de Estilo de Vida, por ser el más visitado.
    Resultado: Analylics mostro una mejora de % de rebote en Estilo de Vida de un 7% en un periodo aprox. de 2 semanas, y aunque la lista de suscriptores no aumento considerablemente, el Pop up se volvió el canal por el el que hubo más suscriptores en el transcurso de esa 2 semanas.

    Mobile First

    Pop up de suscripción a Newsletter.

Libros de Texto

PM / UI / Aquitectura de Información

Contexto

Correo del Maestro es parte de Grupo Edilar, cuyo target es profesores de educación básica (primaria y secundaria), del sector público. Como cada año, se busca que los libros de texto para secundaria de este sello se vuelvan del gusto de los profesores, ya que se les facilitaran gratuitamente a sus alumnos y les servirian de guía para el siguiente ciclo escolar. Es a partir de esta necesidad que surge este sitio.

Problema

A diferencia de otros años, en el ciclo 2018-2019 se puso en práctica el Nuevo Modelo Educativo, reforma educativa que implicó reeditar los libros de texto ya publicados por el sello, y requicito indispensable para ser parte de la carrera de editoriales y cubrir el mayor % posible de consumo de los libros. No esta de más comentar que la SEP es la encargada de cubrir el costo de los libros seleccionados, lo que la hace sponsor del proyecto y juez en la evualuación y autorización de los libros. Por lo que la demanda, recomendación y satisfacción de los profesores es escencial para la aceptación de los materiales. Sin embargo existe un problema escencial a resolver: los profesores estan renuentes a poner en práctica en Nuevo Modelo Educativo.

Mobile First

Estrategia

Con la definición de este problema se plateó, a partir de una visión de CX, la estrategía general a un nivel de relacion con el cliente, desarrollar una oferta con la unión de los diferentes productos del grupo, donde además de explicar a los profesores de manera simple los puntos importantes de Nuevo Modelo Educativo y como los materiales de la empresa le facilitarían poner en práctica la reforma educativa, se le facilitaron servicios y materiales para cubrir las siguientes estrategias:

  • Ofrecer acceso a los libros de modo digital para consumo de los profesores.
  • Desarrollar materiales explicativos del Nuevo Modelo Educativo.
  • Ofrecer acceso a contenidos extras de apoyo.
  • Ofrecer capacitación sobre el el material y el NME.
  • Ofrecer cursos complementarios, de formación pedagógica.
  • Ofrecer atención a cliente por canales como redes sociales.

Mobile First

Implementación

En la colaboración con el área editorial, ventas y desarrollo, se realizó la pleneación del proyecto para que al ser autorizados los libros de texto por parte de la SEP ya estuvieran listos los materiales de MKT, consulta y apoyo, además del sitio donde se concentraría el acceso a estos. Analisis de usuario inicial¿Para quie diseñamos?

!--/Libros de texto Sec-->