Otomotiv & Araç Galerileri

Galeri — Otomobil Galerisi

Perakende mantığıyla kurulmuş galeri sitesi: iki katlı başlıkta marka/model/bütçe araması ve görselli kategori menüleri; açılış “haftanın otomobili” ilanının ürün sayfası — solda canlı stüdyo ışığı sahnesi, sağda fiyat, ekspertiz, taksit ve test sürüşü kutusu, altında size uyan otomobilleri sahneye çıkaran eşleştirici.

Canlı demoyu aç Bu siteyi edinin

Demodaki işletme kurgusaldır; fotoğraflar örnek amaçlıdır.

Neler dahil

Bu tasarımla birlikte kurulan bölümler ve modüller. Kurulumda işletmenize göre açılır, kapatılır ya da genişletilir.

Akıllı araç eşleştirici: açılıştaki “Size uyanlar” sekmesinde amaç, bütçe ve öncelik seçilir; seçilen otomobil stüdyo sahnesine ışık bandı geçerken girer ve satın alma kutusu o ilana dönüşür. Ayrı sayfada logaritmik bütçe + stok histogramı, sürüklenebilir öncelik dengeleyici, uyum yüzdesi, gerekçeler, radar ve taksit tahmini
Ürün sayfası gibi açılış: haftanın otomobili büyük canlı stüdyo sahnesinde (WebGL ışık bandı, camda yansıma, zeminde ayna yansıması), altında jant/kabin/motor/bagaj küçük resim şeridi; sağda fiyat, yıl, km, 13 panelli ekspertiz özeti, test sürüşü ve teklif
İki katlı perakende başlığı: marka, model, bütçe (“5 milyon”) ve model yılını anlayan anlık stok araması; altında Coupe, Cabrio, Sedan, SUV ve arazi, Elektrik ve hibrit, Klasikler, Bütçeye göre, Markalar kategori şeridi ve görselli mega menüler
Izgara önce katalog ana sayfa: kategori sekmeleriyle Flip geçişli stok ızgarası; arasına sabitlenmiş teknik föy, ekspertiz çizimi, son satılanlar, konsinye ve atölye modülleri yerleşir
Sabitlenmiş teknik föy: fotoğraf jant, kabin, motor ve bagaja yakınlaşır; her durakta sıcak nokta, teknik veri ve panelin mikron ölçümü (mobilde yatay kartlar)
Stok vitrini: marka, gövde tipi, model yılı, kilometre, yakıt, vites ve fiyat süzgeçleri; süzgeç durumu adres çubuğunda paylaşılabilir, ızgara/liste görünümü
En fazla üç otomobili yan yana karşılaştırma tablosu (en iyi değer işareti, yalnızca farklar); favoriler
Araç sayfası: büyük galeri ve klavyeyle gezilen lightbox, kilometre sayacı, teknik tablolar, donanım, ekspertiz çizimi ↔ panel listesi, servis geçmişi ekseni
Taksit hesabı (açılışta ve finansman sayfasında): peşinat, vade ve faiz oranına göre aylık taksit ve toplam geri ödeme (bilgilendirme amaçlı)
Test sürüşü randevusu (gün ve saat seçimi) ve teklif formları sağdan açılan çekmecede; tarayıcı varsayılanı olmayan özel seçimler ve takvim
Hizmet merkezi: aracını sat (beş adımlı sihirbaz), takas, finansman ve atölye sayfaları ortak sekme çubuğuyla; yardım merkezi düzeninde salon, iletişim, SSS, KVKK ve çerez sayfaları
Şube kartlı footer: salon, atölye ve ekspertiz stüdyosu ayrı kapı, ayrı saat ve canlı açık/kapalı durumuyla; adres kopyalama, yol tarifi
AutoDealer, Car + Offer, ItemList, FAQPage, Service ve BreadcrumbList yapısal verileri; KVKK ve çerez sayfaları

Sitedeki sayfalar

Demodaki her sayfa gerçek içerikle çalışır. Bir sayfaya tıklayın, demoda o sayfa açılsın.

Ana sayfa/

Akıllı araç eşleştirici/arac-bul/

Stok/stok/

Araç sayfası/stok/porsche-911-carrera-gts-991-2018/

Aracını sat/aracini-sat/

Takas/takas/

Finansman/finansman/

Hizmetler/hizmetler/

Salon ve ekip/hakkimizda/

İletişim/iletisim/

Sık sorulanlar/sss/

KVKK/kvkk/

Çerez politikası/cerez-politikasi/

Nasıl çalışır

Seçtiğiniz tasarımdan yayındaki sitenize dört adım

Tasarım ve altyapı hazır olduğu için iş, sizin içeriğinizi doğru yerleştirmeye ve markanıza uyarlamaya kalır.

1
Tasarımı seçin
Canlı demoyu masaüstünde ve telefonda inceleyin; formları, takvimleri, menüleri deneyin.
2
Teklifinizi alın
Sayfa ve dil sayısını, ek modülleri ve bakım kapsamını konuşup net bir teklif hazırlıyoruz.
3
İçeriğinizi gönderin
Logo, fotoğraflar, hizmetler, ekip ve çalışma saatleri için size bir kontrol listesi veriyoruz.
4
Yayına alalım
Alan adınızı bağlıyor, SSL, hız ve SEO ayarlarını yapıyor, siteyi barındırıp güncel tutuyoruz.

Her hazır sitede

Görünmeyen ama farkı yaratan altyapı

Tasarımın arkasında, ajans projelerimizde kullandığımız teknik standartlar var.

Telefonda kusursuz

Her sayfa önce telefon için düşünüldü; 360 piksellik ekrandan geniş masaüstüne kadar taşmadan, okunaklı çalışır.

Hızlı açılış

Yazı tipleri ve görseller kendi sunucumuzdan, modern biçimlerde gelir; animasyonlar ekran dışında durur.

SEO altyapısı

Sayfa başlıkları, açıklamalar, schema.org yapılandırılmış veri ve site haritası kurulumda hazır.

KVKK ve çerez metinleri

Aydınlatma metni, çerez politikası ve form onayları işletmenizin bilgileriyle doldurulur.

Barındırma ve bakım

Sunucu, SSL, yedekleme, güvenlik güncellemeleri ve küçük içerik değişiklikleri bakım kapsamında.

Talepler e-postanıza

Randevu, rezervasyon ve iletişim formlarından gelen talepler belirlediğiniz adrese iletilir.

Hazır siteler

Diğer hazır siteler

Sağlık & Klinikler

Selvi — Özel Klinik

Çok branşlı poliklinik ve check-up merkezleri için uygulama gibi çalışan premium site: solda dikey ray, açılışta "Neresi rahatsız?" araç paneli ve porselen 3D figürlü vitrin; bölge, belirti ve gün seçimi o günün hekimini ve saatini randevu sihirbazına taşır.

Uygulama kabuğu açılış: solda "Neresi rahatsız?" araç paneli (8 bölge, belirti onay kutuları, gün seçimi), sağda petrol kemerli vitrinde canlı porselen 3D insan figürü (Three.js); seçilen bölge figürde ışıkla yanar
Canvas üstünde yüzen öneri kartı: bölüm, eşleşme nedeni, seçilen günün hekimi ve gerçek boş saatleri; tek dokunuşla randevu sihirbazının 5. adımına taşır
Sol dikey ray menü: bölge ikonlu sayfalar, kayan aktif gösterge, canlı "sonraki boş" saat ve sabit Randevu düğmesi; "Bölümler" üzerine gelince figür haritalı bölüm paneli açılır
Mobilde uygulama sekmeleri gibi alt çubuk (ortada kabarık Randevu düğmesi) ve tam ekran menü
Rapor düzeninde ana sayfa: solda yapışkan içindekiler ve okuma ilerleme çizgisi, sağda bugünkü doluluk grafiği, bölüm dizini, hekim takvimleri, sigorta, ulaşım, rehber ve SSS

Funnel Display · Funnel Sans

Ayrıntılar Canlı demo

Restoran & Gıda

Kor — Ateş Mutfağı

Sinema perdesi gibi kurulmuş ateş restoranı sitesi: üstte canlı “bu akşam” veri bandı, ortada gerçek zamanlı ısı dalgalı sinemaskop ocak tabağı, altında masa şeridi; bölümler yatay akar, footer masa formu ve haritadır.

Sinematik açılış: geniş sinemaskop bantta aydınlık ocak tabağı, üstünde OGL ile gerçek zamanlı ısı dalgası ve seyrek kıvılcımlar; bandın üstünde ve altında ince, geniş aralıklı künyeler
Canlı “bu akşam” veri bandı (her sayfada): açık/kapalı, kişi sayısına göre boş masa, rezervasyona tıklanan sıradaki boş saatler, ocağın yakılma saatinden tahmini ısısı
Bandın altında yatay masa şeridi: gün okları, kişi sayacı, saat saat boş masa çubukları, gerçek konumlu mini plan; seçilen saatin doluluğu sahnenin ısısını belirler
Gece maketi canlı masa planı: saatler yatay zaman cetvelinde boş masa çubuklarıyla; masalar gün/saat/kişiye göre boş, az kaldı, dolu, uymuyor; seçim rezervasyona hazır gider
Yatay bölümler: sabitlenmiş “bir akşamın akışı” kurs şeridi (Flip pasası), yatay açılan basılı menü kâğıdı (diyet süzgeci), “ocağın etrafında” (şef bankosu, ocak bugün, özel davetler, QR menü), takvim cetveli; mobilde dikey

