Macellan SuperApp
Macellan; ödeme, cüzdan, sadakat ve abonelik servislerini tek bir tüketici uygulamasında birleştiriyor. Tasarım problemi hiyerarşiydi: aynı ana ekran yüzeyi için yarışan çok sayıda servis varken, kullanıcı genellikle tek bir belirli görevi tamamlamak için geliyordu.
- (Bağlam)
- Macellan · Tüketici superapp / mobil ekosistem
- (Rol)
- Senior UI/UX Tasarımcısı — mobil akışlar, servis hiyerarşisi ve arayüz sistemi
- (Kapsam)
- Ana ekran mimarisi, servis hiyerarşisi, cüzdan/ödeme akışları, sadakat/abonelik modülleri ve mobil UI desenleri
- (Platform)
- iOS / Android
- (Durum)
- Profesyonel iş
- (Canlı ürün)
- App Store'da görüntüle
Problem
Bir superapp, servis ekleyerek büyür ve her yeni servis görünürlük ister. Yapı olmadan ana ekran bir giriş noktası değil, bir menüye dönüşür. Zorluk; birincil aksiyonları hızlı tutarken ikincil servislere büyüyebilecekleri öngörülebilir bir yer vermekti. Uygulama, kullanıcının her seferinde yeniden öğrenmesine gerek kalmadan genişleyebilir hissettirmeliydi.
Üç kişilik tasarım ekibinin bir üyesiydim (bir design lead, Senior olarak ben ve bir grafik tasarımcı); ürün sahipleri, mobil ve backend geliştirme, pazarlama/operasyon ekipleriyle çalıştım. Tüketici mobil deneyimini, çok-servisli akışları ve bilgi mimarisini sahiplendim; ekibin UI/UX kararlarına — çok sayıda servisin ana ekranda kalabalık bir menüye dönüşmeden yaşaması dâhil — yön verdim.
Temel ürün kararları
- 01Ana ekranı, ikincil servisleri tanıtmadan önce cüzdan görünürlüğü ve en çok kullanılan aksiyonlar etrafında çapala.
- 02Servisleri öngörülebilir bir hiyerarşide grupla; böylece yeni modüller ana ekranı yeniden tasarlamadan eklenebilsin.
- 03Ödeme ve bakiye yükleme aksiyonlarını tek bir sekmeye kilitlemeden birden çok noktadan erişilebilir tut.
- 04Cüzdan, sadakat ve abonelikler boyunca tek bir kart, liste ve modül dili kullan; böylece uygulama tek bir ürün gibi okunsun.
Akış ve sistem tasarımı
Yapı, hızlı aksiyonları keşif amaçlı servis gezinmesinden ayırır. Bakiye, ödeme ve yükleme yüzeye yakın durur; sadakat, abonelikler ve servis modülleri ise aşağıda net bir hiyerarşi izler. Her servis aynı giriş, onay ve sonuç ritmini izler; böylece ürün, kullanımı zorlaşmadan büyüyebilir.
Arayüz sistemi
Mobil arayüz sistemi; cüzdan kartlarını, servis döşemelerini, liste satırlarını, modül bloklarını ve onay sayfalarını kapsar. Ortak boşluk, tipografi ölçeği ve yükseklik (elevation) kuralları yüzeyleri iOS ve Android'de tutarlı tutar. Sistem, ana ekran hiyerarşisini zayıflatmadan yeni servisleri içine alacak şekilde kuruludur.
Uç durumlar & durumlar
- 01Boş cüzdan, bekleyen bakiye yükleme ve başarısız ödeme durumları.
- 02Sadakat seviyesi değişiklikleri ve abonelik yenileme veya sona erme durumları.
- 03İlk açılıştaki ana ekran ile çok sayıda aktif servisi olan bir kullanıcının ana ekranı.
- 04Uzun servis adları ve modüller arası yerelleştirme.
Geliştirici teslimatı
Ana ekran mimarisini, servis akışlarını ve yeniden kullanılabilir mobil desenleri, iOS ve Android uygulaması için durum açıklamalarıyla teslim ettim. Teslimat; modüllerin sisteme nasıl girdiğine, aksiyonların nasıl erişilebilir kaldığına ve her servisin aynı etkileşim ritmini nasıl koruduğuna odaklandı. iOS ve Android'de yayınlandı ve canlı Macellan SuperApp olarak çalışıyor.
Ödeme, cüzdan, sadakat ve abonelik servislerinin; kalabalık bir servis menüsüne dönüşmeden tek ve net bir ana ekran yapısı içinde yaşaması gereken bir mobil ekosistem.
(12)
Sırada neyi geliştiririm
Ana ekranın, öngörülemez hâle gelmeden gerçek kullanıma yanıt verebilmesi için hafif bir kişiselleştirme katmanı eklerdim. Ayrıca cüzdan, sadakat ve abonelikler arasında geçişi daha sürekli hissettirmek için servisler arası gezinmeyi sıkılaştırırdım.
Macellan SuperApp'in V2 deneyiminin yeniden tasarlanıp yayına alınmasında aktif rol aldım (2022): mağazada ödeme, uzaktan sipariş, abonelik, sadakat ve soft-play servisleri daha net ve ölçeklenebilir bir çok-servisli uygulama yapısında toplandı.
- 01App Store ve Google Play'de canlı; uygulama 1M+ kullanıcıyı geçti.
- 02Mağaza puan ortalaması 4.8.
- 03V2, deneyimi sıfırdan; yeniden kullanılabilir gezinme, kart, akış ve durum kalıpları üzerine kurdu — yeni servisler aynı sisteme oturuyor.