Streetwear ve sneaker mağazası
Sınırlı sayıda ürünü numaralı drop'larla satan bir streetwear ve sneaker markasının mağazası: drop takvimi ve geri sayım, adil ön kuyruk, beden rehberi, stok gelince haber ver ve tek dokunuşla ödeme; drop anında sayfa siyahtan yeşile kesilir.
Kimin ihtiyacı
Bir streetwear markası için en önemli an drop saatidir: binlerce kişi aynı saniyede aynı sayfadadır, ürün dakikalar içinde biter. Mağaza o saniyede hem ayakta kalmalı hem de adil davranmalı; botlar önde, gerçek müşteri sonda kalırsa marka itibar kaybeder. Drop dışındaki günlerde de aynı site markanın sesini taşımalı: lookbook, koleksiyon, doğru beden, kaçırılan ürünün geri gelmesi.
Ne kurdum
Knurl'ün mağazasını markanın kendi dokusundan kurdum: metale işlenen çapraz tırtık logoda, tükenmiş bedenlerde ve drop anındaki kesikte aynı; sayfa siyah asfalt ile doygun Grip Green arasında gidip geliyor. Drop takvimi yaklaşan her drop'u sayacıyla gösteriyor, tek dokunuşla hatırlatma kuruluyor. Drop'tan on dakika önce ön kuyruk açılıyor; 12:00'de sıra rastgele dağıtılıyor, sayaç sunucu saatiyle işliyor. Sayaç sıfıra vurduğunda sayfa çapraz bir kesikle yeşile dönüyor, ürün düşüyor, kaydedilen beden seçili geliyor. Sepete giren pair on dakika tutuluyor, ödeme kayıtlı kartla tek dokunuş. Lookbook'tan ürüne, beden rehberinden stok bildirimine kadar bütün akış telefonda da aynı hızda.
Akış
- Müşteri drop takviminde yaklaşan drop'u görür, tek dokunuşla hatırlatma kurar.
- Beden rehberinde ayak uzunluğundan bedenini bulur ve kaydeder; tükenen bedende "Notify me" ile stok bildirimine yazılır.
- Lookbook ve koleksiyon sayfalarında ürünleri bedenine göre süzer, çantasına ekler.
- Drop'tan on dakika önce bildirim gelir; ön kuyruğa girer, 12:00'de rastgele bir sıra alır.
- Sayaç sıfıra vurduğunda sayfa açılır; bedeni seçili gelir, pair on dakika tutulur, ödeme tek dokunuşla biter.
Önemli kararlar
Drop, yarış değil adil bir sıra
Cloudflare Waiting Room drop'tan on dakika önce ön kuyruğu açıyor ve 12:00'de sırayı karıştırıyor; erken yenileyen değil, zamanında gelen herkes aynı şansı alıyor. Turnstile botları kapıda tutuyor, kişi başı her üründen bir adet kuralı sunucuda uygulanıyor.
Her pair atomik olarak tutuluyor
Her varyantın stoğu bir Durable Object'te; sepete giren pair on dakika rezerve ediliyor, süre dolunca kendiliğinden sıradaki kişiye geçiyor. Ödeme sepeti yalnızca tutulan ürünle oluşturulduğu için aynı pair iki kişiye satılamıyor.
Mağaza markanın kendisinden türüyor
Çapraz tırtık dokusu, sayfa genişliğini dolduran sıkışık başlıklar ve siyahla yeşil arasında gidip gelen iki yüzey her ekranda aynı dili konuşuyor. Ürün fotoğrafları tek bir sanat yönetimiyle çekildi: yeşil fon, sert flaş, keskin gölge. Hareketi azaltan ziyaretçi drop anını tek karede, aynı bilgiyle görüyor.
Hız sunucuda başlıyor
Hydrogen vitrini React Router 7 ile sunucuda render ediliyor ve Cloudflare Workers'ta kullanıcıya en yakın noktada çalışıyor; ürün ve stok Storefront API'den, lookbook ve drop metinleri Sanity'den geliyor. Stok değişince Shopify Flow ve Klaviyo bekleyen müşterilere SMS, e-posta ve push gönderiyor.
Teknolojiler
- Shopify Hydrogen
- React Router 7
- TypeScript
- Storefront API
- Sanity
- Cloudflare Workers
- Durable Objects
- Cloudflare Waiting Room
- Klaviyo
- GSAP
Ekranlar
İlgili hizmetWeb deneyimleri
Benzer bir şeye mi ihtiyacın var?
Ne yapmak istediğini birkaç cümleyle anlat.
Proje başlat