İnşaat ve taahhüt
Saydam İnşaat
Hayali bir genel müteahhitlik grubu için iki dilli kurumsal site. Her projenin planlanan ve gerçekleşen teslim tarihi yan yana duruyor, devam eden şantiyeler aylık ilerleme raporu yayımlıyor.
Saydam İnşaat hayali bir marka: 1986'da kurulmuş, altı ülkede çalışan, 140 yapı teslim etmiş bir aile şirketi. Adı, kimliği, metinleri ve bütün verileri bu demo için yazıldı. Müteahhit siteleri genelde drone videosu, sayaçlar ve sertifika logolarıyla açılıyor. Saydam bunun yerine teslim tarihlerini gösteriyor; sloganı da "Söz verilen tarihte."
Teslim kaydı
Sitenin merkezinde teslim kaydı sayfası var. 140 projenin her biri için sözleşmedeki tarih, geçici kabul tarihi ve aradaki gün farkı bir tabloda duruyor, geç kalan 12 proje de dahil. Tablo her sütuna göre sıralanıyor; tür, ülke, yıl aralığı ve sonuca göre süzülüyor. Üstteki grafik her projeyi bir çubukla gösteriyor: erken teslimler sıfır çizgisinin altında, gecikmeler üstünde. Süzgeç değişince toplamlar ve grafik birlikte güncelleniyor.
Aylık şantiye raporu
Devam eden her projenin bir ilerleme raporu var. Ziyaretçi aylar arasında geziyor; her ay altı iş kalemi için planlanan ve gerçekleşen yüzde, o ayın fotoğrafları, kilometre taşları ve tahmini teslim tarihi değişiyor. Ana sayfada bu rapor kaydırmaya bağlı: sayfa aşağı indikçe aylar ilerliyor, çubuklar ölçülen değere doluyor.
Projeler ve harita
Portföy duruma, türe, ülkeye ve yıla göre süzülüyor, ızgara, liste ve harita arasında geçiş yapılıyor. Süzgeçler adres çubuğunda tutulduğu için süzülmüş bir liste bağlantıyla paylaşılabiliyor. Harita altı ülkenin çizilmiş bir SVG'si; harita sağlayıcısı, anahtar ya da çerez yok.
Teklif ve kariyer
Beş adımlı teklif formu: proje türü, konum, ölçek, takvim ve iletişim. Her adım ayrı doğrulanıyor, yan sütun girilenleri canlı özetliyor.
Kariyer bölümü: departmana, konuma ve çalışma türüne göre süzülen ilanlar ve üç adımlı başvuru. Seçilen CV dosyası tarayıcıdan çıkmıyor.
İletişim sayfası: yedi ofis ve seçilen ofisi gösteren harita.
Demo bir veritabanı kullanmıyor. Bütün modüller tarayıcıda örnek verilerle çalışıyor ve gönderilen formlar hiçbir şeyin iletilmediğini söyleyen bir onayla bitiyor.
Hareket ve performans
Ana sayfa sessiz bir şantiye videosuyla açılıyor; başlık satır satır yükseliyor, teslim tarihlerinin rakamları yerine oturuyor. Kaydırmaya bağlı sahneler GSAP ile çalışıyor ve GSAP ilk boyamadan sonra yükleniyor. Hareketi azaltmayı seçen ziyaretçi videonun yerine durağan görseli ve sahnelerin son hâlini görüyor. Lighthouse mobil ölçümünde her sayfa erişilebilirlikte ve en iyi uygulamalarda 100, düzen kayması 0.