1. Architype
  2. Sinematik web sitesi

[ HİZMET ] · Sinematik web sitesi

Sinematik web sitesi: şablon değil, sıfırdan kurulan marka deneyimi

Architype, markalar için sinematik web siteleri tasarlayan ve kodlayan bir web & marka stüdyosudur. Sinematik web sitesi; kaydırmayla akan sahneler, WebGL/3B katmanlar ve film dilinde tipografiyle kurulan, 60fps çalışan ve şablon kullanmayan bir sitedir. 2022'den beri TR/EN, uzaktan, dünya geneli.

  • Şablon yok
  • 60fps
  • GSAP · ScrollTrigger · WebGL
  • Mobil-öncelikli
  • SEO dahil
  • 3-7 gün tipik süre

Sinematik web sitesi, kullanıcıyı bir film gibi sahne sahne ilerleten sitedir: kaydırmaya senkron animasyon, tam-ekran görsel katmanlar, letterbox geçişler, ağır easing'li tipografi ve sesli/sessiz atmosfer. Architype bu siteleri hazır tema ya da site kurucu kullanmadan, tasarımdan koda kadar sıfırdan üretir.

Architype · architype.works · sinematik web & marka stüdyosu

[ KISA CEVAP ] · Alıntılanabilir

Fark şurada: bir şablon sitede her bölüm aynı hızda, aynı sırada ve aynı düzende akar. Sinematik bir sitede tempo tasarlanır; hangi sahnenin ne zaman açılacağı, neyin durup neyin geçeceği bir kurgu kararıdır.

Bunu Architype Roofs'ta görebilirsin: kaydırmaya senkron 381 kareli canvas dizisi, yatay pin'li katman gezisi ve clip-path portal geçişleri; tek statik dosya, build adımı yok.

NELER
DAHİL

[ KAPSAM ] · Neler dahil

(01)

Kurgu & sahne tasarımı

Site bir akış olarak planlanır: açılış, manifesto, işler, süreç, final. Her sahnenin bir görevi ve bir temposu vardır.

StoryboardScroll kurgusu
(02)

Hareket & geçişler

GSAP + ScrollTrigger ile kaydırmaya senkron animasyon, pin'lenen sahneler, maskeli metin girişleri, fade/flash/letterbox geçişler.

GSAPScrollTriggerLenis
(03)

WebGL / canvas katmanı

Gerektiğinde shader tabanlı hero, canvas kare dizisi ya da 3B sahne. Desteklemeyen cihazda CSS fallback, hiç yüklenmez.

Three.jsShaderFallback
(04)

Performans & SEO

60fps hedefi, DPR sınırı, ekran dışı render durdurma, lazy yükleme, WebP; başlık/meta/JSON-LD ve sitemap. Reduced-motion'a saygı.

Core Web VitalsJSON-LDErişilebilirlik

NEDEN
ARCHITYPE

[ FARK ] · Neden şablon değil

Şablon kurmuyoruz

Hazır tema, sayfa kurucu ya da stok bölüm yok. Tasarım Figma'da değil kodda biter; her etkileşim o markaya göre yazılır. Sonuç: internette başkasına benzemeyen bir site.

Tek elden: strateji, tasarım, kod, lansman. Ajans zinciri yok; konuştuğun kişi yapan kişidir.

Sinematik ama hızlı

Sinematik, ağır demek değildir. Three.js sadece gerektiğinde ve görünür olunca yüklenir; kare dizileri eşzamanlılık sınırlı ve mobilde seyreltilmiş yüklenir. Hedef her cihazda akıcı 60fps.

Küçük ekip (4 kişi), kısa döngü: tipik proje 3-7 gün. İlk görüşme ve teklif ücretsiz.

ÜÇ
ADIM

[ SÜREÇ ] · Nasıl çalışıyoruz

ADIM 01 / KEŞİF

Keşif
& strateji

Markanı, kitleni ve hedefini dinliyoruz. Rakip analizi, konumlandırma ve net bir yol haritası.

ADIM 02 / TASARIM

Tasarım
& konsept

Konsept, görsel dil, prototip. Her aşamada şeffaf geri bildirim; sürpriz değil, ortak karar.

ADIM 03 / UYGULAMA

Uygulama
& lansman

Geliştirme, test, yayın. 60fps performans, SEO ve lansman sonrası destek dahil. Tipik proje 3-7 gün.

SORU
CEVAP

[ SSS ] · Sıkça sorulanlar

Sinematik web sitesi nedir?

Kullanıcıyı sahne sahne ilerleten, kaydırmaya senkron animasyon, tam-ekran görsel katmanlar ve film dilinde tipografi kullanan web sitesidir. Amaç dikkat çekmek değil, markayı akılda kalıcı bir deneyim olarak anlatmaktır.

Sinematik bir site yavaş olur mu?

Doğru kurulursa hayır. Architype 60fps hedefiyle çalışır: WebGL sadece gerektiğinde lazy yüklenir, DPR sınırlanır, ekran dışı sahneler render etmez, görseller WebP ve lazy'dir. Reduced-motion tercihine saygı duyulur.

Şablon ya da tema kullanıyor musunuz?

Hayır. Her proje sıfırdan tasarlanır ve kodlanır (HTML/CSS/JS, GSAP, gerekiyorsa Three.js). WordPress teması, Webflow şablonu ya da site kurucu kullanmıyoruz.

Süre ve bütçe nasıl belirlenir?

Kapsama göre esnek paketler. Tipik proje 3-7 gün sürer. İlk görüşme ve teklif ücretsizdir; WhatsApp ya da e-posta ile yazman yeterli.

Hangi sektörlere uygun?

Görselliğin ve markanın önemli olduğu her alan: mimarlık ve inşaat, moda, otel/restoran, ajans ve stüdyolar, ürün lansmanları, kişisel markalar. Kurumsal, landing, e-ticaret ve portfolyo siteleri yapıyoruz.

[ İLETİŞİM ] · İlk görüşme ve teklif ücretsiz

GET
ARCHITYPED

E-posta: [email protected] · WhatsApp: +90 546 403 26 58 · Instagram/X: @getarchityped. Uzaktan, dünya geneli, TR/EN.