HUB SOCIAL (REDISEÑO)

Jerry
Jerry
Published in
4 min readMay 2, 2019

Este proyecto se trabajo en conjunto con una agencia de comunicación y eventos, el objetivo fue generar una plataforma social en la que los usuarios podían ver el top de conversaciones que estaba generando el evento, podían participar en Sondeos en vivo y participar en concursos que les hacían ganar distintos premios.

Este Hub fue presentado en vivo en el evento de México Siglo XXI, organizado por la Fundación Telmex Telcel, y genero la interacción de miles de personas dentro del evento.

Aquí un fragmento de la dinámica, en la que se muestra también parte del diseño de la herramienta:

Video propiedad de Uno TV.

Screens principales de la primera versión.

Feed

Sección en donde se muestran las principales conversaciones del evento, en esta sección contamos con 3 columnas ya que esta pensada que sirvan para diferentes propósitos: el Feed 1 puede servir para la conversación del público en general, el Feed 2 puede servir para conversaciones de personas importantes y el Feed 3 puede servir para conversación o updates de la cuenta del evento. Al final las columnas de conversación se pueden adaptar a las necesidades del cliente.

Debido a limitaciones de permisos, esta pantalla solo es de contenido simulado.

Galería

En esta sección se muestra contenido que genera la propia audiencia o los dueños respecto al evento, es una muestra más visual de los momentos más relevantes del día.

Debido a limitaciones de permisos, esta pantalla solo es de contenido simulado.

Sondeo

Esta sección tiene como función la de conocer la opinión general de la audiencia respecto a uno o varios temas, y esto se logra a través de una serie de preguntas que el usuario puede responder desde su cuenta de Twitter y se muestra de forma automática en el Hub. Esta dinámica ha representado gran valor para el cliente.

Debido a limitaciones de permisos, esta pantalla solo es de contenido simulado.

Concurso

Esta es la sección que más impacto y valor tiene de todas, tiene el objetivo de generar una interacción masiva de los usuarios, y poder generar una conexión con la marca o el evento. En esta sección el usuario con un tuit puede ganar distintos premios que regalen en el evento.

Debido a limitaciones de permisos, esta pantalla solo es de contenido simulado.

Rediseño del Hub

Debido al éxito que tuvo el Hub en el evento, detectamos áreas de oportunidad que nos sirvieron para mejorar la experiencia de usuario y la interfaz de la herramienta. Es por esto mismo que nos enfocamos en el rediseño total del Hub, esta nueva versión el Hub cuenta con la misma lógica de interacción en las secciones ya presentadas, pero ahora con una nueva interfaz que mejora la experiencia de usuario.

Feed

En general, la navegación fue puesta en una barra lateral que se colapsa a través de un menú hamburguesa, dejando un espacio más limpio para el logotipo y el título de la sección. Así mismo las columnas de conversaciones ahora cuentan con un fondo de color en su título para que el usuario identifique de forma más rápida el tipo de conversación que se esta generando.

Galería

La galería ahora cuenta con un layout más dinámico logrando que esta sección ya no se vea plana y se vea con mucho más movimiento. De esta forma el usuario puede apreciar de mejor forma las imágenes.

Sondeo

Ahora el Sondeo es más impactante, la pregunta hacia los usuarios cuenta con una apoyo de imagen de fondo, el total de participaciones es más visible, y el botón de votación se detecta con más facilidad. (en comparación con el diseño anterior, en el cual se perdía debajo del porcentaje).

Concurso

Esta fue la sección que más cambios tuvo, esta sección ahora fue dividida en tres secciones, una columna en la parte izquierda en donde se pueden visualizar todos los premios existentes del evento, una columna central en donde el usuario tiene la posibilidad de participar en el concurso y visualizar los usuarios que han ganado los concursos anteriores y una columna del lado derecho en donde se muestra toda la conversación relacionada al concurso.

De esta forma se aprovecho de mucho mejor forma el espacio para esta sección tan importante, además de lograr una mejor experiencia de interacción, se logró una visualización de mucho impacto.

Experiencia mobile mejorada

El círculo se tenía que cerrar con una experiencia responsiva, el usuario tiene la posibilidad de tuitear, de ver imágenes del evento, de participar en los sondeos y de concursar, todo a través de su celular.

Este fue un proyecto de gran reto, pero el resultado fue el crear un producto único en el mercado y que aporta gran valor para las empresas.

--

--