Epiderm AI: Yapay
Zeka Cilt Analizi

Epiderm AI mobil uygulama arayüzü mockup

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. (23)

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

Epiderm AI cilt analizi kullanıcı akışı diyagramı

Wireframes

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

Epiderm AI düşük detaylı wireframe ekranları

App Icon

Light

Dark

Tinted

Colors

Cta Button

Background Blur

Primary

Secondary

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ı.

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ı.

Component

Epiderm AI arayüz bileşenleri (buton, tabbar, switch)

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