La nueva web de Cobee

7.48 am – Mensaje por Slack: “A las 9 am, lanzamos”.

Poco más de una hora para revisar por “última vez” vez todos los botones, textos, h1, h2, meta descriptions, redirecciones, call to actions y demás detalles suculentos de la nueva web de Cobee. Setenta y dos minutos antes de hacer clic en un “Publish” que impone casi tanto respeto como la mano del mono de Mailchimp antes de disparar una campaña a tu mimada base de clientes.

9.03 am – Los minutos han pasado, nada falla y llega la hora: lanzamos. Boom. Cobee cambia su imagen. Más color, más dinamismo, más innovación y, por supuesto, más empleados. Porque a vosotros, empleados, solo queremos deciros que seguimos a vuestros pies, convencidos de que la revolución de la compensación y los beneficios debe empezar siempre por vosotros. Y en Cobee lo tenemos claro. Hoy, desde nuestra recién estrenada web.  

Hasta llegar a esas 9.00 am han pasado muchas cosas. Muchos esbozos incompletos, prototipos a medio camino y diseños frustrados… Muchas conversaciones de equipo y puestas en común hasta encontrar los elementos imprescindibles que nuestra nueva web tenía que tener. 

Imprescindible era conectar con el empleado desde la página de inicio y sumergirle en el mundo de los beneficios de forma didáctica y visual. Igualmente importante, mantener un espacio donde RRHH se sintiera como en casa, acercando y simplificando la creación de los planes de compensación desde dentro.

Todo al empleado

Si hace un par de meses os contábamos cómo fue el proceso de creación de nuestra nueva tarjeta Cobee y la necesidad de conectar con el empleado, el reto con el rediseño de la web no iba a quedarse atrás. 

Nuestro crecimiento imparable, tanto en clientes como en equipo, se convertía en una exigencia, en una necesidad apremiante de estar a la altura también desde nuestra web. Por eso este restyling no solo afecta a nuestra forma de comunicar de forma visual, sino también verbal. Los objetivos están cumplidos: mantener el foco en el empleado y responder a las necesidades de RRHH a través de un impacto visual y un lenguaje cercano e informativo. 

Lo que teníamos era bueno, lo que lanzamos hoy es aún mejor. Y lo que queda por venir… 

Bienvenido, morado, ya te queremos para siempre

Uno de los cambios más notables en esta nueva imagen ha sido la introducción de un nuevo color como complemento a nuestro ya archiconocido verde Cobee. Y el camino hasta este bonito tono #554593, como podéis imaginar, no ha sido sencillo. 

El verde Cobee es ya de por sí un color potente y muy particular que no se lleva bien con todo el mundo… Nuestro verde necesita a alguien que lo complemente sin apagar, que lo refuerce sin hacer sombra, que le ría las gracias pero también brille por sí mismo.

Antes de llegar al tono violeta, nos topamos con algún que otro pantone -amarillo, sí, también lo probamos- sin mucho éxito. Hasta que llegamos al color púrpura. Probamos cerca de 50 tonos de morado, del más claro al más oscuro y ninguno nos convencía del todo hasta que llegó él. Con su toque elegante y su excelente reputación en el mundo tech, esta tonalidad hizo match al instante y se erigió como nuestro color secundario. Confiamos en que sea por mucho tiempo.

Y la Poppins descendió de los cielos

Otro de los cambios más notables que hemos implantado, ha sido el cambio de tipografía. De Quicksand a Poppins. Muy conocida en el mundo UX por su amplia familia, su buena legibilidad y su versatilidad. 

Una tipo más neutra y elegante que nos aportaba un pequeño toque de seriedad y nos alejaba un poco de esas connotaciones quizás infantiles que podría transmitir Quicksand. Esta tipografía sans serif geométrica se ha convertido en una más de nuestro brand book, con su gran capacidad para adaptarse al entorno en títulos bicolores, botones, párrafos y todo lo que se le ponga por delante. 

3D, you got me…

Dinamismo e innovación. Los queríamos a toda costa. A esto no hizo falta darle tantas vueltas: la manera más directa de alcanzarlos era explotando al máximo el 3D. Si en nuestra web anterior ya había elementos 3D -con 3 compañeros que nos han acompañado cada día durante más de 2 años y se han convertido en seña de la casa-, lo de ahora es otro nivel.

Porque si mejorar el bienestar del empleado es nuestra razón de ser, los beneficios son nuestra manera de conseguirlo. Y necesitábamos darles todo el protagonismo, conseguir que salieran de la pantalla y no pasaran desapercibidos.

Tuvimos la suerte de que Miguel y su capacidad de hacer realidad sobre el plano todo lo que le pedíamos se cruzara en nuestro camino. Y así, la explosión de color, dinamismo e impacto cobró vida. Elementos y detalles muy pensados para moldear cada uno de nuestros beneficios.  

Y, después, contamos con los superpoderes de bubuku para que cada línea, cada ola, cada grosor y cada letra estuvieran justo donde las queríamos. No hay maniobra en Word Press que se le resista. ¡Muchas gracias, Luis, por tu dedicación y paciencia!

Mimando la User Experience

Cada uno de los 3 elementos citados anteriormente -nuevo color, tipografía e ilustraciones 3D- han ayudado a mejorar nuestra experiencia de usuario, a que sea más sencilla, directa y limpia. 

Como comentábamos al inicio, en todo momento hemos pensado en los dos públicos objetivos a los que nos dirigimos; por una parte, al empleado y, por otra, a los departamentos de Recursos Humanos. Tener en cuenta a ambos targets ha sido clave en la toma de decisiones de cada elemento, tanto para su diseño como para la colocación del mismo. Desde las dimensiones de un botón a las olas que acompañan muchos fondos o el uso de cada color para cada elemento, hemos mimado cada detalle para que la experiencia al navegar por nuestra web, sea lo más amable y suave posible.

En definitiva, la nueva web de Cobee es una mezcla de la ilusión que nos empuja desde el primer día, el empeño en pensar out of the box y las ganas de divertirnos con nuestro trabajo. Como decía David Ogilvy «las mejores ideas surgen como bromas. Haz que tu forma de pensar sea lo más divertida posible». 

Bonus extra