Deodorant ve kişisel bakım ürünleri konusunda uzmanlaşmış bir marka olan "Nasma Hydramist" için kapsamlı bir e-ticaret platformu geliştirdim. Platform, ürün keşfini kolaylaştırmak ve müşterilere sorunsuz bir alışveriş deneyimi sunmak için tasarlandı. Zorluk: Müşterinin, ürün yelpazesini etkili bir şekilde sergileyecek, müşterilere detaylı bilgi ve satın alma seçeneklerine kolay erişim sağlayacak profesyonel bir çevrimiçi varlığa ihtiyacı vardı. Ayrıca, teknik bağımlılık olmadan içeriği bağımsız olarak yönetebilecekleri bir sistem talep ettiler. Çözüm: Gelişmiş Ürün Keşfi: Müşterilerin ihtiyaçlarına ve tercihlerine uygun ürünleri hızlıca bulmalarını sağlayan, güçlü filtreleme ve arama özelliklerine sahip sezgisel bir gezinme sistemi oluşturuldu. Çok Dilli Destek: Üç dili destekleyen tam bir uluslararasılaştırma (Internationalization) uygulanarak markanın erişimi ve farklı müşteri segmentlerine ulaşılabilirliği artırıldı. Kapsamlı Ürün Bilgisi: Her ürün sayfası; müşterilerin bilinçli kararlar vermesi için gereken tüm bilgilere sahip olmasını sağlamak amacıyla tam ayrıntılar, özellikler ve doğrudan satın alma bağlantıları sunar. Dinamik İçerik Yönetimi: Firebase destekli özel bir yönetim paneli geliştirilerek Nasma ekibinin teknik yardım almadan ürünleri, katalogları ve içerik güncellemelerini gerçek zamanlı olarak yönetmesi sağlandı. Katalog Sistemi: Ürünler, daha iyi gezinme ve ürün kategorizasyonu için yapılandırılmış kataloglar halinde düzenlendi ve genel kullanıcı deneyimi iyileştirildi. Modern UI/UX: Markanın premium konumlandırmasını yansıtan, hızlı yükleme süreleri ve akıcı etkileşimler sağlayan temiz ve modern bir arayüz oluşturmak için Shadcn UI bileşenleri ve Tailwind CSS kullanıldı.

"Speed of Light" şirketindeki stajım sırasında, mudir.app için sunulan bir tasarım modeline dayalı statik bir açılış sayfası (Landing Page) geliştirmekle görevlendirildim. Proje, HTML ve Tailwind CSS kullanarak temiz ve tamamen duyarlı (responsive) bir kullanıcı arayüzü oluşturmayı gerektiriyordu. Zorluk: Tasarım, hem "Hero" hem de "Footer" alanlarında karmaşık kavisli bölümler içeriyordu ve bu da ilginç teknik zorluklar ortaya çıkardı. Başlangıçta, geleneksel CSS yaklaşımlarını kullanarak duyarlılık sağlamaya çalıştım ancak bu yöntemlerin zahmetli olduğu ve farklı ekran boyutlarında bakımının zor olduğu anlaşıldı. Çözüm ve Öğrenme Deneyimi: Yöneticimin rehberliğinde, karmaşık medya sorgularına (Media Queries) dayanmadan tamamen duyarlı bir tasarım oluşturmamı sağlayan gelişmiş CSS ve Tailwind CSS tekniklerini araştırdım ve uyguladım. Bu yaklaşım, tüm cihazlarda piksel düzeyinde mükemmel (pixel-perfect) bir duyarlılık sağlarken, daha temiz ve sürdürülebilir bir kod yapısı ile sonuçlandı. Temel Çıkarımlar: Bu proje, tasarım modellerini temiz ve düzenli koda dönüştürme yeteneğimi önemli ölçüde güçlendirdi. Sadece işe yarayan ilk yöntemle yetinmek yerine, verimli ve profesyonel çözümler aramanın önemini pekiştirdi. Bu deneyim bana modern CSS mimarisi ve Tailwind CSS gibi "utility-first" çerçevelerin gücü hakkında değerli dersler öğretti.