Unusuals

Reinvención de marca y web
Reinvención de marca y web — featured

En 2020, Sigma Rail estaba en un momento de muchas preguntas para diseñar su futuro. Participaban en varios programas de aceleración e innovación abierta para que su software de automatización para el mantenimiento de infraestructuras ferroviarias brillase, y así nos conocimos. Gracias a participar en estos programas como mentores pudimos profundizar y detectar que había mucho más. Que su marca no reflejaba su realidad.

Como siempre, buscamos su valor principal, eso que les apasionaba y diferenciaba, para construir desde ahí. Siempre les ha movido contribuir a la optimización del rendimiento de grandes infraestructuras aplicando inteligencia artificial y una implicación y cercanía poco habituales entre los expertos del sector.

DETECT THE UNUSUAL TO BECOME EXCEPTIONAL

Un equipo que trabaja para detectar anomalías y situaciones inusuales que es, en sí mismo, inusual: que se integra en la circunstancia, es cercano, transparente, pedagógico y tiene siempre en mente facilitar el cambio. Esta idea de toparse con algo poco habitual es sobre la que se construye la propia idea de marca y que determina su nuevo nombre: Unusuals. De esta manera, además, les ayudamos desligarse de un sector concreto -el ferroviario- y llevar así su valor y su misión a otras verticales. Estrategia de marca al servicio del negocio y del propósito.

De la realidad a la identidad

Desde que vimos por primera vez su producto tuvimos claro que su identidad visual tenía que nacer de ahí. Las propias imágenes que procesa el software fueron el punto de partida perfecto, fiel reflejo del ‘qué’ y del ‘cómo’ de Unusuals. Ese mundo de degradados y movimiento nos lleva directamente al escaneo, al análisis y a la inteligencia artificial. Es un recurso habitual que funciona muy bien: tomamos los elementos esenciales del día a día de la compañía, los descontextualizamos parcialmente y elaboramos un sistema visual propio que evoca todos los significados alrededor de la marca.

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360774/solubleweb/Unusuals_case/unusuals-block-d005e9f6df6f4cf6b7efe33b0bd84c8c" type="video/mp4"></video>

Un logo en continuo escaneo

Las ocho letras de Unusuals dan lugar a ocho formas que nacen de la distorsión de cada tipo de la wordmark, al simular ser escaneados por el software de inteligencia visual. Estas formas nos sirven para generar un logotipo dinámico listo para ser bandera de todo el sistema visual propio de la marca.

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360773/solubleweb/Unusuals_case/unusuals-block-19a4dbc03411463090d42f2d0ab5c94e" type="video/mp4"></video>
<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360773/solubleweb/Unusuals_case/unusuals-block-f6003252962741079db7de357f883675" type="video/mp4"></video>

Un logotipo dinámico con ocho fases o estaciones que nos sirven, a su vez, para representar la marca de forma estática cuando sea necesario.

***fila***

***columna***

***columna***

***fila***

Sistema visual

Cada elemento del sistema visual vuelve una y otra vez al imaginario de la inteligencia artificial, el rigor y el carácter humano del equipo.

Una vez más ponemos el foco en la sostenibilidad del universo visual de la marca para que nuestro trabajo perdure de forma consistente. Esto pasa por capacitar al equipo con soluciones sencillas que les permitan crear nuevos materiales propios. El sistema ayuda a crear estas imágenes propias combinando un par de decisiones de tratamiento fotográfico y siguiendo un par de pautas de composición.

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360774/solubleweb/Unusuals_case/unusuals-block-e7ec29def1b243c38adaff0b7b36886e" type="video/mp4"></video>
<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360774/solubleweb/Unusuals_case/unusuals-block-218e6d5b91a0499cbd72d360b6cfdb95" type="video/mp4"></video>

Unusuals cuenta con una narrativa visual de la que ya se han apropiado. La sienten como suya desde el minuto uno y eso es lo mejor que puede pasarnos al trabajar con una marca y un equipo.

***fila***

***columna***

***columna***

***fila***

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360774/solubleweb/Unusuals_case/unusuals-block-fabfa578ffde430caaba016c68296562" type="video/mp4"></video>

NUEVA WEB PARA UNUSUALS

