Wolf
wolf-logo-white.png
monster-logo.png

Wolf Digital Studio
Monster Notebook 

Case çalışması 
Statik / Gif / Html5

İNCELEME

"Teknoloji" "Yüksek performans" "İnovatif" gibi kavramlar sahipleniliyor.

Bu sebeple tasarımlar ve animasyonlar da "Dinamik" "Güçlü" " ve "Dikkat çekici" bir vizyonda olması gerektiğini ön görüyoruz.

 
STATİK İNCELEME (Kullanımda olan)
7177350641157225305.jpg
Offer ve ürün içeren kampanya banner tasarımlarında, performans kaygısı duyulan bir tasarım matematiği uygulanmalıdır.
Kullanıcı yandaki banner'ı gördüğünde sırasıyla aşağıdaki bilgileri edinecektir.
  • Logo
  • Kampanya bilgi 
  • Kampanya info 
  • Kampanya Tarih
  • Ürün
  • Ürün bilgi
  • Kampanya Offer
  • Cta button

Wolf'un önerisi;

statik-01-03.png
Logo
Kampanya bilgi
Ürün image
Ürün adı
Kampanya Offer
CTA buton
Kampanya tarihi
Kampanya info
  • Ürün görseline bannerda olabildiğince büyük yer verildi.
     
  • Ürün bilgisi ve Kampanya offer'ı (Fiyat) ürünle ilişkilendirilmiş tasarım yaklaşımında büyük, okunur ve dikkat çekici olarak tasarlandı.
     
  • Yeşil background dikkat çekici şekilde tasarımda 3/1 oranda konumlandırıldı.
     
  • CTA buton, ürün ve fiyat ile tasarım sıralamasında performansa yönlendirici şekilde konumlandırıldı.
     
  • Kampanya tarih - infolar okunur ve bilgi niteliği taşıyan konumlamada kullanıldı. 
FARKLI BOYUT YAKLAŞIMLARI
10520988750435294015.jpg
statik-01-02.png
statik-01-04.png
sm_bg.png
insta-min.gif
GIF Post
  • Hızlı ve Performanslı 
  • 5sn içinde kampanya bilgileri tam görünümü
  • Offer'a ilişkin dinamik efektlerle performans'a yönelik animasyonlar.
300x250-ps-2.gif
GIF Banner
  • Max 150KB
  • 2sn içinde kampanya bilgileri tam görünümü
  • Loop edilebilir sürekliliği sağlanan animasyon 
  • Offer'a ilişkin dinamik efektlerle performans'a yönelik animasyonlar.
HTML5 Banner
  • Max 150KB
  • 2sn içinde kampanya bilgileri tam görünümü
  • Loop edilebilir sürekliliği sağlanan animasyon 
  • Offer'a ilişkin dinamik efektlerle performans'a yönelik animasyonlar.
1080x1920 copy.JPG
1200xx628 copy.JPG
1080x1080 copy.JPG
Sosyal Medya
  • Post: 1080x1080
  • Story: 1080x1920
  • Discovery: 1200x628
1200xx628.JPG
Sosyal Medya
  • Post: 1080x1080
  • Story: 1080x1920
  • Discovery: 1200x628
1080x1080.JPG
1080x1920.JPG

Web Sitesi / Slider / 1920x500

slide1.JPG
wolf-logo-white.png
monster-logo.png

Teşekkürler...