Mobil uygulama tasarımı — merch e-ticaret ve sipariş için
İOS ve Android için merch e-ticaret, sipariş yönetimi ve ürün catalogu uygulamalarının UI/UX tasarımı: wireframe, mockup, interaktif prototip, kullanıcı deneyimi optimizasyonu. Figma ve Adobe XD.
Mobil uygulama tasarımı nedir?
Mobil uygulamalar için kullanıcı arayüzü (UI) ve kullanıcı deneyimi (UX) tasarımı. Ekran layout\'ları, buton yerleri, metin hiyerarşisi, renkler, ikonlar, menü navigasyonu, form alanları gibi visual ve interaktif öğeleri plannır ve mock-up\'lanır. Merch e-ticaret uygulaması örneğinde: ürün listesi nasıl gösterileceği, filtre seçenekleri nerede olacağı, sepete ekleme akışı, ödeme sayfası tasarımı gibi karar alınır. Prototip sayesinde geliştiriciler kodlamaya başlamadan önce tasarım sınanır ve geri bildirimlere göre değiştirilir.
Mobil tasarım süreci
- 1. Stratejik soru ve taslak (Discovery) — Uygulama amacı, hedef kullanıcı, temel özellikleri, kaç ekran olacağı tartışılır. Kütüphaneleme ve navigasyon yapısı belirlenir.
- 2. Wireframe tasarımı — İçerik ve fonksiyonların siyah-beyaz taslakları. Hangi ekranlar var, hangi buton nerede, hangi bilgiler gösterilecek tanımlanır.
- 3. Visual tasarım (High-fidelity mockup) — Wireframe\'e renk, tipografi, görseller, ikonlar eklenir. Marka kimliğine uygun görsel dil oluşturulur.
- 4. Interaktif prototip — Ekranlar arasında tıklama, form dolum, hareketler (swipe, scroll) simülasyonu. Test edilebilir prototip Figma veya InVision\'da sunulur.
- 5. Kullanıcı test (opsiyonel) — 5-10 kişi ile real-world test. Tasarımda sorun alanları belirlenir, revizyon talepleri alınır.
- 6. Tasarım sistem ve hand-off — Geliştirici takımına color codes, font sizes, spacing kuralları, component library ile teslim edilir. "Pixel perfect" spesifikasyonlar.
Merch e-ticaret uygulaması tipik ekranları
- Giriş ekranları: Welcome/onboarding, login, kayıt, şifre sıfırlama
- Browsing: Ana sayfa/dashboard, kategori listesi, arama, filtre (fiyat, renk, boyut)
- Ürün detayı: Fotoğraflar (gallery), spesifikasyon, renk seçimi, boyut, miktar, sevkiyat tarihi, fiyat
- Alışveriş işlemi: Sepet, siparişi gözden geçir, kupon kodu, adresi seç / yeni adres ekle
- Ödeme: Ödeme yöntemi seçimi (kredi kartı, banka transferi, mobil cüzdan), sipariş onayı
- Sipariş yönetimi: Sipariş listesi, sipariş detayı, sevkiyat takibi, fatura indir, iade/iptal
- Kullanıcı profili: Profil bilgileri, adres defteri, sipariş geçmişi, favori ürünler, e-posta aboneliği
- İletişim: Canlı sohbet, destek talep formu, SSS
TRY fiyatlandırma (KDV %20 dahil)
- Wireframe tasarımı (15-20 ekran): 8.000-15.000 TRY
- Visual mockup (15-20 ekran, renkli, marka uyumlu): 12.000-25.000 TRY
- Interaktif prototip (Figma/XD, tıklanabilir flowlar): 18.000-35.000 TRY
- Tam paket (wireframe + visual + prototip, 15-20 ekran): 35.000-55.000 TRY
- Geniş paket (25-30 ekran, wireframe + visual + prototip + revision): 55.000-85.000 TRY
- Kullanıcı test araştırması (5-10 katılımcı, rapor dahil): 6.000-12.000 TRY
- Tasarım sistemi ve geliştirici hand-off dosyası: 5.000-10.000 TRY
- Revizyon ve iyileştirme (prototip sonrası, bounded): 3 revizyon paketi ile başlar, her ek revizyon 1.500-3.000 TRY
Teslimatlar
- Wireframe dokümantasyonu (Figma veya Lucidchart)
- High-fidelity visual mockup (tüm ekranlar, renkli, marka kimliği uyumlu)
- Interaktif prototip (Figma / InVision linkinde test edilebilir)
- Tasarım sistem ve component library (button, input, card vs. reusable components)
- Developer handoff dosyası (spacing, color, typography, states specifications)
- Tasarım revizyon takvimi ve feedback döngüsü
- Figma/XD dosyası (sürüm kontrolü, comments için)
- iOS ve Android design specification (platform-specific guidelines)
Mobil uygulamanız için tasarım başlatalım
Uygulama türünü, hedef kişileri ve temel özellikleri paylaşın, tasarım planını hazırlayalım