Cabify es una plataforma de multimovilidad de personas y objetos, que ofrece múltiples alternativas seguras y de calidad al coche privado. Su principal objetivo es hacer de las ciudades un mejor lugar para vivir. A través de la tecnología, busca ser la forma más eficiente y sostenible de mover una ciudad.

Y, todo ello, siendo una empresa sostenible económica, medioambiental y socialmente. Cabify destaca por apostar por el talento y el ecosistema local, generando empleos de alto valor y declarando toda su actividad en cada país. Es la única plataforma del sector que compensa a nivel global sus emisiones y las de sus pasajeros, y cumple con un compromiso anual de reducción de su impacto.

Cabify lleva 10 años transformando la manera de moverse. Tras nacer en Madrid, la compañía se extendió, a los pocos meses, a América Latina y actualmente está presente en Argentina, Chile, Colombia, Ecuador, España, México, Perú y Uruguay.

Diseñamos el logotipo pensando cómo conectar nuestro producto con la marca. En todas nuestras apps representamos el movimento de personas y objetos con el trayecto y es un elemento común en todos los servicios que ofrecemos.
‍
La construcción del logo parte de esta idea de trayectos que suceden a la vez en la ciudad, por eso todas sus formas tienen un principio y un fin. Su simplicidad pretende que la marca sea auténtica, reconocible y memorable.

El logo está diseñando partiendo de formas puras y, detrás de su geometría, se esconden ajustes ópticos para que sea legible a cualquier tamaño así como en todas sus aplicaciones, ya sean digitales como impresas.

El avatar representa nuestra marca en nuestras apps y redes sociales.

Estos son los seis principios de color de nuestra marca.

El Moradul es nuestro color principal y representa una parte esencial de nuestra personalidad de marca. Tiene siempre un papel protagonista en todos nuestros diseños, tanto en producto como en marketing.

Se utilizan como complemento o acento, para diferenciar y llamar la atención sobre determinados elementos, o como decoración, sobre todo en las comunicaciones de marketing.

Para una correcta proporción cromática, el color primario es el que debe tener mayor peso y presencia en el conjunto de nuestras creatividades, destacando el moradul sobre el blanco (N0).
Los colores secundarios se utilizan como acento en iconos, tipografía, botones, etc. También usamos los colores secundarios para utilizar como fondo en tonalidades más claras (Tonalidad 100).
Es importante respetar la proporción de uso de los colores secundarios respecto al moradul y al blanco.

Estas son las combinaciones de color que recomendamos utilizar.

Nuestra matriz de color es mucho más amplia que el color primario y los secundarios. Muchos de estos colores solo están disponibles para ilustraciones, donde necesitamos mayor variedad y riqueza de tonos.

En Cabify nos movemos por más de 40 ciudades de todo el mundo. Sus calles forman parte de nuestro día a día, por lo que, para crear el sistema visual, nos hemos basado en una unidad fundamental: sus manzanas. Sus distintos tamaños y formas nos han inspirado para crear nuestra composición.

Siendo una marca multinacional, presente en 8 países, necesitamos un sistema visual que funcione y sea consistente en cada uno de ellos y que cumpla los siguientes principios:

Todas las piezas usarán uno de estos dos tipos de grid, que nos ayudará a componer y posicionar los elementos de forma unificada y consistente.

Es nuestra tipografía distintiva y nos da personalidad. La utilizamos en sus pesos Bold y Book.

Estos son los cuatro principios para construir los iconos.

Todos los iconos se han diseñado a un tamaño de 16x16 píxeles y se ajustan a un cuadro de este tamaño, dejando 1 píxel de seguridad por cada lado.

El tamaño mínimo es de 16x16 píxeles y se escala siguiendo  una base de 8 píxeles siempre que sea posible. El tamaño máximo que recomendamos es de 64x64 píxeles para medios digitales.

El icono puede ir dentro de un círculo o en una caja contenedora (basada en la manzana del sistema de composición). En ambos casos deben estar centrados ópticamente. Usamos la base 8 para definir el tamaño del icono y el margen.

