Yani aslında beni yeni bir kullanıcı olarak görürseniz siteyi ilk ziyaret ettiğimde sitenin ne amaç için var olduğunu anlamadım. Login olduktan sonra ise kafam çok daha karıştı, tüm üniversitelerin olmaması, kısaltmaların yanlış olması, ana sayfada ne yapacağımı veya nereye odaklanacağımı anlamamam, onepage'in karmaşık ve dikkat dağıtıcı olması vs. Bir anda çok fransız kaldım her yere.
Eki Görüntüle 193694
Kullanıcı siteye ilk girdiğinde odaklanacağı ilk alanda her şeyi kafasında oturtması gerek aslında. Sizin örneğinizde aslında PC görünümünde olmaması gereken bir bottom-nav menü, farklı pozisyonlanmış dil seçici ve komponentler var.
Eki Görüntüle 193695
Bu örnekte de mesela iyi dizayn edilmiş sidebarlar ve yine iyi bir renk paleti var. Menü konumları, search-bar konumu, tag'ler ve diğer hemen hemen her şey hiç göz yormuyor. Çok daha profesyonel ve güvenilir görünüyor.
Bana arayüz tasarımı için bir AI tool'u önerir misin derseniz Google Stitch önerebilirim. İyi bir prompt ile güzel bir taslak oluşturabilirsiniz burada:
https://stitch.withgoogle.com/
Stitch'in hazırladığı bir redesign:
Eki Görüntüle 193704
İlham için bence kesinlikle bol bol Figma Community, Dribble gibi kaynaklardan onpage tasarımlarına bakmalısınız. Tailwind + Typescript framework'leri ile çalışıyorsanız kaliteli component kütüphaneleri kullanabilirsiniz. Shadcn UI burada başı çekiyor mesela. Sizin framework'unuzu tam olarak anlayamadım çıplak CSS ile şekillendirilmiş bir projeye benziyor. Nacizane tavsiyelerim bu yönde olabilir. Bence bol bol UX üzerine gözlem yapın. Yapılan arayüz çalışmalarını inceleyin. İyi bir PRD.md veya DESIGN.md dosyası ile AI IDE'nizin karşısına çıkın. O zaman daha profesyonel bir çalışma ortaya çıktığını göreceksiniz.
Tekrardan elinize sağlık.