Ana içeriğe geç
SYS:ONLINEMODE:PORTFOLIOLOCAL:--:--:--
Açık Kaynak Deneyler

Açık Repo

Cam yüzeyler, katmanlı derinlik ve yumuşak geçişler üzerine kurulu, animasyonlu bir landing page şablonu.

Tür
Landing page şablonu
Yıl
2025
Rolüm
Görsel yön, arayüz tasarımı ve frontend geliştirme
Lisans
Belirtilmemiş

Proje hakkında

Nova, glassmorphism dilini tek bir bileşende bırakmayıp sayfanın tamamına yayan bir landing page çalışması. Hero alanı, içerik bölümleri, fiyatlandırma ve aksiyon alanları aynı görsel sistem içinde tasarlandı; hareketler de bu yapıyı destekleyecek kadar ölçülü tutuldu.

Çıkış noktası

Çıkış noktası basitti: Glassmorphism, gösterişli bir kartın ötesine geçip bütün bir sayfayı taşıyabilir mi? Nova’yı bu görsel dilin okunabilirlik, hiyerarşi ve hareketle nasıl dengelenebileceğini görmek için hazırladım.

Öne çıkanlar

  1. 01Tek bir görsel sistemle kurgulanan uçtan uca sayfa akışı
  2. 02Masaüstü ve mobil ekranlar için uyarlanmış düzen
  3. 03İçeriğe göre yeniden kullanılabilen React bileşenleri
  4. 04Framer Motion ile hazırlanan, arayüzü bastırmayan geçişler
3D araç konfigüratörüAçık Repo

FormDrive

Bir otomobili stüdyo ortamında incelerken renk, jant, parça, ışık ve kamera ayarlarını gerçek zamanlı değiştirebildiğin 3D konfigüratör.

React 19Three.jsReact Three Fiber