İşlerSpor salonu zinciri · Web
Gorilbey Gym
Dört şehirde 11 şubeli bir spor salonu zinciri için 19 sayfalık site: kaydırdıkça kırılan 3D goril, şubeye tek dokunuş.
DÜZ TÜRKÇESİEn yakın şubeyi bulup ölçüm randevusunu WhatsApp'tan hazır mesajla almak iki dokunuş; arada markanın goril amblemi sayfa boyunca parçalanıp yeniden kuruluyor.
01 — Dert
Ankara, İstanbul, İzmir ve Manisa'da 11 şubesi olan zincirin sitesi telefona uymuyordu, şube adresleri birbirine karışmıştı ve salonlardaki olanakların çoğu hiç anlatılmıyordu. Ziyaretçiyi doğru şubeye götüren, markanın afiş diline yakışan bir site gerekiyordu.
02 — Yaklaşım
Beyaz zemin, siyah yazı, sarıyı yalnız düğmelerde tutan sade bir düzen kurdum; üstüne kaydırmayı hiç kilitlemeyen sinematik bir katman ekledim. Hero'daki 3D goril (siyah gövde, altın faset kenarlar) kaydırınca kırılıyor; üçgenleri şube bulucuda önce '11'i, sonra Türkiye haritasını kuruyor, disiplin kartlarında ve ölçüm bölümünde başka şekillere dönüşüyor. Metinler markanın kendi afiş sözlerinden; fotoğraflar salonların kendi kareleri, Reels kesitleri ve kampanya afişleri. Her 'Ölçüm randevusu al' aynı paneli açıyor: şube seç ya da konumdan en yakını bul, adını yaz, WhatsApp şube adıyla hazır mesajla açılsın. 11 şube sayfası tek şablondan, menüden koyu tema seçilebiliyor.
03 — Sonuç
19 sayfa önizleme adresinde gezilebilir; 12 sayfa × 3 ekran genişliğinde taşma, küçük yazı ve konsol hatası sıfır, ana sayfa ~58 fps. Zincire sunuldu, müşteri inceledi.
Kullanılan aletler
- Astro
- TypeScript
- Three.js
- Canvas 2D
- Vercel