Park
Yaratıcı bir iç mimarlık stüdyosu için web sitesi.
İç mimarlıkWeb
- Awwwards Honorable Mention
- FWA of the Day
- London Design Awards 2024 · Gold
Tüm hizmetler
Hizmet 04
Arayüz animasyonu
Canlı, ama hâlâ hızlı.
Ürünü yavaşlatmadan canlı hissettiren kaydırma koreografisi, geçişler ve mikro etkileşimler.
- GSAP
- Motion
- WebGL ve shader
- Azaltılmış hareket desteği
Hareket, bir arayüzün kendini anlatma biçimidir: bir şeyin nereden geldiğini, az önce neyin değiştiğini, sırada neye bakılacağını gösterir.
Okuduğunuz site bunun demosu. Galeriler kaydırmanızla hareket ediyor, hero bir shader çalıştırıyor, sayfalar yumuşak geçiş yapıyor; daha az hareket isteyen ziyaretçiler için hepsi kapanıyor.
(01)Ne alırsınız
Neler dahil.
Kaydırmaya bağlı bölümler
Kaydırma konumuna bağlı sabitlenen galeriler, açılışlar ve paralaks.
Sayfa ve durum geçişleri
Kesmek yerine gözü bir görünümden diğerine taşıyan değişimler.
Mikro etkileşimler
Kontrollerin tepki verdiğini hissettiren hover, basma ve yükleme geri bildirimleri.
WebGL ve shader
Yalnızca ekrandayken yüklenen üretken arka planlar ve efektler.
Performans bütçesi
Tarayıcının ucuza canlandırdığı özelliklerde hareket; orta sınıf telefonlarda kontrol edilir.
Azaltılmış hareket desteği
Ayarlarından hareketi kısan kişiler için sakin ve eksiksiz bir sürüm.
(02)Yaklaşım
Nasıl ilerliyoruz.
İşi olan hareket
Her animasyon bir şeyi anlatmalıdır; anlatmıyorsa çıkar.
Tek bir eğri ve süre seti
Birkaç ortak yumuşatma ve süre; ürünün tamamı aynı şekilde hareket eder.
Zorlandığı yerde test edilir
Yavaş telefonlar, uzun sayfalar ve yarıda kesilen kaydırmalar; yayından önce.
Araçlar
- GSAP
- ScrollTrigger
- Motion
- Lenis
- WebGL
- View Transitions
(03)Codion'dan önce
Kurucuların bu türdeki işleri.
Önceki görevlerimizde geliştirdiğimiz projeler. Ödüller projelere ve arkalarındaki ekiplere ait.
Yurdaer Mimarlık
12 ülkede projeleri olan bir mimarlık ofisi için web sitesi.
MimarlıkWeb
- 4× Altın Örümcek · 1st place
- Awwwards Honorable Mention 2025
Greenwich Coffee
Kahve zinciri için web deneyimi; 2025'te beş Altın Örümcek ödülü kazandı.
Yeme-içme ve perakendeWeb
- 5× Altın Örümcek 2025
(04)Sorular
Sık sorulanlar.
Mevcut bir ürüne hareket ekleyebilir misiniz?
Evet. Mevcut bir React ya da Next.js kod tabanında çalışır, hareketi ekran ekran ekleriz.
Animasyonu sevmeyenler ne olacak?
Cihazları bize söylüyor. Azaltılmış hareket açıkken site aynı içeriği hareket olmadan gösterir.
(05)Diğer hizmetler
(07)İletişim
Geliştirilecekbir fikriniz mi var?
Üzerinde çalıştığınız şeyi bize anlatın. Her mesajı kendimiz okuyoruz.
hi@codion.tech