DM Serif Text (başlık, roman + italik) · Kumbh Sans (değişken 300–800; arayüz ve gövde)

Ayrıntılar Canlı demo

Güzellik, Kuaför & Spa

Mira — Saç, Cilt & Spa Atelieri

Güzellik atelieri sitesi bir dergi gibi kurulu: açılış bir kapak. Dev manşet portrenin arkasından geçiyor, portrenin üstünde imleci izleyen serum damlası mercek var. Kapak manşeti olan mini ajanda, merceğin geçtiği hizmetin gerçek boş saatlerini gösteriyor; iç sayfalar birer makale gibi açılıyor.

Dergi kapağı açılış: dev manşet kesik portrenin arkasından geçer. Portrenin üstündeki serum damlası mercek (WebGL kırılma; manşet de mercek içinde büyür) geçtiği bölgeye göre kapaktaki "Mercek altında" manşetinde o hizmetin sıradaki boş saatlerini açar, tek dokunuşla uzman ve saat seçili randevuya götürür
Tam ekran indeks menü ("İçindekiler"): sayfa numaralı büyük serif liste, satır üstünde değişen görsel önizleme, canlı açık/kapalı, sıradaki dört boş saat, hizmet dünyaları ve bakım sepeti; 150 ms içinde açılır
Canlı uzman ajandası: uzmanlar satır satır, yarım saatlik dilimlerde boş, dolu ve izinli saatler; şu an çizgisi
Bakım planlayıcı: sepetin toplam süresinin sığdığı boşluklar ışıklanır, dokununca uzman ve saat hazır seçili gelir
Kapak konusu "Dört doku, tek ritüel": sabitlenmiş kaydırma anlatımı; doku makroları damla maskeleriyle birbirine dönüşür (GSAP ScrollTrigger + MorphSVG)

Noto Serif Display (değişken 100–900, roman + italik; başlık) · Afacad (değişken 400–700; arayüz ve gövde, tabular rakam) · Logotip: Noto Serif Display harflerinden çizilmiş “mira”, i’nin noktası serum damlası (SVG; footer’da normal boyutta)

Ayrıntılar Canlı demo

Turizm & Otelcilik

Ada — Butik Otel

Butik otel sitesi: günün saatine göre ışığı değişen koy fotoğrafı ekranı kaplar, rezervasyon sahnenin üstünde ince bir çubuktur; ana sayfa feribottan akşam sofrasına tek bir dikey zaman çizgisi olarak akar.

Tam ekran günün saati sahnesi: koy fotoğrafı WebGL (OGL) gölgelendiricisinde şafak, öğle, altın saat ve gün batımı arasında değişir; Bademce’nin yerel saatiyle başlar, kadran sürgüsü ve hızlı düğmelerle sürülür
Sahnenin üstünde ince yüzen rezervasyon çubuğu: özel iki aylık takvim (sezon, en az gece, doluluk), konuklar, görselli oda tipi; seçilen günün gün batımı hesaplanır, “koyda görün” sahneyi o akşama götürür
Ana sayfa “Feribottan akşam sofrasına”: varış gününü saat saat anlatan dikey zaman çizgisi; çizgi kaydırdıkça dolar, üstünde güneş yürür, gün batımı durağının saati canlı hesaplanır
Varış durakları yapışkan ada haritasıyla ilerler: Tuzburnu’ndan otele rota kaydırmayla çizilir, kamera rotanın ucunu izler
Oda listesi: altı oda tipi pencere pusulası, manzara yönü, büyüklük ve fiyatla; üzerine gelince büyük fotoğraf önizlemesi

Petrona (değişken 100–900) · Outfit (değişken 100–900)

Ayrıntılar Canlı demo

İnşaat & Gayrimenkul

Vadi — Konut Projesi

Konut projesi satış sitesi, uygulama sekmeleri gibi bir başlık ve bölünmüş ekran: sağda sayfa boyunca yapışkan, güneşi gerçek açısıyla taşıyan 3D vaziyet maketi; solda akan uzun anlatının her bölümü maketin kamerasını, vurgulanan daireleri ve güneş saatini değiştirir.

Bölünmüş ekran canlı vaziyet maketi (Three.js): sayfa boyunca sağda yapışkan; eğimli arazi, eşyükselti çizgileri, üç blok, ahşap ağaçlar ve güneşin gerçek açısıyla anlık gölgeler
Uzun anlatı maketi yönetir: sekiz bölüm (vaziyet, daire tipleri, manzara, komşular, peyzaj, bir gün, konum, ziyaret) kamerayı, katmanları ve vurguyu kaydırmayla değiştirir
Güneş saati: büyük saat göstergesi, saat ve tarih sürgüsü, gündönümü/ekinoks kısayolları, günü oynatma; maket paneli gün içinde gök rengini değiştirir
Daire tipi seçici: maket o tipteki bütün daireleri cephede yakar, temsilî daireyi işaretler; daire kartında o günkü güneş süresi, gün çizelgesi, fiyat
Sekme başlığı: etkin sekme gövdeyle birleşir, ikinci sırada bölüm sayfaları; görselli iki mega menü ve tasarlanmış mobil çekmece

Epilogue (değişken: wght) · Be Vietnam Pro

Ayrıntılar Canlı demo

Hukuk & Danışmanlık

Kalem — Avukatlık Ortaklığı

Sitenin kendisi bir dava dosyası: kan kırmızısı dosya kapağı, numaralı kâğıt sayfaları, kenar başlıkları, dipnotlar ve sayfa numaraları. Sağ kenardaki ray içindekileri, okuma ilerlemesini ve danışma talebini taşır; ilk sayfada İş Kanunu maddesi avukatın kırmızı kalemiyle işaretlenir, kâğıda basılı hesap tablosu değiştikçe bent ve kenar notu yeniden çizilir.

Belge görünümünde açılış: kanun metni (4857 s. İş K. m. 17 / 1475 s. K. m. 14, kaynaklı kısa alıntı) kâğıdın üstünde; altı çizmeler, daireler, oklar ve kenar notları kırmızı kalemle DrawSVG ile çizilir, notlar marj sütununa yerleşir
Kâğıda basılı hesap tablosu: kanundaki a/b/c/d eşiklerine bölünmüş hizmet süresi kaydırıcısı ve ücret; değiştikçe ilgili bent işaretlenir, kenar notu ve ihbar süresi/kıdem tahmini anında güncellenir; kıdem sekmesi m. 14 metnine geçer
Sağ ray (H6): bu belgenin § içindekileri, kırmızı ilerleme çizgisi, “Sayfa 2 / 6” sayacı, canlı mesai durumu ve danışma talebi; mobilde alt çubuk + içindekiler sayfası
Dava dosyası iskeleti: dosya kapağı (künye, tek satır başlık, ataşlı Ek-1 fotoğrafı), numaralı kâğıt sayfaları, koşan başlık, solda yapışkan kenar başlıkları ve kırmızı marj çizgisi, dipnotlar, “— 3 —” sayfa numaraları — iç sayfalar dahil
Dilekçe düzeninde ana sayfa: Hukuki dayanak → Çalışma alanları → Bir davanın takvimi → Hesaplayıcılar → Vekiller → Büro → Kaynakça → Sonuç ve istem (imzalar çizilir, mühür basılır)

Libre Baskerville (değişken, roman + italik) · Reddit Sans (değişken)

Ayrıntılar Canlı demo

Veteriner & Evcil Hayvan

Kestane — Veteriner Kliniği

Kedi, köpek ve egzotik hayvan klinikleri için saf beyaz, kobalt ve ayçiçeği renkli premium site: yatay sürüklenen tür şeridiyle açılır, şeridin durduğu türe göre dijital karne kendini hesaplar; menü ekranın altında karne biçiminde yüzer, sayfalar uygulama gibi modüllerden oluşur, footer kliniğin canlı durum panosudur.

