23degrees.io — Diseño de producto para contar mejor las historias

Cuaderno de ruta · 2023

23degrees: una plataforma de storytelling con datos, rediseñada desde cero

Rediseñé con su equipo la mayor parte de 23degrees, una plataforma de visualización de datos y storytelling: un nuevo sistema visual y UX/UI para toda la línea de producto. El trabajo dejó más de 120 pantallas y más de 300 componentes en Figma, y unió servicios que antes funcionaban por separado.

Cliente:
23Degrees.io
Resumen:
Diseño de producto para contar mejor
Resultados:
Interfaces útiles
Campos:
Diseño de producto
Año:
2023
Rol:
Diseñador de producto
Herramientas:
Figma, Adobe Creative Suite, Blender
Web:
23degrees.io ↗

En cifras

  • 120+pantallas diseñadas
  • 300+componentes en Figma

El reto

Conscientes del potencial sin explotar de su plataforma, el equipo de 23degrees pidió ayuda para repensar su diseño desde cero. Juntos nos propusimos crear una experiencia fácil de usar y atractiva, dando prioridad a la usabilidad y renovando su imagen. A base de muchas conversaciones superamos obstáculos y avanzamos mucho hacia una plataforma que engancha.

23degrees.io — imagen del proyecto 1
23degrees.io — imagen del proyecto 2

El objetivo

  • Hacer coherente el recorrido del usuario de principio a fin.
  • Mejorar el estilo y los gráficos para una experiencia visual atractiva.
  • Presentar la información de forma que capte la atención.
  • Simplificar la navegación para tener una visión más amplia y una interacción fluida.
  • Rediseñar toda la plataforma con una imagen cohesionada y renovada.
23degrees.io — imagen del proyecto 3

La solución

  • Un nuevo sistema visual y una nueva forma de presentar los productos, más atractiva.
  • Un nuevo diseño UX/UI que da más contexto y genera confianza gracias a alianzas con marcas reconocidas.
  • La esencia de 23degrees preservada mientras se proyecta la marca hacia el futuro, entre lo conocido y lo nuevo.

El resultado convirtió 23degrees en una experiencia acogedora y dinámica: más coherente, más atractiva y más fácil de navegar, al servicio del crecimiento de la plataforma.

23degrees.io — imagen del proyecto 6

Resultados

  • Rediseño de la mayor parte de la plataforma y de la línea de producto.
  • Más de 120 pantallas.
  • Más de 300 componentes en Figma.
  • Servicios antes separados, unidos en un único flujo.
  • Más implicación de los usuarios en los tests.
23degrees.io — imagen del proyecto 7
23degrees.io — imagen del proyecto 8

Sigue leyendo

Sobre este proyecto

¿Qué hizo Lander Zaro en 23degrees.io?

Rediseñé con su equipo la mayor parte de 23degrees, una plataforma de visualización de datos y storytelling: un nuevo sistema visual y UX/UI para toda la línea de producto. El trabajo dejó más de 120 pantallas y más de 300 componentes en Figma, y unió servicios que antes funcionaban por separado.

¿Cuál era el reto?

Conscientes del potencial sin explotar de su plataforma, el equipo de 23degrees pidió ayuda para repensar su diseño desde cero. Juntos nos propusimos crear una experiencia fácil de usar y atractiva, dando prioridad a la usabilidad y renovando su imagen. A base de muchas conversaciones superamos obstáculos y avanzamos mucho hacia una plataforma que engancha.

¿Qué resultados tuvo?

- Rediseño de la mayor parte de la plataforma y de la línea de producto. - Más de 120 pantallas. - Más de 300 componentes en Figma. - Servicios antes separados, unidos en un único flujo. - Más implicación de los usuarios en los tests.