FIRIN TASARIMI
Fırın ve pastane için tanıtım sitesi konsepti. Buğdaydan sofraya uzanan hikâyeyi kaydırdıkça anlatan bölümler, ürün vitrini ve şube bilgileri.
- HTML / CSS
- JavaScript
- GSAP
- ScrollTrigger
Demo yönetim paneli: admin / admin123, sayfanın altındaki "Yönetim" bağlantısından.
- Rol
- Konsept tasarım ve geliştirme
- Yıl
- 2026
- Durum
- Konsept, gezilebilir
- Tür
- Tanıtım sitesi
Sorun
Yerel bir fırının internetteki karşılığı çoğu zaman bir harita pini ve birkaç fotoğraftan ibaret. Oysa anlatacak bir hikâyesi var: buğday, un, hamur, taş fırın, raf. Amaç, bu hikâyeyi ürün listesi gibi değil bir yolculuk gibi anlatan bir konsept ortaya koymaktı.
Çözüm
Sayfa beş sahneden oluşuyor ve kaydırdıkça ilerliyor: tarla, değirmen, hamur, fırın, sofra. Her sahne tam ekran, metin sahnenin içine yerleşiyor. Aşağıda vitrin, sık sorulanlar ve şubeler. Fırın sahibinin ürün ve şube bilgisini güncelleyebilmesi için sayfanın içine gömülü küçük bir yönetim paneli var.
Teknik kararlar
Tamamı tek bir HTML dosyası: görseller içine gömülü, dış bağımlılık sadece yazı tipleri. Kaydırma sahneleri GSAP ScrollTrigger ile sabitleniyor, geçişler kullanıcının kaydırma hızına bağlı. Panel tarayıcıda çalışıyor ve verisini tarayıcı belleğinde tutuyor; konsept aşamasında sunucu gerektirmemesi için.
Sonuç
Konsept bu portfolyonun içinde canlı olarak gezilebiliyor. Bir fırın gerçekten isterse aynı tasarım sunucu tabanlı bir panele bağlanarak yayına alınabilir.
Öne çıkanlar
- Beş tam ekran sahne, kaydırdıkça ilerleyen hikâye
- Ürün vitrini, sık sorulanlar ve şubeler
- Sayfaya gömülü küçük yönetim paneli
- Tek dosya, görseller içinde, sunucu gerektirmez