Merkez parça: yatay sürüklenen tür şeridi (kedi, köpek, kuş, tavşan, sürüngen) — kobalt blokta temiz kesik fotoğraflar bloğun üst kenarından taşar, etkin türde ayçiçeği ofset kontur kayarak belirir; döngülü, sürükleme, ok, klavye ve tür dizini
Şeride bağlı dijital karne: şerit durduğu anda tür, ad ve yaşa göre sıradaki bakım adımı, 12 aylık şerit ve hizmeti seçili randevu bağlantısı yeniden hesaplanır; karnenin vesikalığındaki kontur MorphSVG ile yeni türe dönüşür
Alt dok menü bir karne gibi: solda kobalt kapak (ayçiçeği sırt, dostunuzun adı ve sıradaki adım), etkin sayfa karnenin üst kenarından taşan ayraç sekmesi; üstte yalnız logo, Acil ve Randevu, aşağı inince dokta Randevu belirir
“Tümü” paneli: fotoğraflı 9 hizmet, tür kartına gelince süzülen liste, canlı “klinikte bugün” kartı ve tüm sayfalar; ≤150 ms, Esc ve dışarı tıklamayla kapanır
Pano ana sayfa: uygulama gibi modüller — karneye canlı bağlı 12 aylık bakım planı (.ics), hekimler ve ilk boş saatleri, hizmetler (fotoğraf önizlemeli, tür süzgeçli), gece hattı, pansiyon, rehber

Sora (değişken: wght 100–800) · DM Sans (değişken: opsz, wght)

Ayrıntılar Canlı demo

Etkinlik, Düğün & Organizasyon

Davet — Düğün ve Etkinlik Tasarım Stüdyosu

Düğün ve etkinlik stüdyosu için “planlama masası” sitesi: açılış üstten bakılan keten bir masa; başlık tırtıklı bir davetiye kartında, kadife runner üstünde canlı 3D mekân maketi duruyor ve masadaki planlama kartında mekânı, misafir sayısını, davet türünü seçtikçe masalar maket üzerinde yerleşiyor. Kartlar sürüklenebilir; menü davetiye kartlarından bir indeks, footer boş cumartesilerin takvimi.

Planlama masası açılışı: keten masa, patlıcan kadife runner üstünde canlı 3D mekân maketi (Three.js), tırtıklı davetiye kartında başlık, kumaş kartelası, mekân baskısı, misafir listesi ve saten kurdele; kartlar masada sürüklenebilir (GSAP Draggable)
Planlama kartı → maket: mekân (bahçe, yalı, salon, tekne), misafir sayısı ve davet türü değişince masalar oturma planı motoruyla maket üzerinde yerleşir; masa, sandalye, piste ortalama mesafe ve doluluk göstergeleri, maketten izlenen “Masa 1” isimliği, misafir listesi kartı canlı güncellenir
Oturma planı tasarlayıcı: metre ölçekli üstten plan, masaya dokunup kişi sayısı, sürükleyip konum (fare, dokunmatik, klavye); aynı plan canlı 3D maket olarak, ışık sürgüsüyle gün → gece
Canlı göstergeler: kapasite, dans pistine ortalama ve en uzak mesafe, 90 cm geçit ve servis koridoru kontrolü, pist alanı; PNG indirme ve yazdırma; “Bu düzenle teklif iste” planı sihirbaza taşır
Dokuz adımlı teklif sihirbazı: doluluk gösteren takvim, misafir kaydırıcısıyla canlı plan, bölge ve mekân (özel seçim kutusu), görsel moodboard, kapsam, bütçe aralığı, iletişim + KVKK, özet

Bona Nova (400, 700, italik) · Gantari (değişken: wght)

Ayrıntılar Canlı demo

Spor & Fitness

Kulvar — Performans Kulübü

Açılışı kulübün haftalık ders programının kendisi olan performans kulübü sitesi: 7 gün × saat ızgarasında nabız bölgesi renginde 76 ders ve gerçek saatle ilerleyen "şu an" çizgisi; koyu konsoldaki "Haftanı kur" araç çubuğu kişisel haftayı ızgarada öne çıkarır, nabız çizgisi o haftanın yükünü gün gün yazar. Üstte canlı kulüp bandı, altta modüllerden oluşan kulüp panosu ve canlı durum panosu footer.

Açılış = haftalık program ızgarası: bugünden başlayan 7 gün × saat, 76 ders nabız bölgesi (Z1–Z5) renginde bloklar, çakışan dersler yan yana şeritlerde, gerçek saatle ilerleyen "şu an" çizgisi, ders bilgi kartı (antrenör, stüdyo, kalan yer)
"Haftanı kur" araç çubuğu (hedef, seviye, gün sayısı, gün/saat paneli): kulübün gerçek programından kişisel hafta kurar, ızgarada dolu renkle öne çıkarır; bloğa dokununca ders haftaya eklenir ya da çıkar
Canlı nabız konsolu (canvas): monitör gibi süpürerek haftanın yükünü gün gün yazar; atım yüksekliği o günün yükü, sıklığı en yoğun ders, rengi nabız bölgesi; imleç hızı nabzı yükseltir
H10 canlı veri bandı başlığı: açık/kapalı, şu an derste olan kişi sayısı, sıradaki ders ve boş yer, pist doluluğu, Teşvikiye saati; altında ince menü ve görselli ders mega menüsü
Kulüp panosu (modüller): haftanın dökümü (günlük yük, kas grubu dengesi, otomatik ders önerisi, haftayı tek formla ayırtma + takvim dosyası), pistin saat saat doluluğu, sekiz ders, antrenörler, üyelik, toparlanma protokolü, koşu kulübü rotası, ring akşamı

Antonio (değişken: wght 100–700) · Readex Pro (değişken: wght 160–700)

Ayrıntılar Canlı demo

Kuyumculuk & Mücevher

Kuyum — Mücevher Atölyesi ve Butiği

Vitrin ekseni: gerçek kırılmalı 3D tektaş yüzük açık stüdyoda, gece safiri bir madalyonun önünde sayfanın tam ortasında durur; kesim, karat, metal ve montür yüzüğün çevresindeki çemberde birer duraktır, yüzük seçtikçe değişir. Akış bir mücevher evinin defteri gibi: 4C makalesi, manşet koleksiyon, atölye röportajı.

Ortalanmış canlı yüzük ve radyal yapılandırıcı: gerçek kırılmalı 3D pırlanta (RGB dispersiyon, yıldız parıltıları, kostik ışık) safir madalyonun önünde; kesim, metal ve montür çemberin üstünde birer durak, karat çemberin yayında sürüklenen elmas tutamak; "örnek" fiyat aralığı ve teslim süresi yüzüğün altında
Telefonda duraklar sekmeye dönüşür: çemberdeki işaret seçili durağı gösterir, seçenekler yüzüğün altında büyük dokunma hedefleriyle açılır
Taşın dört C’si bir makale olarak: ortalanmış makale başlığı ve imza, ardından sabitlenmiş üçlü sayfa (solda metin, ortada aynı yüzük, sağda ölçek); kesimde tepeden görünüm ve ışın çizimi, berraklıkta taşı izleyen 10× lup, renkte D→K, karatta 0,50→2,00 ct
Koleksiyonlar manşet + liste: büyük manşet koleksiyon, üç öne çıkan parça ve diğer beş koleksiyonun görselli listesi
Atölyeden röportaj: baş mıhlayıcıyla soru-cevap, iki sütunlu dergi metni, iş gününe göre değişen "tezgâhta şimdi" kartı ve damga anahtarı

Bellefair · Mulish (değişken: wght)

Ayrıntılar Canlı demo

Eğitim

Ebegümeci — Bahçe Okulu

Kâğıt kesik bahçe yolunda açılan bahçeli anaokulu + ilkokul sitesi: beş sınıf bahçedeki beş ağacın adını taşır; yol sürüklenince sahne o ağaca kayar ve sınıfın kartı belirir, doğum tarihi yolu çocuğun sınıfına taşır; ana sayfa 08:00’den 17:00’ye bir okul gününün omurgası üzerinde akar.

Yatay sürüklenen kâğıt kesik bahçe yolu (GSAP Draggable + Inertia, katmanlar farklı hızda kayar): Tohum → Ayva → Dut → Ceviz → Çınar; her durakta sınıfın kartı (grup, boş yer, günün ritmi şeridi, öğretmenler)
“Çocuğunuzun ağacını bulun”: segmentli doğum tarihi + yıl/ay/gün seçici ve dönem → yaş grubu ve sınıf önerisi (eşikler kurulumda okulun ve MEB’in güncel kuralına göre girilir), boş yer; yol önerilen sınıfa kendiliğinden kayar
“Okulda bir gün” dikey zaman çizgisi omurgası (08:00 → 17:00): saat saat sınıfın blokları, öğretmen, mekân, öğle menüsü; gün sekmeleri ve canlı “şu an” işareti
Yapışkan bahçe penceresi: aşağı inildikçe gökyüzü renkleri, güneş yayı, ağaç gölgeleri ve akşam ışığı değişir; o anın yeri sahnede etiketlenip parlar
Saat dallarına asılı bölümler: kapıda karşılayan öğretmenler, yaklaşım, köşk anı, bugünün sofrası ve haftalık menü, atölyeler, “Servis var mı?”, programa göre gün uzunluğu çizelgesi, akşam veli buluşmaları

