REDESIGN Landing Page
Neugestaltung einer Website für die ukrainische Non-Profit-Organisation Meta History Museum, die NFTs verkauft. Dies war mein Diplomprojekt für den Webdesign-Kurs.
Das NFT-Museum hat die Absicht, die Erinnerung an reale Kriegsereignisse über die Blockchain zu bewahren und Spenden zur Unterstützung der Ukraine zu sammeln. Das Brandbook, Grafikmaterial und die Schriftart wurden bereitgestellt.
Aufgabe:
eine Neugestaltung der bestehenden Website vorzunehmen. Die wichtigste call-to-action sollte sein, NFT zu kaufen. Zu den Wünschen des Kunden gehörte es, das bereitgestellte Video in die Landing Page einzubinden.
Der Stil der Website wurde in Anlehnung an das Brandbook des META History Museum gestaltet, das hauptsächlich in Schwarz und Weiß gehalten ist. Da keine Akzentfarben vorgegeben wurden, entschied ich mich, die Landing Page mit den Farben der ukrainischen Fahne aufzuhellen. Die Farben Blau und Gelb wurden als Akzente eingesetzt, um die Aufmerksamkeit auf die rotierenden Call-to-Action-Buttons und die animierte Überschrift auf dem ersten Bildschirm zu lenken.
Ein besonderes Merkmal der Landing Page ist das Aufrollen des Videos während des Scrollens von einem kleinen Kreis links bis auf den gesamten Viewport (in Mobile Version entfaltet sich das Video nach dem Laden der Seite automatisch von einem Kreis zum Vollbild). Dies ist ein sehr dynamischer Moment, der die User:innen durch das Eintauchen in das Video direkt ins Zentrum der Aktivitäten der Organisation führt.
Standardmäßig der Screen mit drei NFT-Sammlungen zeigt die Bilder in Graustufen, aber beim Desktop im mouse-over Effekt werden sie farbig dargestellt und der Name der Sammlung wird größer. Im Mobile/Tablet Vesion, die NFT-Sammlungen werden farbig, wenn die Besucher:innen darüber streichen. Außerdem kann man zur Seite streichen, um mehr von der Vorschau der NFTs zu sehen.