Dosya · Web uygulaması · 2025
Project Lancer X
Uzun soluklu bir hedefin ilerleyişini tek bakışta okunur kılan proje sitesi. Dört fazlı yol haritası ve gerçek zamanlı ilerleme göstergeleri.
Sayfanın planı
Yukarıdan aşağı yedi bölümUzun soluklu bir hedefin her adımı tek bir ekranda okunabilir olmalı. Sayfa bu yüzden yedi bölüme ayrıldı; her bölüm tek bir soruya cevap veriyor: hedef ne, neden yapılıyor, bugün nerede, sırada ne var.
Yol haritası dört faza bölünüyor ve her fazın kendi kontrol listesi var. Destek çağrısı en sonda, hikâye anlaşıldıktan sonra geliyor.
Arayüz, Framer Motion ile hazırlanmış geçişlerle akıyor; bileşenler TypeScript ile yazıldığı için sürdürmesi kolay.
Hareket hâlinde
Arayüz kaydı · üzerine gelince renk