M PLUS Rounded 1c (700, 800 — başlık ve rakamlar) · Lexend (değişken 100–900 — metin)

Ayrıntılar Canlı demo

Mimarlık & Tasarım

Atölye — Mimarlık ve İç Mimarlık Ofisi

Mimar masası: üstten bakılan beton tablada büyük pafta, çizim ile gerçek yapı fotoğrafı arasında sürüklenen bölücü ve antet kutusunda yazılı başlık; çevresinde sürüklenebilir paftalar, numuneler, karton maket ve süre tahmini hesap kâğıdı. Pafta numaralı sol ray, dergi akışı, pafta listesi footer.

Mimar masası açılışı (K10): üstten görülen beton tabla ve ultramarin kesim altlığı; ortadaki büyük pafta canlı “çizim ↔ yapı” sahnesi — dört proje fotoğrafına elle hizalanmış teknik çizim, GSAP Draggable + Inertia bölücü, klavye ve dokunmatik; başlık ve proje künyesi paftanın antet kutusunda
Masadaki nesneler sürüklenebilir (Draggable + Inertia): avan plan ve kurul damgalı görünüş paftaları, proje fotoğraf baskısı, malzeme numuneleri (arşive süzgeçli bağlantı), ölçekli karton maket, iki yüzlü ölçek cetveli; tutulan nesne öne gelir
“Projeniz ne kadar sürer?” hesap kâğıdı: tür + m² → tahmini hafta ve evre şeridi; tür seçimi paftada en yakın dosyayı açar, planlayıcıya ön dolu bağlantı
Sol dikey ray (H2): pafta numaralı dizin, sağ kenarda sayfa ilerlemesini taşıyan çizgisel ölçek çubuğu, altta antet kutusu — pafta numarası ve görünen bölüme göre değişen ölçek (1:50 → 1:500 → 1:5 …); Projeler’den açılan görselli arşiv paneli; mobilde alt çubuk + pafta listesi çekmecesi
Dergi akışı (A8): “Arşivden” manşet + numaralı liste (üzerine gelince fotoğraf), üç farklı oranlı ikinci haber; “Bir dosyanın 124 haftası” makalesi

Hubot Sans (değişken, wdth 75–125 + wght; başlıklar dar, kelime işareti geniş kesim) · Radio Canada Big (değişken 400–700; metin ve rakamlar)

Ayrıntılar Canlı demo

Yat & Tekne Kiralama

Rota — Yat ve Gulet Kiralama

Meltem haritası: gerçek kıyı verisinde ayın tipik rüzgârı canlı akar, seyir masası rotayı gün gün çizer; tekne rotada ilerledikçe her koy fotoğraflı gün kartıyla açılır.

Canlı meltem haritası + seyir masası: OpenStreetMap kıyısı üstünde ayın tipik meltemi OGL rüzgâr alanı olarak akar; liman, ay, gün, tempo ve öncelik seçilince rota deniz üzerinden çizilir, harita rotaya yakınlaşır
Rüzgâr alanı işlevle bağlı: ay ve liman değişince akış yönü ve hızı değişir; sert meltem aylarında planlayıcı korunaklı koyları öne alır (temsilî iklim değerleri, etiketli)
Sabitlenmiş “gün gün” anlatımı: tekne MotionPath ile planlanan rotada ilerler, geçilen yol DrawSVG ile çizilir, her koyda fotoğraflı gün kartı (mesafe, seyir süresi, bağlama, yüzme/sofra notu); mobilde yatay kart şeridi
Rotaya uygun tekneler: konuk sayısı, çıkış limanı ve en uzun ayağa göre sıralı; orta sezon tahmini ücret ve rota ön dolu teklif bağlantısı
Aynı su hattında filo şeridi (Embla): on bir teknenin yan profili gerçek boylarıyla aynı ölçekte

Abhaya Libre (500, 600, 700) · Plus Jakarta Sans (değişken 200–800)

Ayrıntılar Canlı demo

Muhasebe & Mali Müşavirlik

Mizan — Mali Müşavirlik

Muhasebe yazılımı gibi kurulmuş bir mali müşavirlik sitesi: başlığın ortasında Ctrl+K arama kutusu beyanname türlerini, terimleri ve hizmetleri anında bulur; açılışta oxford bloğun üstünde bir uygulama penceresi — solda şirket türü karşılaştırıcı paneli, sağda canlı para akışı sankey’i ya da aynı modelin kuruşu kuruşuna tablosu.

Uygulama kabuğu açılış: solda şirket türü karşılaştırıcı paneli (şahıs / limited / anonim için vergi canlı, ciro, kâr marjı, kâr dağıtımı, gerekçeli öneri), sağda sütun başlıklı geniş canvas’ta canlı sankey: tahsilattan giderlere, KDV’ye, kurumlar ya da gelir vergisine, stopaja ve net kâra; girdi değişince bantlar ve tutarlar GSAP ile yeniden akar
Akış / Tablo görünüm sekmesi: aynı model kalem kalem defter tablosu olarak (tutar, ciroya oranı, oran çubuğu, “devlete giden” ve “size kalan” alt satırları); canvas altında üç toplamlı defter şeridi
Arama/komut merkezli başlık (Ctrl+K / ⌘K): beyanname türleri, 16 terimlik sözlük, hizmetler, sayfalar, rehber ve SSS anında süzülür; ↑↓ ve Enter ile gezilir; sağdaki önizlemede beyannamenin sıradaki üç son günü canlı hesaplanır; kutu boşken panel sitenin indeksi (menü) olur; dar ekranda tam ekran
Pano düzeninde ana sayfa: sabitlenmiş “Mali yıl” modülü (kaydırdıkça 12 ay şeridinde son günler yanar), hizmet defteri satırları, koyu “ay kapanışı” modülü (kapanış cetveli + demo beyan onayı), paket kapsamı tablosu, fotoğraflı sektör modülü, ekip ve rehber modülleri
Şirket türü karşılaştırıcı sayfası: ciro, kâr marjı, ortak ve çalışan sayısı, faaliyet, kâr dağıtımı ve yatırımcı planına göre üç tür yan yana; vergi yükü, efektif oran, kuruluş, sermaye, yükümlülük, sorumluluk, devir; aynı girdilerle canlı akış ve tarife tablosu

Roboto Serif (değişken, opsz + wght) · Roboto Flex (değişken, opsz + wght)

Ayrıntılar Canlı demo

Oto Servis & Yedek Parça

Ayar — Oto Servis ve Yedek Parça

Çok markalı oto servisler için açılışı atölye kalkış panosunun kendisi olan site: yarık karolarda dönen teslim saatleri, panonun üst satırında “Aracım nerede?”, iş emri / model / parça arayan iki katlı başlık, uygulama gibi modüller ve canlı durum panolu footer.

Merkez parça: açılış ekranı atölye kalkış panosunun kendisi; başlığı “Atölye panosu · Bugün”, üst satırı “Aracım nerede?”, teslim saatleri tek tek katlanan yarık karolarda; iş emri kodu girilince satır öne çıkar, 7 aşamalı zaman çizelgesi açılır ve panonun fotoğraf hücresi o bölmeyi gösterir
İki katlı başlık: iş emri no, araç modeli ve parça/OEM arayan birleşik arama (öneriler, klavye, “/” kısayolu); altta hizmet kategorileri şeridi ve her hizmet için fotoğraflı, sıradaki boş lift saatli mega panel
Footer’da canlı atölye durum panosu: şu an açık mı, boş lift, sıradaki boş randevu (tek tıkla ayırt), ortalama teslim ve iş emri kutusu
Araç röntgeni: sabitlenen bölümde tarama çizgisi araç siluetinde ilerler; fren, triger, yağ, akü, klima ve lastik sistemleri sırayla çizilir, bakım aralıkları kartlanır
Bakım planlayıcı: marka → model/motor → yıl → km özel seçicileri, km cetvelinde sıradaki bakım ve gelecek kalemler, “gecikmiş olabilir” uyarısı

Encode Sans Expanded (Encode Sans değişken, wdth 125) · Encode Sans (değişken: wdth 75–125, wght 100–900)

Ayrıntılar Canlı demo

Mobilya & Dekorasyon

Kerte — Mobilya Atölyesi ve Showroom

Ölçüye özel mobilya atölyesi ve showroom sitesi: iki katlı perakende başlığın altında ekranı kaplayan gerçek zamanlı 3D salon; sahnenin üstünde yüzen ince kurucu çubuğundan modül, uç, kumaş ve ayak seçilir, kanepe odada yeniden kurulur. Ardından katalog ızgarası; aralarında odaya sığma kontrolü, yakın plan kumaş anlatımı, kartela ve ölçü defteri. Footer showroom randevu formu ve kroki.

