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. Travian Games
  2. neo Kanzlei
  3. Lilium
  4. LEGO
  5. Bugatti Royale
  6. NFL
  7. DAZN
  8. eSports
  9. 145Vodka
  10. Otto Keller
  11. EASEE
  12. LIDL
  13. Vital Tierarzt
  14. Helsing
  15. Golfpark Aschheim
  16. 7OneSports
  17. bulthaup
  18. REWE
  19. Nature Deer
  20. EHAM
  21. Studio twentyfour - Dein Haar Atelier
  22. b&e green
  23. Bibu Office
  24. Bio Hair Spa
  25. brands and emotions
  26. kobaltblau
  27. SLY010
  28. Precisis
  29. Laureus
  30. Liberty Golf
  31. VMAX
  32. UNIQUE
  33. Schaeffler
  34. VOYAL LINNEN
  35. The Casual Lounge
  36. Aichinger Pools
  37. Textor8
  38. Cocktailbus