- Grafik tasarımcı Mitch Ivin, portföy sitesini Windows XP tarzında yeniden yarattı
- Tüm görsel efektleri ve işlevleri deneyimlemek için JavaScript etkin olmalı
- Sitenin tamamı, Windows XP masaüstü hissini ve etkileşimlerini aslına sadık biçimde taklit ediyor
- Ziyaretçiler giriş kullanıcı arayüzünü ve Başlat menüsü, görev çubuğu gibi öğeleri özgürce keşfedebiliyor
- Portföy deneyiminin kendisi, benzersiz arayüz tasarımı yetkinliğini öne çıkarıyor
Mitch Ivin — Portföy web sitesi tanıtımı
- Mitch Ivin, grafik tasarımcı olarak kendi portföy web sitesini, Windows XP işletim sisteminin masaüstü ortamı gibi ayrıntılı biçimde hayata geçirdi
- Ziyaretçiler ilk ekranda Windows XP duvar kâğıdı (Bliss) görseli ve önyükleme animasyonu gibi, gerçek kullanım ortamını hatırlatan görsel öğelerle karşılaşıyor
- Giriş, “Mitch Ivin”e tıklanarak yapılıyor; bu süreçten sonra kullanıcılar siteyi gerçek bir masaüstünü kullanır gibi gezebiliyor
- Arayüzün birçok yerinde görev çubuğu, Başlat menüsü, kullanıcı profil simgesi, yeniden başlatma ve oturumu kapatma düğmeleri bulunuyor; bunların hepsi gerçek işletim sisteminin atmosferini ve UX’ini sadakatle yansıtıyor
- Bu site, tasarım ve frontend geliştirme becerilerini deneyimin kendisi üzerinden gösteren yaratıcı bir portföy ve aynı zamanda eğlenceli bir web etkileşimi örneği
Başlıca işlevler ve özellikler
- Tam deneyim için JavaScript kesin olarak gerekli
- F11 tuşuyla tam ekran kullanıldığında gerçek masaüstü deneyimine daha çok yaklaşıyor
- LinkedIn, GitHub, Instagram gibi harici profillere ve çalışmalara giden kısayol düğmeleri sunuyor
- Mobil cihazlarda, “Lütfen cihazı dikey moda çevirin” benzeri bir yönlendirme penceresi gibi kullanıcı dostu animasyonlar uygulanıyor
- Her simge, düğme ve animasyon amaç odaklı tasarım anlayışıyla sade tutulmuş; orijinal Windows XP hissini olduğu gibi aktarıyor
Arayüz yapısı
Masaüstü ekranı ve giriş
- Açılış ekranında Windows XP arka plan görseli ve önyükleme animasyonu gösteriliyor
- “Mitch Ivin” kullanıcı simgesine tıklanınca giriş süreci başlıyor
- Giriş başarılı olduğunda görev çubuğu ve Başlat düğmesi gibi arayüz öğeleri etkinleşiyor
Görev çubuğu (Taskbar) ve Başlat menüsü (Start Menu)
- Gerçek Windows XP’ye çok benzeyen bir görev çubuğu gösteriliyor
- Restart ve Log Off gibi görsel düğmeler yer alıyor
- Her düğmeye tıklandığında gerçek işletim sistemi benzeri etkileşimler sunuluyor
Özet
- Mitch Ivin’in Windows XP portföy sitesi, karakter sahibi bir UI/UX ile farklılaşan bir kendini tanıtım deneyimi sunuyor
- Ziyaretçiler, basit bir proje listesi yerine doğrudan deneyimlenen bir portföy ile karşılaşıyor
- Dijital tasarımcılar ve frontend geliştiriciler için incelenmeye değer bir arayüz tasarımı ve markalama örneği
Henüz yorum yok.