Tam ekran canlı 3D salon (Three.js): kobalt duvar ve meşe parke kenardan kenara; sahnenin üstünde yüzen ince kurucu çubuğu (modül · uç · kumaş · ayak · ölçü · örnek fiyat). Modül ve kumaş açılır panellerden seçilir; kanepe gün ışığı vuran odada yumuşakça yeniden kurulur, malzeme anında değişir
İki katlı perakende başlık: üst katta ürün / kumaş / ölçü kapsamlı arama (ölçüde yazılan genişliğe en yakın modeller, kumaşta tek dokunuşla numune kutusu), “Tasarımım” (son kurucu tasarımının ölçüsü), beş yuvalı numune kutusu, randevu; kaydırınca üst kat kayar, kategori şeridi yapışık kalır
Kategori şeridinden görselli mega menüler: kanepeler, koltuklar, yemek, yatak odası (ürün fotoğrafları + süzgeç bağlantıları), ölçüye özel (üretim takvimi), kumaşlar (dokulu kartela, numuneye ekle), showroom (açık/kapalı, saatler)
Ana sayfa ızgara önce katalog: büyük ürün kartları (üzerine gelince ölçü çizgisi) ve aralarına giren modüller — odanıza sığar mı karosu, kartela satırı, ölçü defteri karosu, kobalt showroom karosu
Yumuşak yastıklı gerçek oranlı kanepe: yuvarlatılmış kenarlı kabarık minderler, kumaştan biye, kaidede kiremit kontrast dikiş, pirinç uçlu torna meşe ayaklar; kanepe üstünde canlı kerteli ölçü çizgisi

Castoro (400 + italik) · Anek Latin (değişken: wdth 75–125, wght 100–800)

Ayrıntılar Canlı demo

Temizlik, Tadilat & Ev Hizmetleri

Derli Toplu — Temizlik ve Tadilat

Ev-ofis temizliği, koltuk yıkama, boya-badana ve küçük tadilat firmaları için uygulama gibi çalışan site: açılışta dört soruluk sohbet sihirbazı ("Nereyi temizleyelim?") canlı silme sahnesinin üstünde yüzer, cevaplar sahnedeki odayı ve kiri değiştirir, sonunda fiyat, ekip ve süre çıkar; menü ekranın altında yüzen uygulama sekmeleri, footer canlı durum panosu.

Sohbet tipi fiyat sihirbazı: tam ekran büyük soru ("Nereyi temizleyelim?" → "Kaç oda?" → "Ne kadar kirli?" → "Hangi gün?"), büyük dokunulabilir cevap karoları; son adımda canlı fiyat, ekip, süre ve başlangıç–bitiş saati çıkar, seçimler planlayıcıya ya da keşif formuna hazır taşınır
Canlı silme sahnesi (WebGL/OGL) sihirbazın arkasında tam genişlikte: seçilen hizmet sahnedeki odayı değiştirir, kirlilik seçeneklerinde gezinirken kir miktarı canlı değişir, plan çıkınca oda çekpasla baştan sona temizlenir; ziyaretçi fotoğrafı imleç ya da parmakla kendisi de silebilir
Alt dok menü: üstte yalnız logo ve planlama hattı düğmesi; asıl menü ekranın altında yüzen ultramarin uygulama sekmeleri (kayan limon silecek ağzı, Hizmetler ve Menü sekmeleri dokun üstünde görselli yaprak açar)
Oda oda kontrol listesi: kaydırmayla sabitlenen tam genişlik sahnede dört oda sırayla çekpasla temizlenir, yüzen listede kapsam maddeleri canlı işaretlenir (GSAP ScrollTrigger, mobilde yapışkan sahne)
Anında fiyat ve ekip planlayıcı: 6 hizmet sekmesi, oda sayaçları ya da m² sürgüsü, kirlilik, ekstralar, sıklık indirimi; ultramarin fiş panelinde kroki, süre, ekip, fiyat dökümü, malzeme listesi; boya-badana ve tadilatta keşif modu (m², tavan, kapsam, fotoğraf alanı, örnek işçilik aralığı)

Rubik (değişken: wght 300–800, tek aile)

Ayrıntılar Canlı demo

Araç Kiralama

Yolcu — Araç Kiralama

Saf beyaz ve gök mavisi üstünde asfalt ve gün batımı turuncusuyla bir araç kiralama sitesi: açılışta gerçek il sınırlarından çizilmiş stilize Türkiye haritası, alış ve iade noktası seçilince il merkezlerinden geçen parlak rota akar; mesafe, sürüş süresi ve tek yön ücreti canlı. Gün gün fiyat ısı takvimli toplam maliyet hesaplayıcı, kaydırmayla ilerleyen “aracın günü” anlatımı.

Canlı rota haritası: 81 il sınırından sadeleştirilmiş stilize Türkiye haritası; alış ve iade noktası (harita plakasından ya da yol planı panelinden) seçilince il merkezlerinden geçen parlak rota WebGL ile akar, mesafe, sürüş süresi, tek yön ücreti ve geçilen iller anında çıkar; aynı noktaya iadede günlük 500 km erişim halkası
Toplam maliyet hesaplayıcı: alış/iade noktası (havalimanı, şube, otel adresi), farklı noktaya iadede tek yön ücreti, tarih-saat, sürücü yaşı; canlı kiralama bileti dökümü
Fiyat ısı takvimi: her gün için araç sınıfına göre örnek fiyat, ucuz/yoğun günler tonlu; aralık seçimi, “bir gün kaydırırsanız şu kadar tasarruf” önerisi
Başlıkta canlı “Planınız” göstergesi: rota, gün, sınıf ve kaydırınca toplam tutar; görselli filo ve noktalar mega menüleri, tam ekran mobil menü
Kaydırmayla ilerleyen “Aracın günü”: karşılama, fotoğraflı hasar kontrolü, dolu depo, yol yardım ve iade; saat sayacı ve zaman çizelgesi

Platypi (değişken 300–800) · Asap (değişken 100–900)

Ayrıntılar Canlı demo

E-Ticaret & Perakende

Nar — El Yapımı Seramik Online Mağaza

Atölyeden doğrudan satan seramik mağazası, bir ürün sayfası gibi açılır: solda üstten bakılan, gerçek zamanlı kurulmuş bir sofra, sağda sofra seti kurucusu; ortada her şeyi bulan büyük arama.

"Bu haftanın sofrası" ürün sayfası gibi açılır: solda kenara taşan, üstten bakılan Three.js sofra (seladon keten, pencereden düşen gün ışığı; mobilde masa dikeye döner), altında yedi sırlık kartela; sağda satın alma kutusu olarak sofra seti kurucusu
Gerçek zamanlı sır gölgelendiricisi: sırlı parlaklık, mat/parlak farkı, ağızda incelen sır, çukurda biriken ton, akma izleri, benekler, daldırma çizgisiyle sırsız kil dip; sır değişince ağızdan içeri yayılan geçiş, masadaki parçaya dokununca sır yalnız ona
Satın alma kutusu: kişi (2/4/6/8), parça çipleri, hazır sofralar, canlı toplam ve set indirimi (3 tür %10, 5+ %15), stokta/fırında durumu, il → stoktaki ve fırındaki parçalar için ayrı teslim aralığı, seti sepete ekleme
Arama merkezli başlık: ortada büyük "Parça, sır ya da set ara" kutusu (Ctrl K ya da /), görselli sonuçlar, sır, raf ve hazır sofra eşleşmeleri, ok tuşlarıyla gezinme; sepet fişi (canlı tutar + ücretsiz kargo çizgisi) ve fırın takvimi çipi ikincil
Sekmeli tek ekran: Sofralar (üç hazır sofra, fiyat dökümü, "masada kur") · Sırlar (yedi sır duvarı) · Atölye (çamurdan sofraya adımlayıcı, sır gibi yükselen fotoğraflar, sürüklenebilir 950/1240 °C fırın eğrisi) · Otel ve restoran (dip mührü)

Faustina (değişken, roman + italik) · Ubuntu Sans (değişken)

Ayrıntılar Canlı demo

Tekstil & Moda

Atkı — Moda Atölyesi ve Butik

Kendi atölyesinde doğal kumaştan üreten moda markası için online mağaza: imleçle dalgalanan gerçek dokulu WebGL kumaş perdesi, kumaşı seçince o kumaşın esnemesiyle beden öneren asistan, Flip geçişli yatay lookbook, her parçada kumaş künyesi, ölçüye göre dikim ve butik randevusu.

