Automatización de workflows para desarrolladores

Aviator es una nueva marca y la empresa madre de varias otras empresas y herramientas más pequeñas y que ya existían. Se pusieron en contacto con nosotros para que les ayudáramos con su identidad de marca mientras se fusionaban con su producto principal 'MergeQueue', así como con otros productos estrella como 'FlakyBot'. El objetivo de Aviator es potenciar a los desarrolladores y proporcionarles el conjunto de herramientas necesarias para desarrollar mejor y más rápido. Después de un discovery inicial de la marca y de un moodboarding, creamos su nueva identidad de marca y diseñamos y desarrollamos su web.

El concepto general se basa en el nombre de su marca, Aviator. El producto ayuda a los desarrolladores a automatizar sus flujos de trabajo; en otras palabras, los desarrolladores tienen un piloto automático fiable mientras se centran en el trabajo real. A lo largo de todo el ejercicio de creación de marca utilizamos aviones y elementos relacionados con la aviación. La identidad de marca que compusimos incluye todos los atributos clave, como la progresión, la accesibilidad y la usabilidad.

El isotipo representa un avión volando hacia la puesta de sol. Al mismo tiempo, el avión forma una "A", la letra inicial de la marca. El tipo de letra es una alegre fuente sans serif que suavizamos y adaptamos, y el logotipo combina las dos letras "V" e "I".

A la hora de definir la paleta de colores, tuvimos en cuenta el público objetivo y el posicionamiento de Aviator, así como un profundo análisis de la competencia. Utilizamos una combinación de colores que se aparta de la norma del sector y destaca frente a los competidores. El amarillo napa y el verde sherpa son los colores principales, con el azul cielo para los acentos y los call-to-actions. El Rojo Puesta de Sol y el Naranja Amanecer se utilizan en las ilustraciones de la marca, mientras que el Blanco Contrail completa la paleta.

Source es la familia tipográfica de utilizamos para esta marca. Utilizamos dos versiones de la misma familia para ser claros y coherentes: Source Sans 3, un tipo de letra sans-serif pensada para funcionar bien en las interfaces de usuario y para el cuerpo de texto y los títulos; y una versión monoespaciada de Source Code Pro para los fragmentos de código o snippets, los highlights y sobrelíneas.

Aviator ayuda a los desarrolladores a poner las tareas mundanas en piloto automático. Por ello, todas las ilustraciones de marca incluyen un conjunto de fragmentos de código, cuadros de mando y otros elementos de marca inspirados en el sector de la aviación. Estos elementos se utilizan estratégicamente, por ejemplo, en el sitio web de la empresa SaaS para llamar la atención sobre las secciones importantes y hacer el producto más accesible.

Para demostrar lo centrada que está la plataforma de Aviator en el cliente, nuestro equipo integró varios elementos animados en su web. El más destacado es una interpretación visual de los principales pasos en los que Aviator ayuda a simplificar y mejorar los flujos de trabajo con sus respectivas herramientas. Consiste en un avión en una pista de aterrizaje que simboliza una línea de tiempo flanqueada por un conjunto de ilustraciones que demuestran el escenario del antes y del después.