145 Vodka

Präsentation der neuen Marke 145 Vodka.

Aufgabe

Zum Markenstart des neuen Produktes “145 Vodka” sollte eine Unique high Class Darstellung durch emotionales Scrollytelling erreicht werden.
Hierfür sollte sowohl ein 3d-Rendering-Video in die Website umgebaut werden und mit dem Userverhalten interagieren, als auch eine 3d-Animation des Flaschen-Stacks (einem besonderen Merkmal der Marke 145 Vodka) mittels Augmented Reality-Ansicht auf mobilen Geräten zur Verfügung stehen.

Lösung

Das 3d-Video wurde in hunderte Einzelbilder zerschnitten, welche je nach Scrollposition auf der Seite dargestellt werden. Ebenso werden weitere Elemente wie Schriftzüge, die nicht Teil des ursprünglichen Renderings waren, entsprechend dargestellt. Hier stand vor allem eine erträgliche Performance der Seite (vor allem Mobil) im Vordergrund.

Die 3d-Animation des Flaschenstacks wurde unter zuhilfenahme von entsprechenden Werkzeugen integriert und ermöglichen so 3d-Ansichten in AR.

Umfang

  • Rewrite der bestehenden Website als Single-Page-Application
  • Umsetzung Scrollytelling-Komponente zur Markeneinführung des neuen Produktes
  • Integration AR-Viewer für 3d-Modelle des Flaschenstack
  • Monitoring, Betrieb und Wartung (24/7)

Technologien

  1. GatsbyJS
  2. Netlify
  3. GSAP
  4. <model-viewer>
  5. Tailwind CSS
  6. Backstop JS
TechnologieSchmiede. DigitalManufaktur. InnovationsStudio.
  1. LEGO
  2. Bugatti Royale
  3. eSports
  4. 145Vodka
  5. Otto Keller
  6. EASEE
  7. LIDL
  8. Golfpark Aschheim
  9. 7OneSports
  10. bulthaup
  11. REWE
  12. Nature Deer
  13. Aichinger Pools
  14. b&e green
  15. Bibu Office
  16. Bio Hair Spa
  17. brands and emotions
  18. EHAM
  19. kobaltblau
  20. SLY010
  21. Precisis
  22. Laureus
  23. Liberty Golf
  24. VMAX
  25. UNIQUE
  26. Schaeffler
  27. VOYAL LINNEN
  28. The Casual Lounge
  29. Textor8
  30. Cocktailbus