← İşlere dön

Vaka Çalışması

Cake App

3D Canlı Önizleme ile Özel Pasta Sipariş Deneyimi Tasarımı

UX AraştırmasıUX TasarımıUI TasarımıEtkileşim TasarımıPrototipleme
Cake App

Genel Bakış

Proje

Cake App, yerel pastanelerden özelleştirilmiş pasta sipariş etmek isteyen kullanıcılar için tasarlanmış bir mobil uygulamadır. Ekran görüntüleri, referans görseller veya satıcıyla uzun mesajlaşmalar yerine kullanıcılar pastalarını adım adım özelleştirebilir ve sipariş vermeden önce nihai tasarımı anında önizleyebilir.

Rol

  • UX Araştırması
  • UX Tasarımı
  • UI Tasarımı
  • Etkileşim Tasarımı
  • Prototipleme

Araçlar

  • Figma
  • Illustrator
  • Cursor AI
  • ChatGPT

Problem

Küçük pastanelerden özelleştirilmiş pasta sipariş etmek genellikle belirsiz bir süreçtir.

Standart ürünleri olan büyük markaların aksine, yerel işletmeler genellikle WhatsApp veya Instagram üzerinden iletişim kurar. Müşteriler ilham fotoğrafları gönderir, beklentilerini anlatır ve pastanın yapılıp yapılamayacağını pastanenin onaylamasını bekler.

Müşteriler sipariş vermeden önce nihai ürünü net biçimde hayal edemedikleri için satın alma sürecinde sık sık belirsizlik yaşarlar.

Bu durum; tasarım kararlarını zorlaştırır, müşteri ile pastane arasında sürekli mesajlaşmaya yol açar, nihai ürün hakkında yanlış anlaşılmalara ve teslimat sonrası memnuniyetsizliğe neden olur.

Deneyim, görselleştirmeden çok iletişime bağımlı hale gelir.

Hedef

Kullanıcıların satın almadan önce kişiselleştirilmiş pastalarını görselleştirebileceği bir sipariş deneyimi tasarlamak. Ürün kullanıcılara şunları sağlamalı:

  • Pastalarını kolayca özelleştirmek
  • Sipariş sürecindeki belirsizliği azaltmak
  • Güvenle satın alma kararı vermek
  • Pastanelerle yaşanan yanlış anlaşılmaları en aza indirmek

Hedef Kullanıcılar

Doğum günleri, yıldönümleri, mezuniyet kutlamaları, baby shower, nişan ve kurumsal etkinlikler gibi özel günler için yerel pastanelerden kişiselleştirilmiş pasta sipariş eden 16 yaş ve üzeri kişiler. Bu kullanıcılar genellikle:

  • Aklında belirli bir tasarım vardır
  • Satın almadan önce görsel onaya ihtiyaç duyar
  • Kolay bir özelleştirme süreci ister
  • Estetik detaylara önem verir

Kullanıcı Araştırması

Sipariş deneyimini daha iyi anlamak için daha önce yerel pastanelerden özelleştirilmiş pasta sipariş etmiş kişilerle görüşmeler yaptım.

Görüşmeler; sipariş süreci, pastanelerle iletişim, sipariş sırasında yaşanan zorluklar ve pastayı aldıktan sonraki memnuniyet üzerine odaklandı.

Temel Bulgular

Katılımcıların çoğu şunları belirtti:

  • Nihai pastayı hayal edemediklerini
  • Sipariş vermeden önce çok soru sormak zorunda kaldıklarını
  • Teslim edilen pastanın farklı görünmesinden korktuklarını
  • Pastane ile detayları tartışmak için çok zaman harcadıklarını

Araştırma İçgörüleri

Keşke sipariş vermeden önce pastamın nasıl görüneceğini görebilseydim.

Araştırma İçgörüleri

  • Kullanıcıların görsel güvene ihtiyacı var
  • Belirsizlik stres yaratır
  • Aşırı mesajlaşma deneyimi yavaşlatır
  • Yanlış iletişim güveni azaltır

Nasıl Yapabiliriz...

Kullanıcıların nihai ürünü satın almadan önce görselleştirebilmesini sağlayarak kişiselleştirilmiş pastaları güvenle özelleştirmelerine ve sipariş vermelerine nasıl yardımcı olabiliriz?

Çözüm

Adım adım kişiselleştirmeyi gerçek zamanlı 3D önizleme ile birleştiren interaktif bir pasta özelleştirme deneyimi tasarladım.

Kullanıcılar nihai ürünü hayal etmek yerine, her özelleştirmenin pastaya anında yansıdığını görebilir.

Deneyim, özelleştirmeyi keyifli kılarken belirsizliği azaltır.

Kullanıcı Akış Diyagramı

BAŞLANGIÇ
  │
  ▼
Karşılama Ekranı
  │
  ▼
Ana Ekran
  │
  ▼
Özel Pasta Oluştur
  │
  ▼
ADIM 1 — Pasta Tabanı
  Kek Türü → Boyut → Şekil
  │
  ▼
