So, wie das Produkt mit dem typischen Look einer Maske bricht, soll sich auch der Markenauftritt stark vom bekannten Erscheinungsbild im Arbeitsschutz abheben. Zudem soll über die Gestaltung auch die Mission des Unternehmens transportiert werden – den Menschen durch Technologie zu unterstützen.
Eine animierte Website ermöglicht ein umfassendes Produkterlebnis durch ineinander fließende Szenen zwischen Produktkonzept, Anwendungskontexten und Einblicke in den Prozess der Produktentwicklung.
Die Marke hebt sich von Wettbewerbern ab, indem sie über die saturierte digitale Primärfarbe den technischen Aspekt visualisiert und zugleich menschliche Wärme durch eine Komplementärfarbe und abgerundeten Formen transportiert.
Als Methapher für das Animationskonzept gilt das beim Atmen empfundene Freiheitsgefühl. Die Erzählweise ist sinngemäß in einem ruhigen, aber dynamischen Tempo, wodurch das Thema des Atemschutzes über die Nutzererfahrung spürbar wird.
Die Erfahrungen, die Nutzende mit digitalen Produkten machen, sind von diversen Aspekten wie Funktionalität, Klarheit und Performance abhängig. Jedoch kann sich die gleiche Funktion bspw. durch eine kürzere oder längere Ausführungszeit komplett anders anfühlen. Deshalb sind UI Animationen ein wichtiger, oft übersehener Teil des UI Designs. In diesem Projekt haben wir einen Fokus auf das Verhalten und daraus erfahrbare Interaktionsgefühl gelegt, wodurch das Erlebnis an Emotionalität gewonnen hat. Digitale Elemente ahmen reale Verhaltensweisen nach, denen dadurch Charakteristika wie Material, Gewicht und Trägheit zugesprochen werden.