Açılış ve ana sayfa için 10 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.
Beğenilen parçaların tek akışta birleşimi
Fotoğraflı açılış (her açılışta) → hikâyeli ilk giriş (3. kare "her şey tek yerde", 4. kare KVKK) → jiroskopla kayan cam yansımalı "Sen kimsin?" → üç sekmeli ana sayfa: Takip (yeni sosyal medya sayfası) · Senin için (01 ana sayfa) · Keşfet (09 akışı) → sekmeleri de anlatan tur rehberi.
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çMarjinal seriSınırları zorlayan 5 yön
İlk beşin güvenli çizgisinin dışına çıkan, her biri tek bir fikri sonuna kadar götüren alternatifler.
NE
BOYU-
YORUZ?
Poster
Kart, gölge, yuvarlak köşe yok: kâğıt zemin, kalın siyah çizgiler, dev başlıklar, mono etiketler, tek vurgu rengi. Harfler "çakılarak" açılır; ilk giriş üç afiş; ana sayfa manşet + kayan bant + numaralı "indeks".
Prototipi açSıvı
Damlalar birleşip logoya dönüşür; ilk girişte sıvayı parmağınla kaldırıp altındaki mesajı "boyarsın" (canvas). Roller baloncuk, kartela tavandan sarkan damlalar: dokun, damla düşsün, kahraman kartı o renge aksın.
Prototipi açArcade
CRT tarama çizgileri, piksel font, "PRESS START". Gerçek amblemden üretilen piksel logo; level select; karakter seçimi; ana sayfa bir HUD: XP, görevler, envanter (ürünler), harita (bayiler), boss (duvarda kabarma).
Prototipi açHikâye
İlk giriş otomatik ilerleyen bir hikâye (dokun/basılı tut), rol seçimi anket çıkartması, KVKK kart çıkartması. Ana sayfa TikTok gibi dikey kaydırılan tam ekran kartlar: önce/sonra, günün rengi, sarfiyat kaydırıcısı, kartela.
Prototipi açKüre
160 gerçek kartela rengi bir küre üzerinde; sürükle, döndür, dokun, seç. İlk giriş ve rol seçimi 3B karusel; koleksiyonlar cover-flow gibi eğilir, ürün kartları çevrilir. Koyu zemin, cam yüzeyler, yeşil ışıma.
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 |
| 06 Poster | Harfler çakılır, amblem damgalanır | 3 afiş + "Sözleşme" sayfası | Manşet, kayan bant, numaralı indeks, çizgili ürün ızgarası | Ayırt edici marka sesi; sıfır görsel bağımlılığı | Kolay — tipografi ve çizgiler |
| 07 Sıvı | Damlalar birleşir, logo çıkar | Canvas ile sıvayı kaldır (%55 → devam) | Dökülen kova, sarkan damlalar, baloncuklar, yapışkan alt menü | Ürün kategorisinin kendisi arayüz olur | Zor — bulanıklık filtresi ve canvas performansı |
| 08 Arcade | Piksel logo yerleşir, PRESS START | Level select + TERMS.TXT | HUD: XP, görevler, envanter, harita, boss | Genç/Akademi/puan için doğal oyunlaştırma | Orta — ton kurumsal tarafa uymaz |
| 09 Hikâye | Story halkası, dokun | Otomatik ilerleyen hikâye + anket + KVKK kartı | Dikey snap'li tam ekran kartlar, sağ ray, çift dokun kalp | Keşif ve ilham; sosyal alışkanlıkla uyumlu | Orta — iş yapma akışları ayrı düzen ister |
| 10 Küre | Noktalar küreye uçar | 3B karusel (sürükle) | Çevrilen renk küresi, cover-flow, çevrilen ürün kartları | Kartela deneyimi "wow" eder | Zor — 3B matrisler, düşük cihazlarda yük |