ADIM 2 — Lezzet
  Aroma → İç Dolgu → Krema → Dış Kaplama
  │
  ▼
ADIM 3 — Dekorasyon
  Tema → Süslemeler → Figür → Özel Yazı → Mum (İsteğe Bağlı)
  │
  ▼
ADIM 4 — Canlı Önizleme
  3D Önizleme → Gerekirse Düzenle → Devam
  │
  ▼
ADIM 5 — Sipariş Özeti
  Özet → Fiyat → Teslimat → Müşteri Bilgisi → Ödeme → Onay
  │
  ▼
Başarı Ekranı

Bilgi Mimarisi

Cake App
├── Ana Sayfa
│   ├── Özel Pasta Oluştur
│   ├── Siparişlerim
│   └── Profil
├── Pasta Özelleştirme
│   ├── Kek Türü / Boyut / Şekil
│   ├── Aroma / Dolgu / Krema / Kaplama
│   ├── Dekorasyonlar
│   ├── Özel Mesaj
│   └── Canlı 3D Önizleme
├── Sipariş Özeti
│   ├── Özet / Fiyat / Teslimat / Ödeme
└── Sipariş Onayı
    ├── Başarı Ekranı
    └── Sipariş Takibi

Wireframe'ler

İlk adım, görsel tasarıma geçmeden önce kullanıcı akışını ve bilgi hiyerarşisini doğrulamak için düşük sadakat wireframe'ler oluşturmaktı.

Temel hedef, kullanıcıların özelleştirme sürecini kafa karışıklığı olmadan tamamlayabilmesini sağlamaktı.

Akış doğrulandıktan sonra etkileşimleri, boşlukları, tipografiyi ve görsel hiyerarşiyi iyileştirmek için yüksek sadakat mockup'lar geliştirdim.

Cake App düşük sadakat wireframe akışı

Tasarım Sistemi

Görsel kimlik, pastane ortamlarından ilham alan sıcak, samimi ve güven veren bir deneyim yaratmaya odaklanır. Yüksek doygunlukta renkler yerine pastel tonlar, kutlama ürünlerine uygun sakin ve premium bir atmosfer oluşturur.

Renk Paleti

Soft Cream

Background

Warm Beige

Background

Powder Pink

Primary

Mint Green

Secondary

Light Brown

Accent

Dark Brown

Text

Dark Gray

Text

Tipografi

Samimiyet ve okunabilirliği desteklemek için modern, yuvarlatılmış tipografi seçildi. Büyük başlıklar özelleştirme adımlarını vurgular; geniş boşluklar arayüzü görsel olarak hafif tutar.

Bileşenler

  • Kartlar
  • Seçim Chip'leri
  • Butonlar
  • İlerleme Göstergesi
  • Alt Sayfa (Bottom Sheet)
  • Önizleme Paneli
  • Adım Navigasyonu

Yeniden kullanılabilir bileşenler oluşturmak, özelleştirme akışı boyunca tutarlılığı artırdı.

Özelleştirme Deneyimini Tasarlama

Kullanıcıları tüm seçeneklerle aynı anda bunaltmak yerine özelleştirme küçük, yönetilebilir adımlara bölündü.

Her ekran tek bir karara odaklanır.

Bu, bilişsel yükü azaltırken süreci basit ve keyifli hissettirir.

Canlı 3D Önizleme

Uygulamanın temel özelliklerinden biri gerçek zamanlı 3D pasta önizlemesidir.

Her özelleştirme pasta modelini anında günceller; kullanıcılar seçimlerinin etkisini hemen görebilir.

Bu, sipariş sürecindeki belirsizliği önemli ölçüde azaltır.

Önizleme, geleneksel statik ürün görsellerine kıyasla daha etkileşimli ve ilgi çekici bir alışveriş deneyimi de sunar.

Ekranlar

Cake App yüksek sadakat özelleştirme ekranları

Etki

Kullanıcılar İçin

  • Satın almadan önce daha fazla güven
  • Daha kolay karar verme
  • Özelleştirme sırasında daha az stres
  • Daha keyifli sipariş deneyimi

Pastaneler İçin

  • Daha az açıklama mesajı
  • Yanlış anlaşılma riskinde azalma
  • Daha hızlı sipariş süreci
  • Daha yüksek müşteri memnuniyeti

Öğrendiklerim

Bu proje, görselleştirmenin kişiselleştirilmiş alışveriş deneyimlerinde kritik bir rol oynadığını öğretti.

Yalnızca özelleştirme seçenekleri sunmak yetmiyor; kullanıcıların kararlarına güvenebilmeleri için sürekli görsel geri bildirime ihtiyaç duyuyorlar.

Kullanıcı belirsizliği etrafında tasarım yapmak — yalnızca işlevsellik değil — daha sezgisel ve ilgi çekici bir deneyim ortaya çıkardı.

Ayrıca kutlamalar ve unutulmaz anlarla ilişkili ürünlerde kullanılabilirlik ile duygusal tasarımı dengelemenin önemini pekiştirdi.