Smartbeat

Bağlı sağlık ürünü için pazarlama sitesi. Hero, kalp atışı ses ipucuyla senkronize gerçek zamanlı bir WebGL kalp; ürün akışı, eş zamanlı EKG benzeri dalga formlarını canlandıran bir tanı zaman çizelgesinde ilerler.

Problem

Bağlantılı bir sağlık ürününün güveni saniyeler içinde kazanması gerekiyordu: kalp takibi soyut bir kavram ve durağan bir açılış sayfası cihazın gerçekte neyi algıladığını anlatamıyordu. Pazarlama sitesinin, görünmez bir sinyali canlı hissettirmesi gerekiyordu.

Çözüm

Kalp atışı sesiyle senkronize, gerçek zamanlı bir WebGL kalp etrafında kurulan hero; ardından EKG benzeri dalga formlarını eş zamanlı canlandıran, kaydırma odaklı bir tanı zaman çizelgesi. Ürün hikâyesi bir özellik listesi gibi değil, bir ritim gibi açılıyor.

Neler Geliştirdim

• →Three.js ile gerçek zamanlı WebGL kalp
• →Hero animasyonuyla senkronize kalp atışı sesi
• →EKG benzeri dalga formlu, kaydırmaya bağlı tanı zaman çizelgesi
• →Ürün hikâyesini bölüm bölüm açan yönlendirilmiş kaydırma kurgusu

Öne Çıkanlar

• →WebGL nabız atan kalp
• →Sese senkronize hero
• →EKG dalga formu zaman çizelgesi

Sonuç

• →Soyut bir sağlık sinyalini sayfadaki ilk saniyeden itibaren elle tutulur hale getirdi
• →Ürüne, kullanıcı güveni oluşturmak üzere tasarlanmış lansman kalitesinde bir vitrin kazandırdı