HAPE

Erstellung eines 3D NFT Walking HY(A)PE

Im Laufe des letzten Jahres wurden sehr viele NFTs gelauncht, doch nur eine Marke hat es wirklich geschafft den digitalen Fashion Laufsteg auf eine ganz neue Ebene zu heben: HAPE PRIME. Jeder Avatar ist vollständig in 3D, trägt auffällige Outfits und – was am wichtigsten ist – verfügt über eine ordentliche Portion Attitude.

Finden Sie heraus, wie DOGSTUDIO/DEPT® sich der Herausforderung von Digimental, dem Gründer und leitenden Designer von HAPE, gestellt hat, um die digitale Präsenz von HAPE zu verbessern. Spoiler: Die Lösung war der HAPE WALK.

Wie HAPE das WebGL Mikro-Framework nutzt

Um das HAPE Ecosystem zu schaffen, arbeitete DOGSTUDIO/DEPT® mit einem bereits existierenden Design: dem bekannten Menschenaffen im Metaverse mit modischer Kleidung und einer starken Persönlichkeit. Unter Berücksichtigung dessen galt es eine Website zu designen und erstellen, welche die HAPE Bewegungen als eine immersive Experience erfahrbar macht.

Das Team ging über die klassischen Content bezogenen Seiten zur Präsentation von NFT-Projekten hinaus, indem es ein neues benutzerdefiniertes OGL WebGL Mikro-Framework verwendete. OGL, eine WebGL Bibliothek, die von Developer:innen verwendet wird, die minimale Abstraktionsebenen bevorzugen, wurde in ein Mikro-Framework mit spezifischen internen Modulen umgewandelt. Zu diesen Modulen gehören eine selbst entwickelte PBR-Rendering-Engine, Skinning, Post-Processing und ein Animations-Player, welche die HAPE-Familie zum Leben erwecken.

Web Design inspiriert von High Fashion

Mit einem von High Fashion Magazinen inspirierten Website Design konnte das Team den HY(A)PE perfektionieren; ein immersiver Walk, mit dem die Benutzer:innen durch die Seite blättern und ihre Experience durch Rotation und verschiedene Zoomstufen steuern können. Jeder HAPE hat einen anderen Stil, eine andere Attitude und eine andere Persönlichkeit, die allesamt von unserem Design- und Development-Team mithilfe einer umfangreichen grafischen Benutzeroberfläche ausgewählt wurden.

Abgerundet wird die Experience durch individuelle Musik im Rhythmus des HAPE-Looks, den Cursor und seine Klick-Animation, das Hapewalk-Icon und plakative CTAs.