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. NFL
  4. DAZN
  5. eSports
  6. 145Vodka
  7. Otto Keller
  8. EASEE
  9. LIDL
  10. Golfpark Aschheim
  11. 7OneSports
  12. bulthaup
  13. REWE
  14. Nature Deer
  15. Aichinger Pools
  16. b&e green
  17. Bibu Office
  18. Bio Hair Spa
  19. brands and emotions
  20. EHAM
  21. kobaltblau
  22. SLY010
  23. Precisis
  24. Laureus
  25. Liberty Golf
  26. VMAX
  27. UNIQUE
  28. Schaeffler
  29. VOYAL LINNEN
  30. The Casual Lounge
  31. Textor8
  32. Cocktailbus