07 / 07İKİNCİ EL · WEB & MOBİLYakında
Marktgeluk
Hollanda için web'de ve iOS & Android uygulaması olarak bir ikinci el ilan pazarı: kategori ve mesafeye göre arama, altı adımda ilan verme, mesajlaşma ve teklif, alıcı korumalı satın alma.
- Ne yaptık
- Ürün & UX tasarımı
- Etkileşimli web prototipi
- iOS & Android uygulaması
- Üç dil desteği
- Teknolojiler
- React 19TypeScriptTailwind CSS 4ViteReact NativeExpoTanStack QueryZustand
- Tür
- E-ticaret · Kendi ürünümüz
01Proje hakkında
İhtiyaç
İkinci el pazarında alıcı ile satıcı birbirini tanımaz. Güven; açık ilanlarla, kolay teklif ve mesajlaşmayla, korumalı ödemeyle ve bir şey ters gittiğinde işleyen bir iade ve uyuşmazlık süreciyle kurulur. Marktgeluk'un bunların hepsini hem web'de hem telefonda, Hollandalı kullanıcıya tanıdık gelen bir akışla sunması gerekiyordu.
Yaklaşımımız
Önce pazarın tamamını etkileşimli bir web prototipi olarak tasarladık: ana sayfa, kategoriler, ilan sayfası, ilan verme, mesajlar, ödeme, siparişler, profil ve ilan yönetimi. Sipariş durumları, alıcı koruma ücreti ve iade kuralları kodda modellendi ve otomatik testlerle doğrulanıyor; para, kargo ve süre kararları bilinçli olarak sunucuya bırakıldı. iOS ve Android uygulaması aynı veri modelini ve aynı sayfa adlarını kullanıyor, şimdilik örnek veriyle çalışıyor; backend seçildiğinde yalnızca servis katmanı değişecek. Proje geliştirme aşamasında.
02Öne çıkan özellikler
- 01
Arama ve kategoriler
Metin, kategori, şehir ve mesafe tek arama çubuğunda; 5 km'den tüm Hollanda'ya kadar. Kapsamlı bir ürün sınıflandırmasından kurulan 20 ana kategori; filtreler, sıralama, kayıtlı aramalar ve favoriler.
- 02
Altı adımda ilan
Kategori, fotoğraf ve video, ürün bilgileri, fiyat ve satış şekli (hemen al, teklif ya da açık artırma), teslimat ve konum, son kontrol. Bireysel ya da kurumsal satıcı seçilir, tam adres gizli kalır. İlanlar sonra İlanlarım'dan düzenlenir, rezerve edilir, satıldı olarak işaretlenir ya da yayından kaldırılır.
- 03
İlan sayfası
Alıcı korumasıyla satın alma, önerilen tutarlardan teklif verme ya da satıcıya mesaj. Teslim alma ya da kargo seçilir; ilan yanıltıcı bilgi, yasaklı ürün veya şüpheli ödeme talebi gerekçesiyle bildirilebilir.
- 04
Mesajlar ve teklifler
Her sohbet bir ilana bağlı. Sohbette teklif, tür ve boyut kontrollü fotoğraf eki, arşiv ve okundu durumu; satıcı paneli seçilen sohbete göre değişir.
- 05
Sipariş, iade ve uyuşmazlık
Satıcının onayından teslimata kadar sipariş akışı. Alıcı teslim aldığını kargonun "teslim edildi" bilgisinden ayrı onaylar, elden teslimde geçici bir kod kullanılır; iadeler önce satıcıya gider, sorunlar fotoğraf ya da videoyla bildirilir.
- 06
iOS ve Android uygulaması
iOS'ta cam görünümlü yerel sekme çubuğu, seçili dilde sesli arama, son aramalar, filtreli gelen kutusu; dil, açık/koyu tema, bildirim ve gizlilik ayarları. Web sürümüyle aynı veri modelini kullanır.
03Ekranlar
04Teknoloji
Web
- React 19 & Vinext
- Sayfalar ve yönlendirme, Vite üzerinde
- Tailwind CSS 4 & shadcn/ui
- Tasarım sistemi ve bileşenler
- TypeScript
- İlan, sipariş ve kategori modelleri
Mobil
- React Native & Expo
- iOS ve Android uygulaması
- NativeWind
- Tailwind sözdizimiyle ortak tema
- TanStack Query & Zustand
- Veri katmanı ve yerel durum
- Zod & React Hook Form
- Form ve veri doğrulama
- i18next
- Üç dil: NL, EN, TR
Kalite
- Node test runner
- Sipariş, ödeme ve ilan kuralı testleri
- Oxlint & TypeScript
- Lint ve tip kontrolleri
05Durum
Proje geliştirme aşamasında. Benzer bir ürün mü düşünüyorsunuz?