Canlı sahne: imleçle dalgalanan WebGL kumaş perdesi (OGL) — gerçek keten, yün, ipek ve pamuk dokusundan normal haritalı kobalt kumaş; imleç arkadan bastıran bir el gibi kıvrım ve ışık kayması bırakır, ipekte iplik yönünde parlaklık
Sahneye gömülü beden ve kumaş asistanı: kumaş seçimi perdenin dokusunu değiştirir; boy, kilo ve kalıp tercihi girildikçe önerilen beden, güven ve “bu kumaşta esneme payı” canlı; profil bütün sitede ortak, yalnız tarayıcıda
Beden ve kalıp asistanı: boy, kilo, isteğe bağlı göğüs/bel/kalça (bilinmiyorsa vücut tipinden tahmin), kalıp tercihi ve başka markada giyilen beden; ürün kalıbı, bolluk payı ve kumaş esnemesiyle önerilen beden + güven yüzdesi, iki beden arası açıklama
Uyum görseli: beden merdiveni (önerilen ve alternatif beden), kumaş esneme payı ve boy cetvelinde etek ucunun vücutta nereye düştüğü; mezura biçimli beden tablosu çubukları ve “bu bedende ne beklenir” listesi
Yatay sabitlenmiş lookbook: kaydırdıkça görünüşler akar, “Görünüşü parçalara ayır” ile fotoğraf GSAP Flip geçişiyle ürün kartlarına (kumaş, fiyat, size önerilen beden) dönüşür

Imbue (dar didone, değişken: opsz, wght) · SUSE (değişken: wght)

Ayrıntılar Canlı demo

Teknoloji & SaaS

Nöbet — Yazılım / SaaS ürün sitesi

B2B yazılım ve SaaS ürünleri için saf beyaz, domates vurgulu ürün sitesi: açılışta ürünün kendi arayüzü perspektifte eğik bir düzlemde kendiliğinden çalışır, kaydırınca düzleşip gerçek sürükle-bırak vardiya planlayıcıya dönüşür; sabitlenmiş özellik turu, tasarruf hesaplayıcı, fiyat yüzeyi, durum sayfası ve değişiklik günlüğü.

Merkez parça: ürün arayüzünün kendisi açılışta perspektifte eğik, kâğıt inceliğinde bir düzlem; kaydırınca aynı DOM düzleşip tam boy, gerçekten çalışan haftalık vardiya planlayıcıya dönüşür (8 çalışan × 7 gün: sürükle-bırak, kenardan uzatma/kısaltma, klavye, çift tıkla yeni vardiya, geri al/sıfırla)
Otomatik demo: ilk ekranda bir vardiya kendiliğinden sürüklenir (dinlenme ihlali çözülür) ve kenarından kısalır (fazla mesai biter); kullanıcı dokununca durur, kontrol ona geçer
Canlı göstergeler ve örnek kural motoru: net saat, maliyet, kapsama, haftalık 45 sa / günlük 11 sa / 11 sa dinlenme / hafta tatili; ihlal rozetleri, tek tıkla “Düzelt”, otomatik doldurma önerileri, bugünün sütununda canlı “şimdi” çizgisi
Sabitlenmiş özellik turu: aynı arayüzde çakışma uyarısı → izin talebi onayı → fazla mesai hesabı → bordro dışa aktarım; yanda kısa açıklama ve tıklanabilir ilerleme çubuğu
24 saatlik sektör şeritleri: perakende, restoran ve sağlığın vardiya katmanları, canlı “şu an” çizgisi ve okuması, seçime göre değişen fotoğraf ve künye

Manrope (değişken: wght 200–800; başlık 800, metin 450; tabular rakamlar)

Ayrıntılar Canlı demo

Lojistik

Rıhtım — Lojistik ve Taşımacılık

Karayolu taşımacılığı, depolama ve antrepo firmaları için “rampa” kimlikli premium site: konsola girilen paletleri canlı 3D dorseye yerleştiren yükleme sahnesi, kaydırdıkça çizilen Avrupa güzergâh haritası, gönderi takibi ve anında örnek teklif.

Canlı “Rampa” sahnesi (Three.js): yarı saydam yan panelli 13,6 m tenteli dorse; palet tipi, adet, ağırlık, yükseklik ve istif girildikçe paletler (ahşap taban + streç filmli koli yığını) dorseye yumuşakça iner, sığmayanlar arkaya kırmızı düşer
Konsolda canlı LDM ve ödenebilir LDM (kg ÷ 1.750), taban ve ağırlık çubukları, ağırlık merkezi düzlemi, çekici pimi / dorse aksları yük payı (örnek model) ve sahnede aks halkaları ile kargo etiketi göstergeleri
Sabitlenmiş kaydırma anlatımı: Natural Earth’ten üretilmiş Avrupa–Orta Doğu haritasında Gebze’den seçili varışa rota çizilir, sınır kapıları ve limanlar sırayla yanar, gün sayacı ilerler; temsilî tırlar ağda yürür
Gelişmiş yükleme planlayıcı: Euro / endüstriyel / koli satırları, 5 araç (tenteli, frigo, kamyonet, 20’, 40’), karma diziliş, istif, aks yükü, parsiyel–komple önerisi, karayolu–intermodal karşılaştırması
“Bu yükle teklif iste”: sahnedeki ya da planlayıcıdaki yük 3 adımlı teklif sihirbazına ön dolu geçer; özel takvim, doğrulama, demo onayı

Pathway Extreme (değişken: wght 100–900, wdth 75–100, opsz) · Fira Sans (400, 500, 600)

Ayrıntılar Canlı demo

Finans & Sigorta

Ardıç — Sigorta Acentesi

Ortada dev çivit bir küpün üstünde canlı izometrik sokak kesitiyle açılan sigorta acentesi sitesi: iki yandaki altı risk düğmesinden birine dokunun, yapı canlansın ve altta üç şirketin teminat şeridi açılsın; menü ekranın altında yüzen dokta, araçlar tek sekmeli modülde, SSS ve iletişim footer’da yan yana.

Ortalanmış canlı izometrik sokak sahnesi (SVG + GSAP + DrawSVG): şehrin iki yanında yay üzerinde altı risk düğmesi, kıl çizgilerle yapılara bağlı — deprem çatlağı çizilir, sel suyu yükselir, yangın, hırsızlık izi, çarpışma, EKG; yapı vurgulanır ve altta A/B/C teminat şeridi açılır
Şehirden taşan teminat şeridi: seçilen riskin teminat satırı, üç şirketin örnek primi ve “poliçe öder” çubuğu; seviye değişince canlı güncellenir, seçim tam karşılaştırıcıya aktarılır
Alt dok menü (masaüstü ve mobil): yukarı açılan izometrik ürün mega paneli, hasar hattı; araçlar tek sekmeli modülde (karşılaştırıcı, hasar süreci, ürünler, hasar hattı ve yenileme, kurumsal); footer’da SSS + iletişim yan yana
Hasar süreci sekmesinde sabitlenmiş kaydırma anlatımı: park hâlinde çarpmadan ödemeye beş adım, aynı sokakta gün sayacıyla (hasar anı → bildirim → eksper → onarım + ikame araç → ödeme)
Teminat karşılaştırıcı: kasko / konut / sağlık / iş yeri sekmeleri, ürüne özel girdiler (araç yılı, kullanım, il, hasarsızlık kademesi; m², yapı yılı, içerik bedeli; yaş, kişi sayısı, kapsam; faaliyet, emtia) ve temel / geniş / tam seviye; sol sütunda yakınlaşan şehir penceresi

Zalando Sans Expanded (değişken, başlık) · Fira Sans (metin, tabular rakam)

Ayrıntılar Canlı demo

Üretim & Sanayi

Demirtaş — Fason imalat / sanayi firması sitesi

CNC, sac, kaynak ve montaj firmaları için tezgâh kontrol ekranı gibi kurulmuş site: işleme süreci zaman çizelgesi sahnedeki gerçek zamanlı 3D parçayı ham bloktan eloksala adım adım işler; yapılandırıcı tür, malzeme ve ölçülerle parçayı yeniden üretip ağırlık, işlem süresi, örnek fiyat ve termini canlı verir.

Merkez parça: gerçek zamanlı Three.js işlenmiş parça — freze bloğu, torna mili, sac braket ya da kaynaklı şase; pah, radyus, havşa, diş, kama kanalı, dikiş boncuğu kodla, milimetre ölçüsünde üretilir; fırçalanmış alüminyum, paslanmaz, çelik ve POM malzemeleri
İşleme süreci zaman çizelgesi (sürükle, ok tuşları, aşama düğmeleri): ham blok → kaba frezeleme → finiş → delik/diş → CMM ölçüm → eloksal; sahnede takım yolu çizgileri, takımın yürüyüşü, kaldırılan talaş, kalan malzeme ve tezgâh süresi sayaçları
Kaydırmayla sabitlenen açılış (GSAP ScrollTrigger pin + scrub): sayfa aşağı indikçe çizelge sona ilerler, parça aynı sahnede işlenir
Sahne içindeki parça kartı: tür, malzeme, ölçüler ve logaritmik adet → parça sahnede yeniden boyutlanır, turuncu teknik ölçü çizgileri canlı değişir; ağırlık, işlem süresi, örnek birim fiyat ve termin
Tam teklif yapılandırıcısı: malzeme tablosu (yoğunluk, çekme dayanımı, işlenebilirlik), tolerans ve yüzey uyumluluk kuralları, üç görünüşlü şematik teknik resim, fiyat–adet eğrisi, işlem rotası, 4 haftalık kapasite takvimi, maliyet kırılımı, çizim yükleme ve ön dolu talep formu

