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
Trafik ve kasko teklifleri, Windows robotu, CRM ve mutabakat. Aşağıdaki sessiz video önceki arayüz sürümünü gösterir; güncel ürün kapsamı çalışma sayfasındadır.
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'
}); Örnek markalarla hazırlanmış tasarımları inceleyin; bu sayfalar gerçek işletme veya hizmet teklifi değildir.
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.