Kişisel sitemin arayüz tasarımını güncelledim: numancebi.com
En son 2022’nin sonlarında bir değişiklik yapmıştım. Önceki arayüz 2,5 yıl kadar idare etti ancak 2-3 yılda bir bu değişikliği yapmazsam rahat edemiyorum.
Bu bayramda, birkaç saatlik fırsatları değerlendirip bu güncellemeye giriştim ve parça parça 2-3 günde ara ara ilgilenerek tamamladım.
Çok büyük bir değişiklik olmasa da bu güncellemeyi yaparken nelere dikkat ettiğimi özetlemek isterim…
(Bu özet, benimkiyle benzer işlerde faaliyet gösterenlerler ve meraklılar içindir, diğerlerini sıkabilir ve uzun gelebilir.)
- Daha az metinle, uzatmadan aynı mesajları vermeye çalıştım (isteyen daha fazla bilgiye hala ulaşabiliyor tabi).
- Çok daha sade ve tek renk üzerine bir sayfa tasarımına geçtim (önceki rengarenkti ve scroll ettikçe görüntüsü çok değişen bir yapıya sahipti, artık göz yormaya başladığını düşünüyordum).
- Bu güncellemede emojilerden çok fazla yararlandım. 2015-2016 yıllarından sonra çıkan neredeyse tüm cihazlar, tarayıcılar ve işletim sistemleri emojileri varsayılan olarak destekliyor, daha eski cihazları kullananların bu siteyi görüntüleme ihtimalinin az olduğunu düşündüğümden, bundan geri durmadım. Eklentilerle onları da dahil edebilirdim ama gerek yok bence (kendi sitem sonuçta, kim karışır).
ChatGPT’nin bu konu ile ilgili yanıtı
- Tasarımda birkaç yerde cam efektleri ve çeşitli minik -tarayıcıyı ve gözü yormayan- CSS animasyonlarından faydalandım (iletişim butonu ve açılır pencerelerin arkaplanı gibi).
- Bağlantılarla yapılan yönlendirmelerin konumları iyileştirildi ve amacına daha iyi hizmet edebilecekleri hale getirildi. Artık gereksizleşen yönlendirmeler kaldırıldı. Önceki sürümlerde de yer alan bazı raporlar, ayrıntılarını isteyenin göreceği şekilde güncellendi. Bu anlayış diğer modüllerde de sürdürüldü, ziyaretçi gereksiz hiçbir içerikle -biri hariç- doğrudan karşı karşıya bırakılmadı.
- Bu sitenin öncekinden fonksiyonel olarak en büyük farkı, bir bütçe hesaplayıcı araç barındırıyor olması. Ziyaretçiler, bu hesaplayıcı üzerinden tasarım işleri için bir yaklaşık maliyet tahmini oluşturup, o bilgiler ile birlikte doğrudan iletişime geçebiliyor (deneyebilirsiniz, sitenin en altında).
- Bunun dışında pek çok küçük güncelleme ve değişiklik yapıldı, inceleyebilirsiniz.
Bu siteyi tasarlarken esinlendiğim birkaç şeyden bahsetmek istiyorum. Her tasarım sürecinde, çok alakasız yerlerden ilhamlar alabiliyoruz. Biraz da bunu göstermek adına yazımda buna da yer vermek istedim.
- Açılır pencere görünümünde Apple’ın web sitesindeki açılır pencerelerin arayüzünden oldukça esinlendim. Bir ürünün detay sayfasında herhangi bir + butonuna basınca çıkan tam ekran açıklamalar hoşuma gidiyordu, çalışma mantığı ve görünüm olarak ona benzer bir şey tasarladım:
Apple’ın web sitesinden bir açılır pencere görünümü
- İletişim butonu ve pencere arkaplanlarında, Apple’ın Haziran ayında gerçekleştireceği etkinliğinin (WWDC25) logosundaki cam efekti hoşuma gittiği için oradan biraz ilham aldım:
- Bu bir esinlenme olmasa da hesaplayıcıyı oluştururken ChatGPT’den faydalandım, ufak düzeltmeler ve CSS stillerinde oynamalar dışında araçla ilgili çok kod yazmam gerekmedi:
ChatGPT’ye ürettirdiğim hesaplayıcı ile ilgili yazışmadan
Siteyi görüntülemek, yeni arayüzü denemek veya tasarımsal bir ihtiyacınız için bütçe hesaplamak istiyorsanız: numancebi.com
Önemli not: Bu portfolyo değil, kişisel sitedir. Portfolyo sitemin adresi farklıdır ve kişisel sitemden ona da yönlendirme yapılmıştır; bir ara fırsat olursa onu da hem arayüz, hem içerik bakımından güncellemeyi düşünüyorum, o da görece eski kaldı (özellikle içeriği).
Arayüzle ilgili aynı meslekten arkadaşların eleştirilerine hem buradan, hem de özel mesaj / e-posta yoluyla açığım.
Sevgiler.
