Portfolyo / proje sayfası ve anasayfa versiyonları
Aynı proje, aynı içerik, beş farklı web dili. V1 Canva tasarımını birebir izliyor. V2–V5 ödüllü mimarlık sitelerinin proje detay sayfalarındaki unsurlarla kuruldu. Hepsinde çizimler kırpılmadan, plan ve kesitler eşit genişlikte; galeri renderlar, şantiye ve restoran fotoğraflarından oluşuyor. Anasayfa versiyonları L1–L5, ödüllü kişisel portfolyolardan birer unsur alan ve ziyaretçiyi Projelerim, Hakkımda ve İletişim'e yönlendiren karşılama sayfaları; hepsi V2 Gece'nin dilinde ve her birinde Kononenko'daki gibi kaydırdıkça önce bir eskiz, ardından onun uygulama çizimi beliriyor. Her sayfanın sol altındaki düğmeyle tüm versiyonlar arasında geçebilirsin.
.00Pafta
Canva'daki pafta seti web'e taşındı: her bölümün yapışkan antet sütunu, ince çizgili metinler, kırmızı bölüm işaretleri. Çizimlerin üzerinde büyüteç var.
- Antet sütunu
- Pafta sekmeleri
- Çizim büyüteci
- Arşiv
Atıl bir terasSiyah sahne, ince büyük harfler, bölümler halinde anlatım. Render ile uygulama fotoğrafı sürgüyle karşılaştırılıyor, paftalar beyaz çizgi olarak yatay akıyor.
- Preloader
- Render ↔ uygulama
- Yatay pin galeri
- Bölümler
Grid,List,
Gallery
Kononenko'nun proje detay sayfasından: tam ekran açılış ve 60px başlık, 12px künye yanında 30px metin, solda görsel oranlarında sabit mini harita, sağda dönen dev sayaç, Render/Uygulama için yapışkan Önceki/Sonraki paneli.
- Detay / Masonry / Slider
- Mini harita
- Sayaç
- Dev logotip
Cipriani İstanbulStanzza'nın proje detay sayfasından: bölünmüş açılış, harf harf gelen 72px serif başlık, etiketli paragraflar, 4px kenarlı tam genişlik görsel, öncesi/render/uygulama üçlüsü, yapışkan başlıklı çizim sütunu, sabitlenen yatay galeri.
- Etiketli bloklar
- Yapışkan başlık
- Yatay galeri
- İletişim bandı
80 m²3 ay
LPAS'ın proje detay sayfasından: yükleme ekranı, breadcrumb ve tam sayfa menü, açılışta süreç kelimeleri, Giriş/Detaylar sekmeleri, yapışkan küçük görsel + büyük görsel blokları, sürüklenen kırpılmamış galeri şeridi, alttan açılan footer.
- Sekmeler
- Medya blokları
- Sürükle galeri
- Sıradaki proje
ProjeHakkımda
Projelerim, Hakkımda ve İletişim karanlık bir odada, ızgaralı zeminin üstünde kavisli bir panel halkası. Halka kaydırınca ya da sürükleyince dönüyor, hıza göre yatıyor. Köşelerde sessiz etiketler.
- Kavisli halka
- Sürükle / kaydır
- Köşe etiketleri
Masamahoş geldin
Karşılama tek bir çizim masası, yukarıdan. Sayfalar masadaki fotoğraf baskıları: alıp fırlatılıyor, tepsiye bırakınca açılıyor, bırakınca yavaşça yerlerine dönüyor. Masa lambası imleci takip ediyor.
- Sürükle-fırlat
- Tepsiye bırak
- Lamba ışığı
Çizgininkarşılığı
Birinci tekil şahısla bir cümle, sayılarıyla sayfa bağlantıları: "Projelerim (1)". "Neler yapıyorum" listesinde her satır yanındaki üst üste binen görseli değiştiriyor.
- Sayılı menü
- Görsel yığını
- Kişisel dil
İnce çizgisağlam yapı
Kesikli kılavuz çizgileriyle bölünmüş siyah sahne, kenarlarda zıt yönde akan iki fotoğraf sütunu, ortada italik baş harfli kısa cümle ve harf harf dönen menü. Altta zaman kodu yerine ölçek çubuğu.
- Akan sütunlar
- Harf dönüşü
- Ölçek çubuğu
Antet00
Köşedeki açık renkli kart bir pafta anteti: ad, menü, proje sayısı, e-posta. Üstte slogan ve canlı saat; ortadaki çerçeve, listede üzerine gelinen satırın görselini gösteriyor.
- Antet kartı
- Çerçeveli ekran
- Canlı saat