İçeriğe atla
Ceren Dijital
İçeriğe atla
Referanslara dön

UX Portföy Projesi

PlantCare

Ev bitkisi sahiplerinin sorunları anlamasına, bakım önerilerine ulaşmasına ve bakım rutinlerini takip etmesine yardımcı olan mobil uygulama ve responsive web deneyimi.

Google UX Design Professional Certificate portföy projesi

PlantCare high-fidelity mobil ve web ekranlarından derlenmiş prototip görseli

Proje özeti

Proje
PlantCare
Tür
UX Portföy Projesi
Rol
UX Designer
Kapsam
UX Research · Interaction Design · Prototyping · Usability Testing
Platform
Mobil + Responsive Web
Süreç
Temmuz – Ağustos 2026 (6 hafta)
Araçlar
Figma · FigJam

Problem

Ev bitkisi sahipleri, bitkilerindeki sorunların nedenlerini anlamada ve doğru bakım yöntemlerini bulmada zorlanıyor. Bilgi kaynakları karmaşık ve dağınık olduğu için yanlış bakım veya bitki kaybı riski artıyor.

Araştırma içgörüsü: İlk varsayım “ne zaman sulayacaklarını bilmemek” üzerine kuruluydu. Araştırma sonrası doğru teşhis, güvenilir kaynak, kişiselleştirilmiş öneriler ve rutin takibinin de temel sorun alanları olduğu görüldü.

Hedef

Kullanıcıların bitki sorununu hızlıca anlamasını, anlaşılır bakım önerilerine ulaşmasını ve bakım sürecini düzenli takip edebilmesini kolaylaştırmak.

  • Fotoğraf veya belirti seçimiyle teşhis akışını netleştirmek
  • Bakım önerilerini sade ve uygulanabilir adımlara indirmek
  • Hatırlatıcılar ve bakım planıyla sürekliliği desteklemek

Kullanıcı araştırması

  • Kullanıcı görüşmeleri ve gözlemler
  • Competitive audit
  • Empathy map
  • Moderated usability testi (Think Aloud) — lo-fi ve hi-fi turları

Competitive audit

Doğrudan: Plantix, PictureThis, Planta. Dolaylı: Google Lens.

Güçlü yanlar: AI teşhis, bitki veritabanı, hatırlatıcılar. Zayıf yanlar: Ücretli özellikler, karmaşıklık, teknik dil. Fırsatlar: Basit teşhis, adım adım çözüm, duygusal bağ, tek akışta teşhis + takip.

  • Nedeni anlayamama

    Belirtilerden önce doğru teşhis edememe ve yanlış bakım riski.

  • Çelişkili bilgi

    İnternette dağınık ve çelişkili kaynaklar güveni zayıflatıyor.

  • Rutin unutma

    Sulama ve bakım adımlarının düzenli takibinde zorlanma.

  • Güvenilir teşhis ihtiyacı

    Belirtiyi net tanımlayamadan doğru bakıma geçememe.

Kullanıcı Personaları

Persona 01 — Deneyimli Bitki Yetiştiricisi

53 · Ev bitkileriyle uzun süredir ilgileniyor

“Doğru teşhis, bitkileri sağlıklı tutmanın en önemli adımıdır.”

20 yıldır ev bitkisi yetiştiriyor. Sararma, lekelenme ve gelişim geriliği gibi sorunlarda çelişkili internet bilgisiyle karşılaşıyor.

Hedefler

  • Hızlı ve doğru teşhis
  • Türe uygun bakım
  • Gereksiz ilaçtan kaçınma
  • Tek platformda güvenilir bilgi

Zorluklar

  • Kesin nedeni bulamama
  • Çelişkili bilgi
  • Yanlış teşhis korkusu
  • Çok türü takip etmenin zaman alması

Persona 02 — Yoğun Çalışan Bitki Sahibi

34 · Günlük bakım için pratik çözümler arıyor

“Keşke bitkiler bana neye ihtiyaçları olduğunu söyleyebilse.”

Yoğun tempoda kaktüs ve orkide bakıyor. Orkide solması ve çiçek açmama gibi sorunlarda hızlı, pratik çözümlere ihtiyaç duyuyor.

Hedefler

  • Az zamanla sağlıklı tutmak
  • Orkide bakımını anlamak
  • Hızlı sorun teşhisi
  • Pratik çözümler

Zorluklar

  • Zaman ayıramama
  • Sulama unutma
  • Orkide sorun nedenini anlayamama
  • Uzun teknik metinleri sevmeme

User journey

Persona 01 üzerinden beş aşamalı yolculuk: sorunu fark etme → bilgi arama → teşhis → bakım uygulama → sonucu takip etme.

  1. 1. aşama

    Sorunu fark etme

    Duygu: Endişeli

    Fırsat: Belirtileri kolay tanımlama

  2. 2. aşama

    Bilgi arama

    Duygu: Meraklı ancak kararsız

    Fırsat: Doğrulanmış bilgiyi tek ekranda sunma

  3. 3. aşama

    Sorunu teşhis etme

    Duygu: Rahatlamış ve umutlu

    Fırsat: Fotoğrafla hızlı teşhis

  4. 4. aşama

    Bakım önerilerini uygulama

    Duygu: Kendinden emin

    Fırsat: Sade, uygulanabilir adımlar

  5. 5. aşama

    Sonucu takip etme

    Duygu: Mutlu ve memnun

    Fırsat: Hatırlatma ve bakım takibi