Alineados con los fundadores, con el equipo de marketing y con negocio, buscábamos una web informativa de consideración y validación, más que una herramienta de ventas o conversión directa. Ayudamos al equipo a identificar y ordenar todo lo que querían contar para hacerlo de manera clara y efectiva. Diseñamos la navegación, la estructura y la expresión de la identidad visual en el entorno digital, aplicable también a su producto. Con esto, nos encargamos del desarrollo front-end para darles una web ya lista y activa, y permitirles no perder el foco del día a día (sin duda una de las principales ventajas de contar con equipo de tecnología propio).

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360774/solubleweb/Unusuals_case/unusuals-block-0ae533f8aa6542d2afb63867b4324f47" type="video/mp4"></video>

Construimos la web de Unusuals combinando una serie de herramientas, frameworks y enfoques:

  • Seguimos los principios de JAMStack para asegurar que la experiencia de desarrollo es la mejor posible, que la web tiene un rendimiento óptimo y que es escalable.
  • Utilizamos el framework de Gatsby, framework open source que nos permite trabajar con diferentes fuentes de datos, optimización de los assets y generar la página de manera estática.
  • Y trabajamos con DatoCMS porque nos permite tener un gestor de contenidos muy cómodo e integrar todas las piezas de la web.
  • Soluto Design System, siempre. Uno de nuestros proyectos propios para seguir multiplicando las posibilidades y oportunidades del desarrollo.

El día a día con la web

El CMS está pensado para ser simple e intuitivo, con una librería de componentes que ayuda al equipo a configurar sus páginas, el orden de las secciones, y el SEO de manera autónoma, sencilla y rápida. Les preparamos un entorno de staging para ver los cambios antes de publicar, y su reacción cuando les contamos cómo funcionaba el CMS no pudo ser mejor. Integramos Arengu para gestionar los formularios de contacto a través de la web y montamos un sistema de texto estructurado para que escribir en el blog sea cómodo y mantenga todos los estilos marcados en trabajo de marca. Todo desarrollado e integrado pensando en el uso real y constante de la web.

La marca está en todo, también en el front-end

Desde el equipo de tecnología, trasladamos el concepto de escaneado a la web mediante las animaciones de cabeceras y secciones destacadas y con el logo animado. Como no queríamos que esto significase sobrecargar la web y era crucial asegurar una experiencia de usuario fluida, lo que hicimos fue tener dos capas: una con elementos estáticos en formato silueta, y otra con animaciones en vídeo. Y para seguir con este principio de ligereza en los archivos de la web, este vídeo es siempre el mismo pero con un giro en el encuadre. Resultado: logramos escaneados diferentes jugando con los elementos mínimos.

***fila***

***columna***

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360775/solubleweb/Unusuals_case/unusuals-block-cf7462e5b4da427a8785aeb08585db49" type="video/mp4"></video>

***columna***

<video class="video-full" autoplay preload loop muted playsinline><source src="https://media.solublestudio.com/daedai8zs/video/upload/f_auto,q_auto/v1779360775/solubleweb/Unusuals_case/unusuals-block-4100b2d7e90840109ad266ca2737d97c" type="video/mp4"></video>

***fila***

RESULTADOS

Lo primero que vimos incluso antes del lanzamiento de la marca fue una muy buena acogida por parte del equipo que se tradujo de forma inmediata en un incremento del sentimiento de pertenencia. Queríamos crear una marca para las personas de Unusuals, y parece que lo logramos.

A partir de aquí, muchas ganas de ver cómo esta nueva etapa de energías renovadas y un enfoque de negocio más abierto (expandiéndose a nuevos sectores) se benefician tanto de esta nueva marca como de su nueva web. Y a seguir adelante. Detecting the unusual to become exceptional.

Validación de nuestro enfoque.

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

Ucademy

El reto
Acompañar al opositor en un proceso largo, exigente y solitario, aportando foco y estructura ante un camino confuso y emocionalmente desgastante.
La solución
La marca Polaris: un norte fijo con identidad sobria, paleta naranja y un lenguaje de claridad que elimina el ruido para guiar el avance firme.
Ver caso

Ucademy

El reto
Especializar la oferta de FP para conectar con alumnos que buscan salir de un bloqueo y entrar al mercado laboral, alejándose de la lógica académica.
La solución
La marca Explora: una identidad física y activa con una tríada de verdes y un lenguaje pegado a la acción que acerca la formación al trabajo real.
Ver caso

Ucademy

El reto
Especializar la vertical de acceso a la universidad para conectar con un alumno joven, presionado y desorientado por un sistema complejo.
La solución
La marca Atlas: un mapa de orientación con lenguaje cercano e identidad viva que aligera el proceso para ayudar al alumno a hackear el camino.
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
Ver todos
Hacemos que las empresas parezcan tan buenas como son
¿Hablamos?