Pathway Extreme (değişken: wdth 75–100, opsz 8–144, wght 100–900; başlıklar dar kesim, gövde normal genişlik)

Ayrıntılar Canlı demo

Enerji & Yenilenebilir Enerji

Gün Işığı — Güneş Enerjisi (GES)

Güneş enerjisi kurulum firmaları için tam ekran 3B çatı sahneli site: güneşi yayda sürükleyin, panellerdeki ışınım ve gölge saat saat değişsin; çatı tipi, ölçü, yön ve eğim sahneyi ve kWp / üretim / geri ödeme hesabını canlı değiştirir.

Merkez parça: tam ekran Three.js çatı yakın planı + sahnenin üstünde ince yapılandırma çubuğu — il, kullanım tipi (konut / tarımsal sulama / sanayi), aylık fatura ya da yıllık kWh, 4 çatı tipi, en × boy, 8 yönlü kadran ve eğim; çatı, bina ve panel yerleşimi her seçimde yeniden kurulur
Güneş yolu yayı (heliodon): seçili il ve tarih (bugün / 21 Haziran / 21 Aralık) için gerçek güneş açısı; güneşi yayda sürükleyin ya da günü oynatın, ışık ve gölgeler canlı
Panellerde ışınım ısı haritası gölgelendiricisi: güneş açısı × gölge haritası; gölgede kalan hücreler soğuk renk; ince hücre ızgarası, alüminyum çerçeve, montaj rayı ve cam yansıması; anlık W/m², kW ve gölgedeki panel sayısı
“Bir günün üretimi”: sabitlenmiş kaydırma anlatımı — gökyüzü degradesi saatle değişir, üretim eğrisi çizilir, ev tüketimiyle farkı şebekeye verilen / şebekeden alınan alanlarla dolar; sistem gücü hesaptan gelir, mevsim seçilebilir
Hesabın ayrıntısı: üstten çatı planı (baca / pencere engeli ekleme, güvenlik payı), aylık üretim–tüketim grafiği, öz tüketim, CO₂, yıllık tasarruf, örnek yatırım, basit geri ödeme, batarya karşılaştırması, düzenlenebilir örnek varsayımlar — hero ile aynı rakamlar

Darker Grotesque (değişken 300–900, başlık) · Mukta (400/500/600, metin ve tabular rakam; ₺ Hind’den tek glif)

Ayrıntılar Canlı demo

Metal, Hurda & Geri Dönüşüm

Devir — Hurda ve Metal Geri Kazanım

Hurda alım ve metal geri kazanım tesisleri için pano önce kurulmuş site: açılış günlük alım fiyatları panosunun kendisi; seçilen sınıfın gerçekçi 3D metal parçası patina yeşili stüdyo hücresinde öne gelir, kantar hesabı panoya bağlı, kilo arttıkça yığın büyür.

Merkez parça “Günlük alım panosu”: 8 malzeme ailesinde 17 sınıf, ₺/kg örnek fiyat, düne göre değişim, 30 günlük mini grafik ve aralık; grup sekmeleri ve klavyeyle satır seçimi
Panonun sahne hücresi: Three.js ile kodla üretilmiş PBR metal parçalar (bakır kangal, boru ve patinalı dirsek, alüminyum sigma profil, pirinç vana, fırçalı paslanmaz sac, çelik I-kiriş, kurşun külçe); seçilen sınıfın parçası öne gelir ve büyür, üstünde 30 günlük seyir
Panoya bağlı kantar hesabı: malzeme + kilo → anlık tahmini tutar ve aralık; kilo arttıkça sahnedeki yığın büyür; fiş ve randevuya sorguyla taşınır
Sabitlenmiş “Bir bobinin yolculuğu”: topla → kantar → ayrıştır → pres → izabe → yeni ürün; aynı bakır her durakta biçim değiştirir (bobin → granül → balya → külçe → bara)
Kantar hesaplayıcı: 6 satıra kadar malzeme; kilo ya da araç doluluğu (kamyonet / kamyon / tır × dolu / yarı / çeyrek, yoğunluğa göre tahmini ağırlık), kalite kesintisi, nakliye

Noto Sans Display (değişken: wdth 62,5–100, wght 100–900; dar kesim başlık, normal kesim metin, tabular rakam)

Ayrıntılar Canlı demo

Madencilik & Doğal Taş

Ilıcadağ — Mermer ocağı ve doğal taş fabrikası sitesi

Mermer, traverten ve oniks üreticileri için bölünmüş ekranlı “taş defteri”: solda sayfa boyunca yapışkan, gerçek zamanlı 3D mermer plaka (yüzey işlemi gölgelendiricide, imleç ışık kaynağı, plakanın üstüne kesim planı), sağda dergi gibi akan ocaktan projeye anlatım; numaralı plaka stoku, kesim hesabı ve numune formu.

Merkez parça: canlı plaka sahnesi — Three.js ile ayakta duran mermer plaka, gerçek taş fotoğrafı dokusu; taş ve yüzey seçimi plakayı anında değiştirir, plaka ölçüsü bloğun gerçek ölçüsüne göre değişir
Yüzey işlemi gölgelendiricide: cilalı (keskin, çıtalı pencere yansıması), honlu (saten), fırçalı ve patinato (kabartma dokusu), eskitme (çukurlu karo); imleç bir ışık kaynağı gibi parlamayı ve yansımayı gezdirir
Plaka künyesi etiketi sahnede: blok numarası, ölçü, kalınlık, yüzey, boş plaka sayısı ve damar yönü oku canlı
Kesim planı plakanın üstünde: tezgâh + ada, merdiven, zemin karosu parçaları perspektife oturan ince çizgilerle çizilir; fire yüzdesi ve parça listesi canlı
Sayfa boyunca yapışkan sahne + dergi akışı: ocak → blok (ölçü çizgileri) → katrak telleri (kaydırmayla çizilir) → kitap açma (ikinci plaka menteşeden açılır) → cila süpürmesi → uygulanmış proje

Ysabeau (değişken 1–1000; başlıklar, Garamond kökenli yazıt karakterli sans) · Ysabeau Office (değişken; metin, arayüz ve tabular rakamlar)

Ayrıntılar Canlı demo

STK & Kamu

Filiz — Eğitim Vakfı

Açılışın tamamı Türkiye haritası: 81 il Natural Earth sınırlarıyla çiziliyor, vakfın 23 ildeki okul ve bursiyer noktaları WebGL ile parlıyor; Karadeniz üstünde yüzen panelde bağış tutarını kaydırdıkça haritada yanan nokta sayısı ve bağışın karşılığı canlı değişiyor. Ardından eylülden hazirana uzanan "bir bursiyerin yılı" omurgası, saf beyaz zemin, derin mavi ve ayçiçeği.

Bağış etkisi haritası: tam ekran Türkiye haritasında (81 il, Natural Earth) 1.055 okul ve bursiyer noktası WebGL ile çiziliyor; tutar sürgüsü (100–50.000 ₺), tek sefer ya da her ay ve alan seçimi haritada yanan nokta sayısını ve "bu tutar ne sağlar" cümlesini canlı değiştirir
İle dokununca o ilin örnek program kartı seçili ilin yanında açılır: bursiyer, kütüphane, öğretmen, atölye ve gönüllü sayıları, ildeki aktif projenin ilerlemesi, alana bağış bağlantısı
"Bir bursiyerin yılı" omurgası: eylülden hazirana on ay, GSAP ile sabitlenen ay rayı ve kaydırmayla dolan omurga çizgisi; her ay vakfın bir işini (burs, mentorluk, kütüphane, kodlama, şeffaflık, öğretmen, kurumsal, haber, SSS, sonuçlar) taşır
Bağış sayfası: tam etki hesaplayıcı (hücre ızgarası, harcama dağılımı, yıllık etki ya da "her ay olsaydı" önerisi, projelere "bu bağışla" katkısı) ve seçimi aynen taşıyan demo bağış formu; kart alanı yok
Gönüllü eşleştirici: il, çalışma biçimi, ilgi alanı ve bugünle başlayan 7 günlük şeritten uygun roller; başvuru formuna ön dolu geçiş

Besley (başlık, değişken 400–900) · Inclusive Sans (metin ve arayüz, değişken 300–700)

Ayrıntılar Canlı demo

Tarım & Hayvancılık

Harman — Tarım Kooperatifi ve Toptan Ürün

Tarım kooperatifleri ve toptan ürün tedarikçileri için hasat çarkı açılışlı premium site: ufuktan yükselen 12 aylık disk sürüklenince sahne o ayın tarlasına ve ışığına geçer, o ay toplanan ürünler öne gelir; açılıştaki toptan planlayıcı uygunluk ve sevkiyat penceresini canlı hesaplar.

