Logo Sting
2-4 sn logo animasyonu. Reels açılışı, YouTube intro, sunum kapağı ve e-posta imzası için kısa ve uzun sürüm.
HİZMET · MOTION · UZAKTAN
Motion Tasarım
Motion Tasarım
& Logo Animasyonu
Logonuzun 3 saniyelik imzası, sitenizin açılışında dönen sessiz bir loop, Reels için kinetik tipografi. Hepsini kodla tasarlayıp video olarak render ediyorum: font ve renk birebir markanızınki, düzeltme dakikalar sürer.
~230
KB AV1 SHOWREEL
30
FPS RENDER
3
FORMAT TEK KAYNAKTAN
SHOWREEL · 11 SN
Sitenin kendi intro'su
Bu klip emrekazak.com için yazılmış bir HTML kompozisyonundan render edildi: vizör HUD'u, Neue Haas Grotesk başlık, phosphor vurgu çizgisi. Tarayıcınız AV1 destekliyorsa indirdiği dosya yaklaşık 230 KB.
Emre Kazak showreel: vizör çerçevesi içinde isim, hizmet satırı ve emrekazak.com etiketi beliren 11 saniyelik marka intro animasyonu.
MOTION BİR MARKAYA NE KATAR
Hareket, markanın sesi gibi çalışır: bir kez doğru kurulur, her yerde tekrar eder
Statik logo bir imzadır; animasyonlu logo bir giriş. Reels'in ilk saniyesinde, YouTube videosunun açılışında, sunumun kapak slaytında aynı 2-3 saniyelik hareket tekrar ettikçe izleyici markayı görmeden önce tanımaya başlar. Bu tekrar, tek seferlik bir reklam filminden daha uzun ömürlüdür.
Web tarafında motion daha sessiz bir iş yapar. Hero alanında dönen kısa bir loop, sayfaya ürünün ne yaptığını ilk bakışta gösterir: bir panelin nasıl açıldığı, bir sipariş akışının kaç adım olduğu. Metin ve başlıklar yine sayfada HTML olarak kalır; video yalnızca dekor ve demo görevi görür, böylece SEO ve erişilebilirlik bozulmaz.
Sosyal medyada ise kinetik tipografi, çekim gerektirmeyen en hızlı içerik biçimi. Bir müşteri yorumu, bir fiyat duyurusu ya da üç maddelik bir ipucu, marka fontuyla ve ritmik kesmelerle 9:16 Reels'e dönüşür. Aynı şablon her hafta yeni metinle tekrar render edilir.
KAPSAM · NE ÜRETİYORUM
Motion tasarım paketinde neler var?
Logo imzasından site loop'una kadar, hepsi aynı marka sisteminden türetilir.
Kinetik Tipografi Reels
Metin odaklı 9:16 videolar: duyuru, yorum, ipucu, fiyat. Haftalık yeni metinle tekrar render edilen şablon.
Site Hero Loop
6-12 sn sessiz, dikişsiz loop. Web için AV1 + WebM + MP4 ve poster görseli, toplam bütçe 600 KB altı.
Ürün / Arayüz Demo
Panel, uygulama veya sipariş akışının imleç ve vurgu kutularıyla anlatıldığı kısa demo loop'u.
Sosyal 9:16 Seti
Aynı kompozisyonun Reels, TikTok ve Story ölçülerinde güvenli alanlara göre yeniden yerleşimi.
Şeffaf Overlay
Çekilmiş videonun üstüne binen alt yazı bandı, isim etiketi, harita veya sayaç; alfa kanallı WebM / MOV.
NASIL ÜRETİYORUM
Kodla tasarla, video olarak teslim et
Animasyonu After Effects zaman çizelgesinde değil, HTML ve GSAP ile bir web sayfası gibi yazıyorum. Kompozisyon, tarayıcı motoru tarafından kare kare MP4'e render ediliyor. Sonuç: markanızın gerçek fontu ve renk kodu birebir kullanılıyor, bir başlığı değiştirmek ya da süreyi 8 saniyeden 6'ya indirmek dakikalar sürüyor.
Web teslimi için her klibi üç kodekte sıkıştırıyorum. Modern tarayıcı AV1 dosyasını, diğerleri WebM veya MP4'ü seçiyor; mobil için ayrıca 720 px sürüm var. Video yalnızca ekranda göründüğünde oynuyor, 'hareketi azalt' tercihi açık kullanıcılarda hiç başlamıyor ve poster görseli gösteriliyor.
| Format | Boyut | Kullanım |
|---|---|---|
| GIF (640 px, 128 renk) | 25,3 MB | Sadece e-posta ve README. Sitede kullanmıyorum. |
| Animasyonlu WebP | 1,1 MB | Yalnız <img> zorunluysa. |
| H.264 MP4 | 1,2 MB | Evrensel yedek, sosyal medya yüklemesi. |
| VP9 WebM | ~500 KB | Chrome, Firefox, Android. |
| AV1 MP4 | ~230 KB | Safari 17+ ve modern tarayıcılar. İlk tercih. |
SİTEDE KULLANDIĞIMIZ LOOP'LAR
Bu sitenin içinden örnekler
Aşağıdaki loop'lar emrekazak.com sayfalarında canlı kullanılıyor. Hepsi aynı gömme bileşeniyle, görünür olduğunda oynayacak şekilde yükleniyor.
SÜREÇ
Brief'ten teslime 4 adım
-
01 / BRIEF
Marka sistemi + kullanım yeri
Logo dosyası (SVG), font, renk kodları ve videonun nerede oynayacağı. Site mi, Reels mi, sunum mu?
-
02 / STORYBOARD
Anahtar kareler
3-5 sabit kare ile hareketin kurgusu. Onaydan önce hiçbir şey render edilmez.
-
03 / ANİMASYON
Kod + önizleme
HTML + GSAP kompozisyon, önizleme linki ve ara render. Revizyonlar aynı gün.
-
04 / TESLİM
Master + web + sosyal
1080p/4K master, web için AV1/WebM/MP4 + poster, 9:16 sosyal sürümler ve gömme kodu.
TESLİM DOSYALARI
Projenin sonunda elinizde olanlar
- 1080p veya 4K master MP4 (H.264, yüksek bit hızı)
- Web seti: AV1 + WebM + MP4, 720 px mobil sürüm ve WebP poster
- 9:16 ve 1:1 sosyal medya sürümleri, güvenli alana göre yerleştirilmiş
- Gerekirse alfa kanallı WebM / ProRes 4444 overlay
- Sitenize hazır gömme kodu (lazy oynatma, reduced-motion desteği)
- Kaynak kompozisyon: yeni metinle tekrar render edilebilir şablon
PAKETLER
Kapsama göre net teklif
Tek logo sting, site hero loop'u, ürün demo loop'u ya da aylık kinetik tipografi Reels seti olarak çalışıyorum. Süre, sahne sayısı ve kaç formatta teslim edileceği netleşince sabit fiyatlı teklif hazırlıyorum.
Teklif Al →
SIK SORULAN SORULAR
Motion tasarım hakkında
GIF mi video mu kullanmalıyım?+
Web sitesinde video. Aynı 11 saniyelik klip GIF olarak 25 MB, AV1 video olarak yaklaşık 230 KB tutuyor; GIF ayrıca 256 renkle sınırlı olduğu için geçişlerde bantlanma yapıyor. GIF'i yalnızca video oynatmayan yerlerde, örneğin e-posta bültenlerinde veya GitHub README dosyalarında öneriyorum.
Sitemi yavaşlatır mı?+
Doğru gömüldüğünde hayır. Video preload="none" ile gelir, sayfa açılışında yalnızca 20-40 KB'lık poster görseli yüklenir. Video ekranın en az dörtte biri göründüğünde başlar, ekrandan çıkınca ve sekme arka plandayken durur. 'Hareketi azalt' ayarı açık kullanıcılarda hiç oynamaz.
Instagram Reels formatına uygun teslim ediyor musunuz?+
Evet. Reels ve TikTok için 1080x1920 (9:16), 30 fps, H.264 MP4 teslim ediyorum. Başlık ve logolar, uygulama arayüzünün kapladığı üst ve alt bölgelerin dışında, güvenli alanda kalacak şekilde yerleştirilir. Aynı kompozisyondan 1:1 ve 4:5 gönderi sürümü de çıkarılabilir.
Teslim süresi ne kadar?+
Logo sting 3-5 iş günü, site hero loop'u 4-7 iş günü, ürün veya arayüz demo loop'u 5-10 iş günü. Kinetik tipografi Reels şablonu kurulduktan sonra her yeni video genellikle 1 iş gününde çıkar. Storyboard onayı ne kadar hızlı gelirse süre o kadar kısalır.
Logo animasyonu için ne göndermem gerekiyor?+
Logonun vektör dosyası (SVG, AI veya PDF), marka fontlarının dosyaları ya da adları ve renk kodları yeterli. Vektör dosyanız yoksa logoyu yeniden çizmek pakete eklenebilir.
Videoyu sonradan kendim güncelleyebilir miyim?+
Metin değişiklikleri için bana yazmanız yeterli; kompozisyon kodla kurulduğu için yeni metinle tekrar render dakikalar sürer. İsterseniz kaynak kompozisyonu da teslim ediyorum, HTML bilen biri metin ve renkleri kendisi değiştirebilir.
İLGİLİ HİZMETLER