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.

HapePrime Phone Home@2x

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.

HapePrime Sketch2@2x
HapePrime Dev@2x

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.

HapePrime RedWalk@2x

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

HapePrime Black def@2x

+57K

Besucher:innen während des Launch-Monats

4,58

Minuten durchschnittliche Verweildauer auf der Website am Launch-Tag

+2K

Comments, Likes und Retweets zum Announcement Post

4

Wochen für den Aufbau der Plattform

Fragen?

CEO / CCO at Dogstudio

Henry Daubrez

Mehr entdecken

Nächstes Projekt

Simple Feast

Personalisieren Sie Ihre Experience

Wir verwenden funktionale Cookies, damit die Website richtig läuft, analytische Cookies, um Ihr Verhalten zu messen, und Marketing-Cookies für die Personalisierung von Anzeigen und Inhalten. Wir sammeln Daten darüber, wie Sie unsere Website nutzen, um die Nutzung unserer Website zu vereinfachen, sowie um die Kommunikation in der Werbung, auf unserer Website oder in den Apps anzupassen oder zu personalisieren. Die durch Marketing-Cookies gesammelten Daten werden auch an Dritte weitergegeben. Wenn Sie auf "OK" klicken, stimmen Sie dem zu. Möchten Sie weitere Informationen? Lesen Sie unsere Cookie-Richtlinie.