Epiderm AI: Yapay Zeka Cilt Analizi




Problemler

  • Bir dermatoloğa gidip cilt analizi yaptırmak maliyetli ve zaman alıcıdır.
  • Büyük şehir hastanelerinde randevular sınırlıdır veya uzun bekleme süreleri gerektirir.
  • Piyasada çok fazla ürün vardır, ancak kişiselleştirilmiş yönlendirme eksiktir.
  • Kullanıcılar hangi ürünlerin kendi ciltlerine uygun olduğunu bilmezler.

Hedefler

  • Kullanıcıların cilt sorunlarını yapay zeka destekli analizle belirlemelerine ve sorunlarına göre kişiselleştirilmiş ürün önerileri almalarına yardımcı olmak.
  • Barkod tarama yoluyla ürün içeriklerine erişim sunmak.
  • Kozmetik markaları için API entegrasyonu sağlamak.

Persona

Beyza A.

Beyza A. (35)

  • Yaş:23
  • Eğitim: Halka İlişkiler-Lisans
  • Meslek: Öğrenci
  • İlgi Alanları: Cilt bakımı, güzellik rutinleri, spor
  • Konum: İzmir, Türkiye

“Piyasada çok fazla ürün var, sadece gerçekten işe yarayan bir şey istiyorum.”

Beyza, 23 yaşında, cilt bakımına tutkulu bir üniversite öğrencisi. Yeni ürünleri araştırmaktan, güzellik trendlerini takip etmekten ve cildini sağlıklı tutmak için düzenli rutinler oluşturmaktan hoşlanıyor. Çoğu zaman çevrimiçi yorumlara ve sosyal medyadaki ürün önerilerine güveniyor ve hem bütçesine hem de cilt ihtiyaçlarına uygun bir rutin oluşturmayı hedefliyor.

Hedefler

  • Cilt tipine uygun etkili cilt bakım ürünlerini keşfetmek.
  • Tutarlı ve bütçe dostu bir cilt bakım rutini oluşturmak.
  • Cilt bakım trendlerini takip etmek ve içerikler hakkında bilgi edinmek.

Hayal Kırıklıkları

  • Çok fazla ürün seçeneği var; hangisinin gerçekten işe yaradığını bilmek zor.
  • İçerik etiketlerini anlamakta zorlanıyor.
  • Yanıltıcı reklamlar ve influencer etkisine karşı hassas.
  • Daha bilimsel ve kişiselleştirilmiş bir cilt bakım yaklaşımı istiyor.

User Flow-Skin Analysis

Beyaz Renk

Wireframes

Wireframeler, konsepti test etmek ve sonraki tasarım adımları için temel oluşturmak amacıyla hazırlandı.

Beyaz Renk

Colors

Tools Icon
Cta Button
Tools Icon
Background Blur
Tools Icon
Primary
Tools Icon
Seondary
Tools Icon
Tertiary

Grid System

Tasarım sürecinde tutarlı ve dengeli bir arayüz elde etmek için 4 kolonlu bir grid sistemi tercih edildi. Stretch tipi grid sayesinde farklı ekran boyutlarına uyum sağlanırken, 20px margin ve 16px gutter değerleriyle içerikler arasında dengeli boşluklar oluşturuldu. Bu sistem, hem görsel hiyerarşiyi korumamıza hem de kullanıcıların içerikleri daha rahat okumasına olanak tanıdı.

Grid-System

Typography

POPPINS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) _ + - = / ?

Aa (Regular)
Aa (Medium)
Aa (Bold)

Iconography

Tasarımda kullanılan ikon seti, uygulamanın görsel dilini desteklemek ve kullanıcıların işlevleri hızlıca anlamalarını sağlamak amacıyla seçildi. Basit, net ve evrensel ikonlar tercih edilerek, kullanıcı arayüzünün erişilebilirliği ve tutarlılığı artırıldı.


Beyaz Renk

Compoment

Beyaz Renk

Tasarım sürecinde oluşturulan bileşenler, arayüzde tutarlılığı sağlamak ve kullanıcı deneyimini kolaylaştırmak amacıyla hazırlandı. Tabbar, butonlar, kategori seçimleri ve switch/CTA gibi temel elemanlar; esnek, yeniden kullanılabilir ve görsel dil ile uyumlu olacak şekilde tasarlandı.

Visual Design

Beyaz Renk

All Pages

Beyaz Renk

App Market Screenshot

Hakkımda daha fazlasını bilmek ister misin, projeniz hakkında mı yoksa sadece merhaba demek için mi? Benimle İletişime Geç ve mümkün olan en kısa sürede geri döneceğim.