01 · Scroll-triggered reveal
Element viewport'a girdiğinde fade + drift.
gsap.fromTo(el,
{ opacity: 0, y: 28 },
{
opacity: 1, y: 0,
duration: 1.0,
ease: 'power3.out',
scrollTrigger: { trigger: el, start: 'top 92%' }
}
);
Site, vitrin değil tezgâhtır. Hız ölçer, AcenteDestek canlı paneli, schema deneme alanı ve stüdyonun anlık durumu — her bölüm çalışan bir araç. Sayfa açıkken bizim çalıştığımız şartlarda çalışıyorsunuz.
01 · Stüdyo durumu
Anlık veriler — build sırasında üretilen ve sayfa açıkken güncellenen. Her satır canlı bir kanıt.
02 · Hız labı
URL'yi yapıştır → tarayıcıdan 3 ölçüm + warmup, sonra dijicenter.com ile karşılaştır. Ölçüm senin bilgisayarından senin bağlantınla yapılır — sayılar bizden değil.
Ne ölçüyor: HEAD request TTFB (sunucunun ilk byte yanıt süresi + ağ kurulumu). Ne ölçmüyor: Lighthouse skoru, LCP, FCP, kullanıcı algıladığı sayfa açılış hızı — bunlar için PageSpeed Insights daha kapsamlıdır. Bu lab "sunucun ne kadar hızlı dönüyor?" sorusunu kabaca cevaplıyor.
—
03 · Canlı kanıt
5 pilot acente, 2024'ten beri. Bu sayfayı açtığınız an, Zorbaz Sigorta da panelden teklif giriyor olabilir.
04 · AI brief asistanı
2-3 cümle yaz, sektörüne uygun Türkçe bir Discovery brief taslağı çıkaralım. Sektör tespiti + kapsam kalemleri + Discovery soruları — hepsi senin metnine özel.
—
05 · Schema tezgâhı
Sektörü ve firma bilgilerini doldur → anında JSON-LD schema önizlemesi. "Bu kod sitende olursa Google ne anlar?" sorusunun canlı cevabı. Rich Results validator'una tek tıkla bağlan.
06 · Hareket tezgâhı
Sitemizin imzasını oluşturan 4 mikro-hareket — kodla birlikte. Düğmeye bas, hareketi izle, kodu kopyala.
Element viewport'a girdiğinde fade + drift.
gsap.fromTo(el,
{ opacity: 0, y: 28 },
{
opacity: 1, y: 0,
duration: 1.0,
ease: 'power3.out',
scrollTrigger: { trigger: el, start: 'top 92%' }
}
); Buton kullanıcının cursor'una yaklaşır — sadece primary CTA için.
el.addEventListener('mousemove', (e) => {
const r = el.getBoundingClientRect();
const x = e.clientX - (r.left + r.width / 2);
const y = e.clientY - (r.top + r.height / 2);
gsap.to(el, { x: x * 0.22, y: y * 0.22 });
}); SplitType ile satırı kelimelere ayır, yPercent ile alt sırayla yukarı.
const split = new SplitType(el, { types: 'lines,words' });
gsap.fromTo(split.words,
{ yPercent: 110, opacity: 0 },
{ yPercent: 0, opacity: 1,
duration: 0.9, ease: 'power3.out',
stagger: 0.025 }
); stroke-dasharray ile satır altına çizilen accent çizgi.
const path = el.querySelector('path');
const len = path.getTotalLength();
path.style.strokeDasharray = len;
path.style.strokeDashoffset = len;
gsap.to(path, {
strokeDashoffset: 0,
duration: 1.6, ease: 'power3.inOut'
}); SSS
Evet. Hız labı, schema doğrulayıcı, brief asistanı, GSAP playground ve önizleme tezgâhı — tüm araçlar tarayıcı içinde çalışır, kayıt veya ücret yok.
Brief asistanı tamamen tarayıcı içinde çalışır; verileriniz hiçbir sunucuya gönderilmez. İsteğe bağlı olarak özet WhatsApp'ta bize iletilebilir.
Verdiğiniz URL'in temel performans metriklerini (TTFB, response time, transfer size) tarayıcıdan ölçer. Lighthouse alternatifi değil; hızlı ön-değerlendirme aracı.
Atölyede çıkardığınız brief'i veya hız raporunu doğrudan WhatsApp veya iletişim formuna ekleyip gönderebilirsiniz. 1 iş günü içinde dönüş yapıyoruz.
Evet. Tüm araçlar tarayıcı içinde çalıştığı için coğrafi sınır yok. Türkçe arayüz; İngilizce talepleri online görüşmede karşılayabiliriz.