Workflow Automation Tool for Developers

Aviator als neue Brand ist die Muttergesellschaft mehrerer kleinerer, bereits bestehender Unternehmen und Tools. Wir unterstützten sie bei der Brand Identity, während sie mit ihrem Hauptprodukt „MergeQueue“ sowie anderen Produkten wie „FlakyBot“ fusionierten. Das Ziel von Aviator ist es, Entwickler mit dem nötigen Toolkit auszustatten, das den Entwicklungsprozess vereinfacht und beschleunigt. Nach einem Kick-off-Workshop rund um Brand Discovery und einem Moodboarding gestalteten wir Aviators neue Brand Identity sowie Website.

Das Gesamtkonzept basiert auf dem Markennamen Aviator. Das Produkt hilft Entwicklern dabei, ihre Arbeitsabläufe zu automatisieren: Ihnen wird ein zuverlässiger Autopilot zur Seite gestellt – so können sie sich auf den eigentlichen Entwicklungsprozess konzentrieren. Während des gesamten Brandings haben wir Elemente aus der Luftfahrt, wie zum Beispiel Flugzeuge, verwendet. Die von uns entworfene Brand Identity umfasst alle Markenbotschaften wie Fortschritt, Benutzerfreundlichkeit und einfache Bedienbarkeit.

Der Isotyp stellt ein Flugzeug dar, das in Richtung des Sonnenuntergangs fliegt. Gleichzeitig bildet das Flugzeug ein „A“, den Anfangsbuchstaben der Marke. Die Schriftart ist eine verspielte serifenlose Schrift, der wir einen Feinschliff verliehen haben, und das Logo kombiniert die beiden Buchstaben „V“ und „I“.

Bei der Festlegung der Farbpalette berücksichtigten wir Aviators Zielgruppe sowie Positionierung und die Ergebnisse der Wettbewerbsanalyse. Wir entwickelten ein Farbschema, das sich vom Branchenstandard abhebt und durch das sich Aviator von Mitbewerbern differenziert. Naple Yellow und Sharpa Green sind die Hauptfarben, während Sky Blue für Akzente und Call-to-actions verwendet wird. Sunset Red und Sunrise Orange werden gemäß der Visual Identity in Illustrationen verwendet; Contrail White vervollständigt die Farbpalette.

Source dient als die Schriftfamilie von Aviator. Wir verwenden lediglich zwei ihrer Schnitte, um Klarheit und Konsistenz zu schaffen: einerseits Source Sans 3, eine serifenlose Schrift, die sich optimal für User Interfaces, Fließtext und Überschriften eignet; andererseits einen einfarbigen Schnitt von Source Code Pro für Code Snippets, Highlights und Overlines.

Aviator hilft Entwicklern, alltägliche Aufgaben auf Autopilot zu stellen. Daher enthalten alle gebrandeten Illustrationen eine Reihe von Codeschnipseln, Dashboards und andere gebrandete Elemente, die von der Luftfahrt inspiriert sind. Diese Elemente werden strategisch eingesetzt, zum Beispiel auf der Website des SaaS-Unternehmens, um die Aufmerksamkeit auf wichtige Abschnitte zu lenken und das Produkt zugänglicher zu machen.

Um die Kundenorientierung der Aviator-Plattform darzustellen, hat unser Team verschiedene animierte Elemente in die Website integriert. Das Highlight ist eine visuelle Interpretation der wichtigsten Schritte, bei denen Aviator Arbeitsabläufe vereinfacht und verbessert. Die Animation besteht aus einem Flugzeug auf einer Landebahn, das eine Zeitachse symbolisiert, flankiert von einer Reihe von Illustrationen, die ein Vorher-Nachher-Szenario zeigen.