UX/UI · desarrollo · SEO · WPO · mantenimiento · testing.
Caso 05 / 06InfraestructuraBrandingWeb
Rebranding de una empresa de ciberseguridad en torno a lo único que protege: el dato.
La identidad antigua parecía la de las industrias de su entorno —tuberías, acero, cemento. La nueva se construye desde una sola idea: un dato, moviéndose por un canal seguro. Del símbolo a las paredes de la oficina.
- En una línea
- Una idea —proteger el dato— llevada del símbolo a los colores, los informes, la web y el cristal de la oficina.
- Cliente
- Sidertia Solutionsciberseguridad
- Año
- 2022
- Rol
- Proyecto en solitariomarca, UX/UI y web
- Herramientas
- Figma · Illustrator · Photoshop
- Scope
- Investigación · rebrand · branding estratégico · eslogan · contenido · UX/UI · desarrollo web · SEO · WPO · mantenimiento web · testing · merchandising · vinilos de oficina
00 — La idea
Protege el dato.
En plena transformación digital, el principal activo de una empresa es su información. La confianza, la reputación y la credibilidad dependen de lo bien que se proteja —y las tres se pierden si la ciberseguridad que hay detrás no es la correcta. Cada decisión de este rebrand responde a una pregunta: ¿qué protege de verdad una empresa de ciberseguridad? Ni servidores ni redes: el dato.
Contexto
Una empresa de seguridad vestida de siderúrgica.
01 — Investigación
La marca antigua pertenecía a otro sector.
Hecha la investigación, el problema era evidente: el contexto de negocio que reflejaba la marca antigua era el industrial. Recordaba a tubos, fontanería, cemento, metal, siderurgia —no a una firma que protege información sensible, cualificada y clasificada.
La marca antigua
Qué evocaba
El nombre, en las tipografías de ese mundo
02 — Competencia
Un sector que se parece todo.
Luego, el paisaje donde tenía que destacar: el sector de la ciberseguridad, mapeado sobre una rueda de color. Casi todo el campo se amontona en los mismos rojos y azules.
“Protege tu Dato.”Protege tu dato — la frase sobre la que se construye todo el sistema.
La marca
Exploración, la marca, los valores —y luego el símbolo: un dato, un canal, un entorno seguro.
03 — Exploración
Buscando la S.
Empezó en papel: doce páginas de eses, candados, canales y puntos antes de tocar una pantalla. Luego se probó el nombre en varios pesos y composiciones, y el símbolo como decenas de eses —y como cinta, una S que se pliega sobre sí misma como un camino.
Cuaderno · doce páginas, en el orden en que se dibujaron
01 / 12 En pantalla
04 — La marca
Una S abierta: un camino con principio y sin final.
El logotipo va en Axiforma, elegida por su proporción y legibilidad a baja resolución y por las formas redondeadas que suavizan las partes angulares —se lee más rápido, más sincera, más fiable. Su construcción sigue proporciones áureas.
La S es una letra abierta con dos entradas, así que ambos extremos se cortaron a 34° para darle carácter y sensación de apertura: una analogía de camino, de ruta, de una forma de trabajar con principio pero sin final.
La S34°Cortada por ambos extremos
05 — Valores
Cuatro valores, dibujados con las piezas del propio símbolo.
Los valores centrales se volvieron cuatro pictogramas hechos con las mismas primitivas del símbolo —una barra, un punto, un racimo, un anillo.
Liderazgo · confianzaAdaptaciónTransformación · fortificaciónSolidez · seguridad
«Coordinando esfuerzos y soluciones, acompañando a clientes públicos y privados con una visión integral de la protección de la información, en mejora continua.»
06 — El símbolo
Un dato, un canal, un entorno seguro.
La figura representa datos viajando por internet: puntos moviéndose por un canal de comunicación entre emisores y receptores, un magnetismo de círculos y líneas —todo dentro de un canal cerrado y seguro, dibujado como el círculo que lo contiene.
Dibujándolo · cada fase de construcción, hasta el isotipo final
Leyéndolo · cuatro ideas, un símbolo
Viviéndolo · el dato, el canal, el entorno seguro
07 — Color y tipo
Azul abisal, verde océano, blanco nieve.
Tres primarios, cada uno tomado de una imagen del planeta —el abismo, el océano, la nieve— y cuatro secundarios para los puntos de datos que recorren el sistema. Los colores son lugares de la Tierra, porque el dato tiene que cruzarlos todos. Toca un color para copiarlo.
Branding · Axiforma Bold / Semibold
La tipografía de marca — trazada, nunca cargada como webfont.
La tipografía de marca — trazada, nunca cargada como webfont.Títulos · subtítulos · texto · Montserrat
Interfaz y lectura.
Interfaz y lectura.Web
Diseñada, construida y mantenida viva.
08 — Web
“El poder del dato. Protégelo.”
Diseñada y construida de punta a punta —UX/UI, desarrollo, SEO, rendimiento y mantenimiento. Un portal de empleo y un set de iconos de ciberseguridad salieron del mismo sistema.
Alcance
Portal de empleo · set de iconos
Iconos de línea para RGPD, auditorías, control de acceso y amenazas —dibujados para los servicios que vende la empresa.
Tipografía
Axiforma para la marca, Montserrat para la interfaz.
Aplicaciones
Contenido e impresión, un sistema.
09 — Contenido
Preventiva, reactiva, predictiva.
Publicaciones, eventos y la oferta Protección 360° —preventiva, reactiva, predictiva— todo sostenido por el mismo campo de líneas de luz de color.
10 — Impresión
Carteles, tarjetas, carpetas, informes, merchandising.
Un sistema en papel y en objetos: las líneas de luz en los informes y carpetas, los puntos de datos en el merchandising.
Espacio
La oficina como última aplicación.
11 — Vinilos de oficina
La oficina es el método.
Los vinilos no son decoración —son el recorrido. Siguen las salas de la oficina en el orden en que las camina un cliente, y los puntos de cada sala dicen qué pasa ahí: el cliente llega con un problema desordenado, los técnicos lo empaquetan, y la dirección decide.
Sala 01Operaciones
Camina la oficina y habrás caminado el método.
Arte final · cómo se especificó el vinilo para producción
Instalado
Una idea, en todo: protege el dato.
