DESAFÍO
El desafío fue la creación de una marca para una nueva solución tecnológica que Copec dispuso para sus clientes, específicamente al segmento de empresas, el cual requería máxima eficiencia en su gestión de control y administración de combustible.
Nuestro primer paso fue el desarrollo de una estrategia de marca sólida. En ella analizamos aspectos tales como: la definición de marca, perspectiva interna y los distintos perfiles clave dentro del segmento, posicionamiento, personalidad, pilares de marca, propuesta de valor, territorio comunicacional, concepto creativo, en fin, ¡todo lo necesario para crear sintonizados con nuestro target!
PRINCIPIO DE DISEÑO
El sistema visual de Muevo Empresas requería ser creado desde los conceptos de simplicidad, movimiento y cambio. Por eso nuestro principio de diseño nace desde un cuadrado de puntas redondeadas generadas por la acción que ejercen círculos perfectos dentro de ella, expresando el movimiento - cambio, la adaptabilidad y flexibilidad.
SIMPLICIDAD Y MOVIMIENTO.
Nuestro isotipo reunió el concepto de simplicidad y movimiento. Fue diseñado desde un principio Phygital asumiendo un rol protagónico de comunicación, sea dentro o fuera de
la app.
TIPOGRAFÍA.
Como ya te contamos unos párrafos más atrás, la tipografía que usamos es la TT Norms, una tipografía versátil cuyo comportamiento es bueno en formatos impresos y digitales, siendo una tipografía simple y flexible, atributos presentes en nuestros pilares comunicacionales. La definición de una tipografía nos lleva a posteriormente determinar su uso, es en este proceso en el cual asignamos distintas características y variantes de la misma para jerarquizar la información en los distintos formatos.
LAYOUT
Nuestro layout está basado e inspirado en un sistema de tarjetas, un elemento único y diferenciador característico de la marca. Diseñamos este sistema de tarjetas ya que nos permitió crear todo tipo de piezas, por lo que se convierte en un recurso escalable, flexible y consistente con nuestro principio de diseño.
ESTILO FOTOGRÁFICO.
Para esta definición determinamos que nuestro estilo fotográfico debía estar referenciado por una visión macro; esto quiere decir que nuestra fotografía debía ser simple de entender, sugiriendo el contexto de uso de la marca. Para esto, basamos las fotografías en la ruta, los caminos y sus entornos. Los representamos a través de tomas sacadas con un dron, desde aquella perspectiva se aprecia el ADN de la marca y se representa a quienes viven en movimiento, sugiriendo el tránsito que hay entre un punto A y un punto B. El estilo fotográfico de Muevo empresas son los diversos caminos y el constante movimiento.
PATRONES - SINERGIA CONTINUA.
Los patrones representan el dinamismo de la marca, son un recurso visual que complementa diferentes piezas y aplicaciones, especialmente aquellas en las que no utilizamos fotografía o ilustraciones. Normamos el uso de patrones (su orientación y disposición) con respecto al formato en que se aplicase; yendo de derecha a izquierda o de izquierda a derecha en piezas horizontales y de arriba a abajo o viceversa para dimensiones verticales. Al aplicar los patrones se delimita una sección amplia para ubicar la cantidad necesaria de contenido dentro de la pieza, como logotipo, titulares y bajadas.
ILUSTRACIÓN 3D y 2D.
Las ilustraciones 3D y 2D de Muevo empresa tienen un sello particular basado en el principio de cercanía. Con ellas explicamos de manera didáctica y entretenida algunos contenidos que por su naturaleza, no son de fácil comprensión. En este sentido, las ilustraciones cumplen un rol de apoyo visual que nos diferencia considerablemente de los otros actores del mercado.
ICONOGRAFÍA - RETÍCULA Y MORFOLOGÍA.
Los usamos como un recurso fundamental en nuestro sistema visual, siendo elementos únicos que refuerzan el concepto de marca, dando vida a la interfaz y piezas de formato infográfico e iconográfico. Construimos pictogramas e íconos rigiéndonos bajo el mismo principio de diseño.
UI / UX - UNA INTERFAZ DE DISEÑO ATÓMICO.
Con el objetivo de diseñar una experiencia única, consistente y principalmente pensada en los usuarios, nos basamos en el diseño atómico creado por Brad Frost, un método en el que cada parte de nuestro sistema es una analogía de los átomos, las moléculas y los organismos, siendo partes que dan vida a la experiencia e interfaz de los usuarios.
Parte de las definiciones trabajadas fue el asignar un rol y función a cada elemento, así podemos identificar figuras que llamamos: primer átomo para la aplicación de textos, segundo átomo para el estilo de capas, tercer átomo para el repositorio de íconos; primera molécula para los estilos de bloques, segunda molécula para los estilos de botones y tercera molécula para el estilo de inputs.
