Beş ürünlü bir kahve serisini kaydırdıkça dönen paketler ve çekirdekten toprağa uzanan bir hikâyeyle anlatan tanıtım sitesi
- Rol
Tasarım ve geliştirme
- Kapsam
Sanat yönetimi
Kaydırma animasyonu
Hikâye sayfası
Yayın
- Araçlar
HTML
CSS
JavaScript
Node.js
Cloudflare Pages
- Yıl
2026
/* Problem */
Yeni bir ürün serisinin her üyesine ait bir sayfa, etiketteki bilgilerle birebir uyumlu içerik ve markanın sürdürülebilirlik hikâyesini anlatan bir alan gerekiyordu; üstelik sitenin çok hızlı açılması şarttı.
/* Çözüm */
Ürün verisini tek kaynaktan alan küçük bir derleyici yazdım: beş ürün sayfası, hikâye sayfası, site haritası ve paylaşım etiketleri aynı şablondan üretiliyor. Paket kaydırdıkça kare kare dönüyor; site statik olduğu için herhangi bir CDN üzerinden anında açılıyor.
/* Neden bu teknolojiler? */
Yalnızca tanıtım yapan bir site için bir çatıya (framework) gerek yoktu. Saf HTML, CSS ve JavaScript ile yazıp küçük bir Node.js derleyicisiyle ürettim; sonuç her yerde çalışan statik dosyalar.
Çekirdekten toprağa: sekiz bölümlük bir hikâye
Döngü sayfası üretimden fincana, telveden toprağa dönüşe kadar sekiz bölümü kaydırdıkça ilerleyen bir anlatıya çeviriyor. Metinler, etiketteki ve mevzuattaki ifadelerle birebir tutarlı tutuluyor.