Unusuals

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.

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.

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.

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.

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.

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.