Vaka Çalışması
Cosmy Mobil Uygulama
Kozmetik içerik uygulaması Cosmy için 18 ekranlık uçtan uca mobil arayüz tasarımı. Barkod taramadan kişisel bakım tercihlerine tüm deneyim tek tasarım sisteminde.
Genel Bakış
Cosmy, kozmetik ürün içeriklerini anlaşılır kılmayı hedefleyen bir mobil içerik uygulaması. Kullanıcı ürünleri barkodla tarıyor, içerik açıklamalarını okuyor, favori listeleri oluşturuyor ve kişisel bakım tercihlerine göre öneriler alıyor. Karamel Digital, uygulamanın tüm arayüzünü sıfırdan kurguladı: bilgi mimarisinden görsel dile, 18 ekranlık eksiksiz bir UI/UX seti tasarlandı.
Problem
Kozmetik alışverişinde kullanıcılar, ürün içerikleri hakkında güvenilir ve sade bilgiye zor ulaşıyor. Cilt tipi, saç tipi ve alerji gibi kişisel faktörleri hesaba katan, ürün taramayı ve içerik keşfini tek akışta birleştiren bir mobil deneyime ihtiyaç vardı.
Çözüm
Doğal kozmetik hissini taşıyan, adaçayı yeşili ağırlıklı bir görsel dil kuruldu. Kişiselleştirilmiş ana sayfa, altı ürün kategorisi, barkod tarama ekranı, içerik dökümü ve yorum bölümleri barındıran ürün detayı, favori listeleri, blog modülü, bildirimler ve kişisel tercihlerin tanımlandığı profil ekranı tasarlandı. Tüm akışlar ortak bileşen diliyle birbirine bağlandı ve ekranlar cihaz mockuplarıyla sunuma hazırlandı.
Yol Haritası
Hafta 1
Keşif ve bilgi mimarisi
Uygulamanın ana akışları belirlendi: tarama, keşif, favoriler, içerik ve profil. Ekran haritası çıkarıldı.
Hafta 2
Akış ve yerleşim çalışması
Ana sayfa, tarama ve ürün detayı akışlarının yerleşimleri kurgulandı, navigasyon modeli netleştirildi.
Hafta 3
Görsel tasarım sistemi
Renk, tipografi ve bileşen dili oluşturuldu; 18 ekranın tamamı yüksek çözünürlükte tasarlandı.
Hafta 4
Mockup ve sunum
Öne çıkan ekranlar cihaz mockuplarına yerleştirildi, proje sunuma hazır hale getirildi.
Showcase
Yakın Plan
Sonuç & Etki
Proje, 18 ekranlık eksiksiz bir arayüz seti, yeniden kullanılabilir bileşen dili ve sunuma hazır cihaz mockuplarıyla teslim edildi. Barkod taramadan kişisel tercih tanımlamaya kadar tüm kullanıcı yolculuğu tasarım düzeyinde çözülmüş durumda.
18
Ekran tasarımı
6
Ürün kategorisi
4
Kişiselleştirme parametresi
Cosmy, içerik odaklı bir kozmetik deneyiminin mobilde nasıl kurgulanacağını baştan sona gösteren bütünlüklü bir UI/UX çalışması.