PlantCare kullanıcı yolculuğu haritası
Kaynak sunumdaki user journey görseli

User flow

Mobil çekirdek akış (hi-fi değerlendirme ve sunumdaki teşhis yolculuğu):

  1. Ana Sayfa
  2. Bitkimi Analiz Et
  3. Fotoğraf Çek / Galeriden Seç
  4. Analiz
  5. Hastalık / sorun sonucu
  6. Bakım önerileri
  7. Hatırlatıcı / bakım planı (opsiyonel)

Wireframe ve low-fi

Beş farklı kağıt wireframe’den güçlü öğeler birleştirildi. Dijital wireframe ve lo-fi prototip Ana Sayfa → Fotoğraf → Analiz → Sonuç → Bakım akışını sade tutmayı hedefledi; “Bitkimi Analiz Et” aksiyonu ön planda tutuldu.

PlantCare kağıt wireframe örnekleri
Paper wireframes
PlantCare dijital wireframe ekranları
Digital wireframes
PlantCare low-fidelity prototip akışı
Low-fi prototype

Lo-fi Figma prototipini aç

Usability test ve iterasyonlar

Lo-fi ve hi-fi turlarında moderated usability (Think Aloud) yürütüldü. Aşağıdaki satırlar test notları ve sunumdaki bulgu → değişiklik eşleşmelerine dayanır.

  • Gözlem: Katılımcılar teşhis / analiz girişini bulmakta zorlandı

    Sorun: Ana ekranda analiz aksiyonu yeterince görünür değildi

    Değişiklik: Ana ekranda analiz CTA’sı daha belirgin hale getirildi

  • Gözlem: Belirti seçiminde kararsızlık (metin-only seçenekler)

    Sorun: Belirti girişi belirsizdi

    Değişiklik: Örnekler ve yönlendirici alanlarla belirti girişi netleştirildi

  • Gözlem: Teknik / uzun sonuç metinleri okunabilirliği düşürüyordu

    Sorun: Sonuç dili karmaşıktı

    Değişiklik: Sade açıklamalar, madde madde bakım adımları ve ikon desteği

  • Gözlem: Gezinmede geri / yeni teşhis belirsizliği

    Sorun: Navigasyon ipuçları zayıftı

    Değişiklik: Geri ve ana sayfa yolları daha görünür düzenlendi

Usability çalışması bulgularını özetleyen görsel
Usability bulguları özeti (kaynak materyal)

High-fidelity tasarım

Hi-fi prototipte fotoğraf / kamera ile teşhis, sonuç + risk bilgisi, bakım önerileri ve planı, geçmiş analizler ile profil alanları yer alır. Ekran görselleri Figma hi-fi export’larından alınmıştır.

PlantCare high-fidelity mobil ekran export’u
Mobile hi-fi export
PlantCare responsive web high-fidelity ekranları
Web hi-fi
PlantCare son web tasarım ekranı
Final web design

Responsive web

Aynı çekirdek deneyim; farklı layout. Breakpoint’ler: mobil 390px, tablet 768px, masaüstü 1440px. Masaüstünde daha detaylı paneller; mobilde kısa karar akışı. Amaç yalnızca ekranı küçültmek değil, bağlama uygun bilgi yoğunluğu sunmak.

PlantCare masaüstü responsive hi-fi akışı
Desktop responsive flow
PlantCare web dijital wireframe düzeni
Website digital wireframe

Accessibility

Hi-fi aşamasında WCAG 2.2 AA kontrol listesi üzerinden çalışıldı. Kaynak raporda işaretlenen kararlar:

  • Kontrast ve okunabilir tipografi
  • Yeterli dokunma alanları (≥44×44)
  • Tutarlı navigasyon ve net buton etiketleri
  • Yalnızca renge bağlı olmayan bilgi aktarımı
  • Net hiyerarşi ve form açıklıkları

Ekran okuyucu ve klavye odaklı web denetimi kaynakta gelecek iş olarak bırakılmıştır; tamamlanmış compliance skoru iddiası yoktur.

Tasarım tutarlılığı

Kart, buton, durum etiketi ve bildirimlerde tutarlı bileşen dili; sade metin; belirgin CTA; yeşil vurgu ve açık zemin kontrastı. Kaynaklarda resmi hex token tablosu yayınlanmadığı için burada uydurma renk skalası yer almaz.

UX sürecinden çıkarımlar

  • Araştırma varsayımları netleştirir; ilk problem tanımı testle genişleyebilir.
  • Usability bulguları, CTA görünürlüğü ve dil sadeleştirmesi gibi somut tasarım kararlarına dönüşür.
  • Responsive tasarım, aynı akışın bağlama göre yeniden düzenlenmesidir; yalnızca ölçeklemek değildir.
  • Kullanıcı geri bildirimi, teşhis → bakım yolunu sadeleştirmenin en hızlı yoludur.

UX Vaka Çalışması Sunumu

PlantCare portföy sunumu — 18 slaytlık vaka çalışması dosyası.

UX Eğitimi ve Sertifika

Google UX Design Professional Certificate rozeti

Google UX Design Professional Certificate

Ceren Safir · Tamamlanma: 28 Temmuz 2026

Coursera / Google Career Certificates · Credential ID: LWWE5B6C19TU