Conéctate a la velocidad de la luz
En 2023 decidimos aprovechar la renovación de nuestro sitio web y nuestros objetivos de comunicación para refrescar nuestra identidad visual.
Le hemos pedido a Fullcircle, consultora de diseño y desarrollo de herramientas digitales, que además es nuestra agencia de marketing y nos lleva acompañando desde el principio, que nos cuente cómo ha vivido el proceso desde su punto de vista y este es el resultado:
ORIGEN
Los objetivos de la primera web en 2020 y los elementos de comunicación de la marca eran fundamentalmente presentar la nueva empresa a nivel corporativo y representar la Red que se estaba construyendo. Para ello se crearon las líneas rematadas con un punto que iban creciendo y recorriendo la pantalla, creando así una red que llegaba hasta el último rincón del espacio. Esa línea con un punto representaba además la fibra óptica con la que se construyen esas redes dinámicas de cableado.
NUEVOS OBJETIVOS
Actualmente entramos en una nueva fase de comunicación con un objetivo más comercial. Onivia es ya una marca asentada y conocida en el mercado y la red es ya lo bastante grande. En este momento se busca representar el servicio de Onivia, más que su infraestructura. Para ello, las líneas de cables y redes se han reemplazado por la transferencia de la información.
Buscamos una representación de cómo funciona la fibra dejando de lado la representación gráfica del cableado físico.
Para entender como funciona hemos desgranado los elementos que componen los cables de fibra óptica: contienen múltiples filamentos, los cuales constan de un núcleo, revestimiento y recubrimiento.
Líneas con movimiento
Queremos representar el servicio, básicamente la trasferencia de datos a través de fibra óptica, es decir, de luz. Para ello tomamos la composición del cable de fibra.
Cada cable, consta de múltiples filamentos y por consiguiente, también contiene varios núcleos. Estos núcleos son los encargados de transmitir la luz/información a lo largo del recorrido.
Representamos los núcleos a través de múltiples líneas de color en movimiento, creando la sensación de que la luz/información viaja. Además, teniendo en cuenta que la intensidad de información puede ir variando y para reforzar aún más el efecto de transmisión de la luz, se ha optado por representar cada línea con un color de la gama corporativa que va cambiando hasta llegar a crear un degradado que da la sensación de movimiento constante.
Se han creado 3 modelos de gráficas de líneas animadas:
1. Onivia: el primero, horizontal, ondulante y lineal representa a Onivia y su servicio, dinámico y constante.
2. Impulsa: Para el servicio impulsa se ha creado una gráfica tubular con forma cónica cuyo movimiento es ascendente y creciente. Este movimiento da la sensación de crecimiento, de que se lanza la información amplificada, como un megáfono. Este gráfico utiliza los colores del servicio formados por el degradado entre el turquesa y el naranja de resalte
3. Integra: En el caso de Integra, la gráfica se basa en una forma orgánica amplia cuyo movimiento es concéntrico, como un latido de un organismo. Un refuerzo.
Ilustraciones animadas
Aplicando el mismo concepto de que la información/luz viaja a través de las líneas, se han creado ilustraciones de apoyo gráfico, Se trata de ilustraciones de línea continua y se han animado con una línea más gruesa que recorre el dibujo dando la sensación de que el dato está recorriendo toda la red para llegar a su destino. Al hacerlo se resalta la imagen ilustrada.
Estas ilustraciones quieren representar además los entornos en los que Onivia tiene presencia, y los servicios que ofrece: Hogares y pueblos, dispositivos y servicios.
El espacio de color
En esta propuesta se ha modificado un poco el espacio de color reforzando el dúo de colores corporativos para dotar a las imágenes de más intensidad.
Por un lado se ha elegido un azul muy oscuro e intenso sobre el que los turquesas, azules y naranjas corporativos resaltan y crean efecto de luz.
Por otra lado se ha dado mucho protagonismo al blanco, representación de la luz total, creando bloques con gran predominancia de blanco para dar espacio, limpieza y ligereza al contenido además de una imagen muy moderna.
También se usa el blanco sobre el azul oscuro para aumentar el contraste.
Efecto “glass morphing”
Para el efecto translúcido que se aplica en algunos de los fondos, nos basamos en el revestimiento “cladding”, encargado de evitar la dispersión de la luz y compuesto generalmente de vidrio, el cual se representa mediante el efecto vidrio esmerilado.
Elementos gráficos propios en lugar de imágenes
Para evitar el uso de imágenes de recurso y crear una identidad propia en todos los mensajes, se evita el uso de imágenes y se reemplazando elementos de apoyo gráfico como los gráficos de líneas o las ilustraciones y se da mucha más importancia a los bloques de textos con un tratamiento tipográfico contundente y de tamaño grande.
Las únicas imágenes que hay en la web son las fotos del equipo y las imágenes que ilustran el blog.
¡No esperes más y navega por nuestra web para ver todos estos efectos!