Cuando estemos hablando de entidades (físicas o abstractas), como pueden ser una persona o una dirección, utilizaremos el círculo para diferenciarlos del resto de elementos y que destaquen sobre ellos.

Hemos construido nuestro universo de ilustraciones buscando un sistema de tallas real que nos permita que sea totalmente rico y versátil. Nuestros elementos y composiciones se adaptan a los diferentes soportes, ya sea una pantalla en nuestra app o una lona publicitaria que cubre un edificio.
Te contamos los diferentes tipos de ilustración de menor a mayor tamaño:

Para construir nuestras ilustraciones contamos con dos tipos de ratio que nos funcionan como base.

Partiendo de un círculo y una recta empezamos a construir nuestro estilo.

Partiendo de un óvalo y un semicírculo conseguimos la base de nuestros personajes, al que –sumandole otras formas de nuestra base de construcción– le damos personalidad.

Uno de los elementos característicos de nuestro sistema son las partículas. Las usamos en ilustraciones de todos los tamaños. Nos ayudan a humanizar las piezas y a darle dinamismo.
Siempre son rombos que ilustramos girando 45º un cuadrado perfecto. Salvo excepciones, siempre irán en el mismo tamaño entre sí y, según el contexto, tendrán varios colores o serán todos del mismo.

Todo estilo tiene sus excepciones, el nuestro no iba a ser menos. Para construir nuestra flota rompemos algunas de las reglas para dotar a cada vehículo de su propia personalidad.
Todos nuestros vehículos están construidos sobre la misma plataforma; la distancia entre los ejes, el tamaño de las ruedas o la longitud total es estándar para toda la familia.
La categoría de vehículos es cerrada y no se puede editar o crear nuevos.

Nuestro sistema de tallas es totalmente versátil. Y para representar a nuestros personajes no iba a ser menos. Estos se representan como elementos únicos, pero sin ceñirnos a una jerarquía limitante: podemos encontrar un personaje talla S en una ilustración mediana o un personaje talla L en una ilustración de 64x64 px.

Las escenas de gran envergadura se construyen con una superposición de planos con los elementos en dos dimensiones. Con ello conseguimos profundidad e inmersividad. Así, por ejemplo, nuestros vehículos parecen estar siempre en constante movimiento.

Aquí puedes encontrar varios ejemplos de aplicación de la ilustración a difrerentes soportes.

Estos son los seis principios de fotografía de nuestra marca.

Nuestros usuarios, como nosotros, son enérgicos y vitales. Pasajeros, conductores y empresas se mueven e interactúan con la ciudad. Por eso las imágenes de estilo de vida son perfectas para representarlos.

En este estilo las fotografías son en primer plano, convirtiendo al usuario en el protagonista, remarcando la idea de que Cabify es para todo el mundo. Los planos deben ser amplios para dejar lugar a añadir más elementos a la composición, como la tipografía, el logotipo o un botón. Podemos utilizar fondos monocolor o fondos naturales de la ciudad.

Seguiremos las mismas pautas de composición que para las piezas estáticas. El grid variará según el tamaño de la pieza.

El tamaño más recurrente es de 16:9 y utilizamos un grid de 8 columnas. Sin embargo, en los formatos 1:1 y 9:16  usamos uno de 4 columnas.

Animamos los textos escalando desde un 60% y la opacidad de 0% a 100% a mitad de la transición de escala. El texto aparecerá en orden de lectura y con un delay de 1,40. Lo podemos editar desde After Effects con el pluggin TextEvo y está aplicado como efecto que editaremos en los keyframes.

La mosca la utilizaremos siempre en la esquina superior izquierda. En los assets puedes encontrar diferentes versiones adaptadas para formatos 1:1, 16:9 o 9:16. No utilizamos la mosca en intros o cierres.

Tenemos 3 tipos de transiciones que simulan las transiciones en un entorno mobile. Todos los movimientos y escalas tienen las mismas propiedades en la animación: 80% de desaceleración cuando entran los elementos. Las escalas siempre van acompañadas de un efecto rounded en las formas que hacen de máscara. Estas transiciones sirven para dar juego y dinamismo, pero no podemos abusar de ellas.