Onum

El espacio digital de Onum: un organismo vivo

Nos habíamos sumergido en la compleja realidad de los datos para entender cómo Onum iba a cambiar el paradigma. Habíamos descubierto y sacado a flote las fortalezas del equipo y el proyecto convirtiéndolas en elementos estratégicos para alcanzar sus objetivos. Habíamos dado con el nombre y la identidad visual que nos permitiría darle forma.

Estábamos preparados para el siguiente reto: diseñar y desarrollar el espacio digital que serviría como carta de presentación y principal punto digital de contacto para los diferentes stakeholders del ecosistema.

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360201/solubleweb/Onum_case/onum-producto-digital-block-5ddb3a6ff0cd4d329a36bd11df992eab" type="video/mp4"></video>

***fila***

***columna***

***columna***

***fila***

CRECIMIENTO EXPONENCIAL DEL CONTENIDO

El primer paso para darle forma al producto desde diseño fue incorporar todos los inputs de lo que se había trabajado anteriormente en estrategia e identidad. El reto continuaba siendo convertir el denso contenido en una información facilitadora y accesible, pero al que se sumaba una nueva complejidad: la web debía nacer preparada para un crecimiento exponencial y escalable.

Una vez que habían entendido los objetivos y las necesidades, el equipo comenzó con el diseño de las principales páginas que requirieron una primera ampliación de los recursos ya generados durante la identidad visual como en botones u otros elementos propios de la página, siendo especialmente relevantes aquellos que mostraban el propio producto y su funcionamiento.

Estas decisiones se tomaron siempre desde la perspectiva de construir un sistema de componentes versátiles y capacitadores para el equipo de Onum, que les otorgase autonomía hoy, pero también flexibilidad y herramientas para el nuevo contenido que iba a surgir.

MODO OSCURO, MODO CLARO

Aquí apareció una de las particularidades de onum.com: los dos temas que facilitan, una vez más, la comprensión de los mensajes. Se usaría el modo claro para hablar de la empresa y el equipo y el modo oscuro para el producto en sí.

Gracias a trabajar desde el primer momento con la base de Soluto,nuestro Design System, el traspaso con tecnología fue mucho más sencillo. El equipo hereda un diseño pensado desde un inicio en ser consistente con el desarrollo y aplican la misma filosofía: una construcción escalable.

***fila***

***columna***

***columna***

***fila***

DESARROLLO SUPER ESCALABLE DESDE JAMSTACK

Con el enfoque JAMstack como mantra, la unión de DatoCMS y NextJS hacían factible el reto de crear una solución que diese respuesta efectiva al hoy y tuviese en cuenta como variables requisitos todavía no identificados o que ni siquiera existen.

Todo el sistema de componentes elaborado para dar respuesta a los diferentes contenidos se tradujo a código y se integró con el CMS.

Con el sistema implementado, crear una nueva página con una estructura completamente customizable está al alcance del equipo de Onum sin necesidad de conocimientos técnicos con solo 4 clics. Solo tienen que crear página, elegir el tema e ir añadiendo componentes. Cada componente se adaptará al tema automáticamente.

UN LOGO QUE RESPONDE

Cuando ya teníamos muy avanzado el proyecto, sentimos que la marca todavía nos pedía algo más. Si Onum iba a cambiar el paradigma y ser capaz de crear sentido y significado entre todo el ruido de los datos, ¿cómo podíamos llevarlo a la web? ¿era una solución estática suficiente?

Aquí nació la idea de una construcción del logo que reaccionase ante las interacciones de los usuarios, convirtiendo las partículas que lo componen en significados concretos. Esto supuso la colaboración entre los equipos de visual —que precisaron de una revisión al milímetro del movimiento y forma de cada píxel—, de producto —aplicándolo de forma sensata y eficaz en la usabilidad de la web— y de tecnología —para resolverlo sin perder elegancia ni capacidad de respuesta de la plataforma—.

Uniendo sus capacidades, la versión interactiva del logo es una realidad capaz de crear, entre millones de partículas, un significado global que responde a las necesidades particulares y únicas de cada usuario.

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360201/solubleweb/Onum_case/onum-producto-digital-block-e0e98214b7b3459b80aacedeaab25c1e" type="video/mp4"></video>

ANÁLISIS, SEO, PERFORMANCE E ITERACIÓN ÁGIL

La creación y construcción de la web supuso crear las herramientas y dashboards claves para poder hacer un seguimiento real time de su funcionamiento y la respuesta de los usuarios, así como el acompañamiento en la estrategia e implementación de SEO para conseguir sus objetivos de posicionamiento.

Como hablamos de una marca y una web viva, las iteraciones ágiles han sido una parte fundamental del proceso. Un proceso que aun no ha terminado y que sabemos que nos llevará a continuar haciendo crecer la marca Onum y su espacio digital.

***fila***

***columna***

***columna***

***fila***

Validación de nuestro enfoque.

Ucademy

Ver caso

Ucademy

Ver caso

Ucademy

Ver caso

Ucademy

El reto
Especializar una EdTech de alto crecimiento sin fragmentar su esencia ni renunciar a una ambición global.
La solución
Un "mapa salvaje": arquitectura de endoso y sistema visual que dota de autonomía a cada vertical bajo un ecosistema común.
Ver caso

Punto

El reto
Posicionar una solución compleja de IA en un mercado tradicional, logrando una propuesta comprensible que genere confianza inmediata.
La solución
Un sistema visual y verbal basado en el orden y la claridad que trabaja para eliminar fricciones y el lastre operativo.
Ver caso
Ver todos
Hacemos que las empresas parezcan tan buenas como son
¿Hablamos?