Açılış ve ana sayfa için 5 farklı yön
Her prototip kendi başına çalışan bir akış: açılış ekranı → ilk giriş (onboarding) → rol seçimi → ana sayfa. Hepsi mevcut logoyu, marka yeşilini ve canlı API'den alınmış gerçek ürün/kartela verisini kullanıyor. Beğendiğiniz yön Flutter'a birebir taşınabilir.
Nasıl incelenir
- Masaüstünde telefon çerçevesi + sağda notlar paneli açılır; paneldeki düğmelerle ekranlar arasında atlayabilirsiniz.
- Telefonda aynı adresi açın — prototip tam ekran çalışır, sağ alttaki ☰ ile ekran listesi gelir.
- Açılış ekranı birkaç saniye sonra kendiliğinden ilerler; "Baştan başlat" ile tekrar izleyebilirsiniz.
- Kaydırma, dokunma, sürükleme gibi etkileşimler gerçek: kart kaydırın, renge dokunun, sohbette cevap seçin.
Galeri
Dergi kapağı gibi bir ana sayfa: tam ekran iç mekân fotoğrafı, üzerinde tek bir güçlü çağrı. Koleksiyon mozaikleri, marka kartları ve ürün fotoğrafları — metin az, görsel çok. İlk giriş 3 tam ekran fotoğraf; rol seçimi fotoğraflı kutular.
Prototipi açAkış
Boya damlaları amblem olur, amblem logoya dönüşür, yeşil "boya dökülmesi" ilk giriş ekranını doldurur. Ana sayfa iskelet yüklenir, kartlar sırayla gelir; kayan kartelaya dokununca kahraman kartı o renge boyanır. Sayaçlar, kayan alt menü, 3B marka kartları.
Prototipi açRehber
İlk giriş bir tanıtım değil, bir kurulum: dil → rol → hedefler → izinler → hazır. Ana sayfa ilk açıldığında 4 adımlık spot ışığı turu; "İlk adımların" kartı hedeflerin takibini yapar. Sağ alttaki "?" ile tur her zaman tekrar izlenebilir.
Prototipi açAsistan
Tanıtım ekranı yok: asistan karşılar, üç soru sorar (kimsin, hangi proje, hangi renk tarzı) ve ana sayfayı cevaplara göre kurar. KVKK onayı sohbetin içinde. Ana sayfanın tepesinde soru kutusu; önerilere dokununca asistan çekmecesi açılır.
Prototipi açKartela
Boya markasının en güçlü varlığı renk. İlk giriş "sevdiğin renkleri seç" kart destesi (sağa/sola kaydır); ana sayfa bento kutuları: günün paleti, canlı boyanan oda, mini sarfiyat hesabı, yakın bayi, markalar. Tek dokunuşla koyu tema.
Prototipi açKarşılaştırma
Hangi yönün hangi soruya cevap verdiği ve Flutter'a taşıma maliyeti.
| Tasarım | Açılış | İlk giriş | Ana sayfa | Güçlü yanı | Entegrasyon |
|---|---|---|---|---|---|
| 01 Galeri | Fotoğraf + yavaş yakınlaşma | 3 tam ekran fotoğraf slaytı | Kahraman fotoğraf, koleksiyon mozaikleri, ürün fotoğrafları | Duygu ve ilham; "boya = mekân" | Orta — kaliteli fotoğraf çekimi gerekir |
| 02 Akış | Damla → amblem → boya dökülmesi | CSS illüstrasyonlu 3 slayt | İskelet yükleme, sıralı giriş, canlı kartela, sayaçlar | Canlılık; her dokunuşa tepki | Orta — flutter_animate ile birebir |
| 03 Rehber | Sade, kurulum adımlarını gösterir | 5 adımlı sihirbaz (dil, rol, hedef, izin, hazır) | İlk adımlar kartı + spot ışığı turu, role göre öneriler | Kullanıcıyı kaybetmez; izinler açıkça alınır | Kolay — mevcut rol/KVKK akışının genişletilmiş hâli |
| 04 Asistan | Işıldayan küre + logo | Sohbetle 3 soru, KVKK kartı | Soru kutusu üstte, kişiselleştirilmiş kartlar, asistan çekmecesi | AI'ı merkeze koyar; kişiselleştirme doğal gelir | Orta — mevcut /ai ucuna bağlanır, rıza akışı hazır |
| 05 Kartela | Yelpaze açılan kartela | Renk kartı destesi + tarz sonucu + rol | Bento kutuları, canlı boyanan oda, koyu tema | Markanın farkı (renk) ilk saniyede | Kolay–Orta — kartela verisi zaten var |