Moth Landingpage

Minimalistisches Design trifft auf subtil durchdachte Interaktion in dieser Microsite für das Quanten-Computing-Startup Moth.

Moth Landingpage

Moth Quantum

  • Realtime Experience
  • UI/UX Design

Januar 2024 — Juni 2024

  • Javascript/Typescript
  • WebGL
  • Figma
  • Adobe CC
Herausforderung

Das britische Startup Moth hat sich zum Ziel gesetzt, mit Hilfe der Quantencomputer-Technologie die nächste Ära in Musik, Games und der Kunst einzuläuten. Wir durften sie dabei unterstützen, ihre erste Landingpage durch subtile Interaktionen zu einem unverwechselbaren Erlebnis zu machen.

Implementierung

WebGL muss nicht 3D sein

Ein wesentliches visuelles Element der Landingpage ist die interaktive Hintergrundanimation. Sie reagiert auf die Bewegungen des Cursors und verändert ihr Aussehen je nachdem, in welchem Bereich der Seite man sich gerade befindet. Um die Landing Page so schlank wie möglich zu halten, ohne dabei Kompromisse bei der Performance eingehen zu müssen, wurde auf den Einsatz eines großen Frameworks oder einer großen Bibliothek verzichtet. So ist die gesamte Animation hauptsächlich nativ in WebGL umgesetzt.

Moth mobile screenshot
Responsive Design und WebGL auf Mobile
Moth mobile screenshot
Responsive Design