Nature Plant: Tasarımdan Web Sitesine Dönüşüm
Proje anlatımını güçlendiren ve genel marka duruşunu yukarı taşıyan, editoryal çizgide, zarif bir kimlik tasarlandı.

Kullanılan Teknolojiler:
React, Tailwind CSS, Material UI, Redux
Proje Türü:
Tasarımdan Web Sitesine Dönüşüm
Süre
4 Hafta




Bu proje, çevre bilinci ve bitki bakımına odaklanan bir girişim olan NaturePlant'in ana web sitesinin kapsamlı bir ön uç (frontend) yeniden tasarımını içeriyordu. İş kapsamı, temel kullanıcı sayfalarını, özellikle de Anasayfa ve Hakkımızda bölümlerini yeni ve modern bir görsel kimlikle uyumlu hale getirecek şekilde yeniden yapılandırmayı kapsıyordu. Başlıca teknik zorluk; işlevsellik odaklı şekillendirme için Tailwind CSS ve hazır düzen bileşenleri için Material UI dahil olmak üzere çeşitli modern kütüphaneleri entegre ederek uyumlu ve profesyonel bir arayüz oluşturmaktı.
Uygulama, durum yönetimi (state management) için, özellikle kullanıcı profili verilerini ve uygulama genelindeki tercihleri yönetmek amacıyla Redux kullanmaktadır. Bu sayede, kullanıcının platformdaki deneyiminin farklı oturumlar genelinde kalıcı ve öngörülebilir olması sağlanmaktadır. Figma tasarımlarının doğrudan yayına hazır React koduna dönüştürülmesiyle geliştirme süreci hızlandırılmış, anında geri bildirim alınmasına ve hızlı canlıya alıma olanak tanınmıştır. Esnek (responsive) ızgara sisteminin, marka görsellerinin estetik kalitesinden ödün vermeden farklı ekran boyutlarını sorunsuz bir şekilde karşılaması için büyük bir titizlik gösterilmiştir.
Öne çıkan uygulama aşamaları şunlardır:
Yüksek çözünürlüklü medya içeriklerini ve esnek kırılma noktalarını desteklemek için navigasyon ve karşılama (hero) bölümlerinin yeniden tasarlanması.
Geliştirme hızını özel tasarım gereksinimleriyle dengelemek amacıyla Material UI bileşenlerinin Tailwind tabanlı bir düzene entegre edilmesi.
Uygulama genelindeki karmaşık kullanıcı etkileşimlerini ve veri akışını yönetmek için Redux kullanılarak durum güncellemelerinin optimize edilmesi.

