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.

Grupo Doorcats

El reto
Ordenar la estructura difusa de nombres (Grupo Doorcats, Los Gatos y Doorcats) para comunicar con precisión su amplia oferta y conectar con cada público.
La solución
Nueva arquitectura híbrida con una marca madre y dos de servicio (Los Gatos y Doorcats), identidad basada en "raíces" y una landing page corporativa.
Ver caso

Grupo Doorcats

El reto
Construir una marca que refleje su experiencia, amplio catálogo y cercanía familiar en carpintería y ferretería para profesionales y particulares.
La solución
Evolución de su histórico emblema del gato, rediseño cromático (verde y naranja) y una web con UX clara que traslada el asesoramiento al plano digital.
Ver caso

Grupo Doorcats

El reto
Crear una marca independiente desde cero para mostrar el valor de su carpintería de alta gama y cocreación ante arquitectos e interioristas.
La solución
Identidad elegante con un logo tipográfico, un emblema abstracto (D+G), paleta neutra y una web tipo porfolio con enfoque editorial e inspirador.
Ver caso

Plenit

El reto
Impulsar Jotelulu con una marca internacional que expresara su salto de proveedor cloud a plataforma operativa para el canal IT.
La solución
Crear Plenit: una marca estratégica, verbal, visual, animada y digital para expresar su nueva escala ante el canal IT.
Ver caso

SCImago

El reto
Proyectar el valor real de SIR como herramienta de diagnóstico basada en evidencia y comunicar la apertura pública de sus 20 indicadores.
La solución
Evolución de la narrativa y la identidad visual del panteón, junto a una web optimizada para filtrar y consultar un alto volumen de datos.
Ver caso
Ver todos
Hacemos que las empresas parezcan tan buenas como son
¿Hablamos?