Merkez parça “Hasat çarkı”: tam ekran ay fotoğrafının ufkundan yükselen 12 aylık yıl diski (toprak halkası, yarım ay çentikleri, ürün madalyonları); GSAP Draggable + Inertia ile döner ve aya oturur, ok tuşları ve ay düğmeleriyle de çalışır
Ay değişince sahne o ayın tarla fotoğrafına ve mevsim ışığına geçer; o ay hasatta ya da depoda olan ürün kartları diskin kenarında öne gelir, takvimde ay sütunu işaretlenir
Açılışa bağlı toptan planlayıcı: ay + ürün + miktar seçilince uygunluk (taze hasat / depodan / sezon dışı + kontenjan), sevkiyat penceresi ve 24 yarım aylık şerit, palet/araç, örnek tutar ve ön dolu teklif bağlantısı
Hasat ve tedarik takvimi: 11 ürün × 24 yarım ay; ekim, büyüme, hasat, sağım ve olgunlaştırma ayrı çizgi diliyle, satışa hazır dönem çizgisi, bugün çizgisi, seçili ay sütunu
Ürün seçince: tahmini hasat, kalan kontenjan, kalite sınıfları tablosu (ölçüt, pay, örnek fiyat), soğuk zincir, teslim bölgeleri, ambalaj; toptan alıcı modu ve çok ürünlü sipariş planı

Vollkorn (değişken 400–900, roman + italik; başlık) · Signika (değişken 300–700; metin ve arayüz, tabular rakam)

Ayrıntılar Canlı demo

Medya & Yayıncılık

Kadraj — Dijital yayın / medya sitesi

Bağımsız dergi, haber sitesi ve podcast ağları için gazete kapağı gibi açılan editoryal site: dev kırmızı "saat" manşetinin önünde kapak fotoğrafı, kenarlarda kapak künyeleri ve reklam veren kanalı seçildikçe GSAP Flip ile kendini yeniden dizen manşet sayfası; tam ekran indeks menü, dergi akışı, canlı medya kiti.

Merkez parça: kanala göre yeniden dizilen gazete kapağı — kapak, sponsorlu dosya, bülten, podcast, video, görüntülü ve etkinlik döşemeleri GSAP Flip ile manşet yuvasına geçer; her kanalın dev "saati" (06.40, 08.00, 18.20…), foto üstü arayüz önizlemesi ve canlı erişim çubukları değişir
Canlı medya kiti: kanal seçimi, dönem ve bütçe kaydırıcısıyla anında tahmini tekil erişim, gösterim, dinlenme ve izlenme; seçilen kanallar yanındaki mini kapakta Flip ile öne dizilir, ana sayfa kapağıyla iki yönlü bağlı (örnek değerler)
Hedef kitle segmentleri (ilgi alanı + şehir + yaş), 8 haftalık envanter takvimi, kanal bazında fiyat dökümü, yaratıcı önizleme sekmeleri (marka adı canlı) ve plan özetiyle ön dolu teklif formu
Tam ekran indeks menü (≤150 ms): sayfa numaralı bölümler + görsel önizleme, son manşetler, canlı okur sayısı ve kıvılcım çizgisi, Türkçe duyarsız arama
Sabitlenmiş "bir haberin yolculuğu": 14.00 haber merkezi (kırmızı düzelti işaretleri çizilir) → 23.40 siyah + kırmızı iki kalıp baskı hizalanır → 06.00 dijital → 18.20 podcast dalga formu; mobilde yapışkan sahne

Frank Ruhl Libre (değişken 300–900; manşet, dev saat rakamları, makale başlıkları) · Nata Sans (değişken 100–900; arayüz, gövde, veri; tabular rakamlar)

Ayrıntılar Canlı demo

Girişimler

Rampa — Girişim hızlandırıcı / kuluçka merkezi

Hızlandırıcılar, kuluçka merkezleri ve teknoparklar için uygulama sekmeli site: açılışta program ekibiyle beş soruluk uygunluk sohbeti, cevaplarla değişen canlı girişim ağı, kaydırdıkça büyüyen 12 haftalık program, sekmeli tek ekranda program, portföy, mentorlar, kat planı ve demo günü.

Merkez parça: uygunluk sohbeti. Program ekibi aşama, sektör, ekip (kurucu profiliyle), aylık gelir ve yatırımı mesajlaşır gibi sorar; her cevaba kısa bir yorum gelir, “değiştir” ile konuşma geri sarılır
Canlı girişim ağı (Canvas): 96 mezun sektör kümelerinde, mentorlar sektör bağlarıyla, merkezde kampüs, sağda üç kanal kapısı. Her cevapla “Siz” düğümü kümeye gider, kurucu uyduları belirir, eşleşen 3 mentor ve uygun kanala giden yeşil yol yanar
Sohbetin sonunda kriter kriter gerekçeli sonuç (✓ / ✗ / bilgi), üç kanalın puan çubukları, önerilen kanalın 12 haftası ve eşleşen mentorlar; “Bu bilgilerle başvur” bütün cevapları başvuru formuna taşır
Uygulama sekmeli başlık: etkin sekme sayfayla birleşir, sekmenin üstüne gelince canlı veri gösteren önizleme açılır (kanallar, portföy metrikleri, yaklaşan etkinlikler, kampüs doluluğu, demo günü sayacı); ana sekmelerin dışındaki sayfalar kapatılabilir geçici sekme olarak açılır
Kaydırmayla anlatım: 12 haftalık program sabitlenen bölümde hafta hafta ilerler, her hafta ağda türüne göre (atölye, mentor, kurul, ofis saati, demo günü) yeni bir düğüm büyür; telefonda yatay kart şeridi

Parkinsans (değişken 300–800; başlık 560–640 sıkı harf aralığı, metin 400, arayüz 500–600)

Ayrıntılar Canlı demo

Sık sorulanlar

Hazır siteler hakkında

Aklınıza takılan başka bir şey varsa teklif formundan ya da iletişim sayfasından yazın.

Teklif alın

Hazır sitelerde tasarım, sayfa yapısı ve sektöre özel modüller baştan hazırdır; sitenizi bu altyapının üzerine kendi markanız ve içeriğinizle kurarız. Bu yüzden sıfırdan bir projeye göre çok daha kısa sürede yayına çıkar ve bütçesi daha öngörülebilirdir. Tamamen size ait bir tasarım isterseniz kurumsal web tasarım hizmetimizle sıfırdan çalışırız.

Evet. Logonuz, kurumsal renkleriniz, fotoğraflarınız ve metinlerinizle kurulur; bölümleri işletmenize göre açar, kapatır ya da çoğaltırız. Tasarımın temel karakteri ve yerleşimi korunur.

Hazır siteler kurulu hizmet olarak sunulur: siteyi biz kurar, barındırır ve güncel tutarız. Alan adınız ve içerikleriniz her zaman sizindir. Kaynak kod lisansı gereken projeler için ayrıca teklif hazırlarız.

Formlardan gelen talepler kurulumda belirlediğiniz e-posta adresine iletilir. Kullandığınız bir randevu ya da rezervasyon sistemi varsa entegrasyonu teklif aşamasında birlikte değerlendiririz.

Demolardaki işletmeler kurgusaldır, fotoğraflar örnek amaçlıdır. Kurulumda kendi fotoğraflarınız ve bilgileriniz kullanılır; metin yazımı ve profesyonel çekim için de destek verebiliriz.

Evet. Türkçenin yanında İngilizce, Almanca ya da ihtiyacınız olan diller teklif kapsamında eklenir; her dil ayrı adreste, arama motorlarına doğru işaretlenmiş olarak yayınlanır.

Seçtiğiniz tasarım, sayfa ve dil sayısı, ek modüller ve bakım kapsamına göre teklif hazırlıyoruz. Fiyatları sitede yayımlamıyoruz; formu doldurmanız yeterli.

Bir sonraki projenizi birlikte kuralım. Fiyatlarımızı sitede yayınlamıyoruz; ihtiyacınızı dinleyip kapsam, teslimat listesi ve zaman planı içeren yazılı teklifimizi bir iş günü içinde hazırlamaya başlıyoruz.

Teklif alın Bize ulaşın

E-posta[email protected]

Çalışma saatleriHafta içi 09:00 – 18:30

Dönüş süresi1 iş günü içinde

Galeri — Otomobil Galerisi

Neler dahil

Sitedeki sayfalar

Seçtiğiniz tasarımdan yayındaki sitenize dört adım

Tasarımı seçin

Teklifinizi alın

İçeriğinizi gönderin

Yayına alalım

Görünmeyen ama farkı yaratan altyapı

Telefonda kusursuz

Hızlı açılış

SEO altyapısı

KVKK ve çerez metinleri

Barındırma ve bakım

Talepler e-postanıza

Diğer hazır siteler

Hazır siteler hakkında

Bir sonraki projenizi birlikte kuralım. Fiyatlarımızı sitede yayınlamıyoruz; ihtiyacınızı dinleyip kapsam, teslimat listesi ve zaman planı içeren yazılı teklifimizi bir iş günü içinde hazırlamaya başlıyoruz.