Figma Screens Expansion & UX Polish
Budget: $30 – $250 USD
UI/UX Redesign Projesi
Proje Özeti
Kelime ezberleme uygulamamız Puruva için mevcut Figma tasarımının güncellenmesi, yayındaki uygulama ile uyumsuz ekranların yeniden ele alınması ve yeni özellikler için tasarım desteği arıyoruz.
Amaç:
• Tasarım tutarlılığını sağlamak
• Kullanıcıyı daha aktif hale getirmek
• Premium dönüşüm oranını artırmak
• Daha canlı, animasyonlu ve motive edici bir deneyim sunmak
⸻
Genel Beklentiler
• Mevcut Figma dosyası ile yayındaki uygulama tasarımının birleştirilmesi
• Tasarımla uyumsuz ekranların yeniden ele alınması
(Ranking, Subset çalışma adımları, Set oluşturma vb.)
• Uygulama genelinde mikro animasyonlar eklenmesi
(buton animasyonları, progress bar animasyonları vb.)
• Uygulamanın “statik” hissinin azaltılması
⸻
Onboarding & Premium Odaklı Deneyim
• Daha agresif ve yönlendirici onboarding
• Kullanıcıya premium’un değerini net gösteren akışlar
• “Premium olmazsan neleri kaçırıyorsun?” mesajının açık verilmesi
• Ücretsiz deneme yok → tasarım buna göre şekillendirilmeli
• Premium paket ekranının yeniden tasarlanması
(Aylık / Yıllık / Ömür Boyu – 1100₺)
⸻
Renk & Design System
• Dark mode’da daha canlı bir ana yeşil renk
• Yardımcı renk paletleri:
kırmızı, sarı, mavi, turuncu
• Premium, streak, uyarı gibi alanlar için net renk standartları
⸻
Okuma Metni & Seslendirme
• Okuma metni ekranının yeniden tasarlanması
• Metindeki kelimeler bold olacak, tıklanınca tooltip ile Türkçe anlam gösterilecek
• Seslendirme için slow / normal / fast seçenekleri
• Play / pause alanının UX olarak iyileştirilmesi
⸻
Premium Teşvik Mekanizmaları
• Dashboard’ta dismiss edilebilir premium banner
• Premium faydalarını anlatan scrollable popup
• Ana ekranda premium kullanıcıyı ayırt eden görsel/badge
• Premium olmayan kullanıcılar için iyileştirilmiş uyarı modalları
⸻
Widget Tasarımları
• Duolingo benzeri widget’lar:
• “X puan daha kazanırsan Y kişinin önüne geçersin”
• Günlük streak hatırlatıcısı
⸻
Ranking & Streak
• Kullanıcıyı motive eden popup/modallar
(“5 dakikanı ayır, 3 kişi yüksel” vb.)
• Streak gelişim ekranının profesyonelce yeniden tasarlanması
• Gün bazlı animasyonlar (alev, glow vb.)
⸻
Set Paylaşma & Kütüphane (Yeni Ekranlar)
• Kullanıcıların oluşturduğu setleri paylaşabilmesi
• Profil ve kütüphane ekranlarında:
• Kendi setleri
• Çalıştığı setler
• Paylaşılan setler ayrımı (tab veya benzeri)
• Set detayında paylaşım adımlarının anlatılması
• Paylaşılan setler için:
• Kimler çalıştı (sadece Premium)
• Kullanıcı bazlı istatistikler (tamamlama %, süre, tekrar sayısı)
• Setleri pinleme özelliği
• Subset soru tiplerinin açılır/kapanır yapıda düzenlenmesi
⸻
Kelime Çalışma Ekranı İyileştirmeleri
• Doğru cevabı görme opsiyonu (yanlış işaretlemeden)
• Set sıfırlama mekanizması
(tek set veya tüm setler)
• Çalışmanın süresi ve güvenli çıkış bilgisinin gösterilmesi
• Tekrarlı kelimelerle ilgili algıyı azaltacak UX çözümleri
• Çalışma esnasında motive edici animasyonlu modallar
• “Harf Yerleştirme” soru tipinin yeniden değerlendirilmesi
• Çalışma sonunda okuma metni önerisi
⸻
Set Detay & Soru Tipi Modalları
• Soru tipi seçim modalının UX/UI iyileştirmesi
• İlerleme yüzdesi gösterimi
• Learning / Improving / Mastering chip’lerinin tasarımının iyileştirilmesi
⸻
Uygulama Puanlama Akışı
• Ayarlar ekranından tetiklenen puanlama akışı
• Akış korunacak, sadece modal tasarımı iyileştirilecek
• Native iOS / Android rating modal’ları kullanılacak
⸻
Yeni Soru Tipi: Kelime Eşleştirme
• 4 İngilizce – 4 Türkçe kelime eşleştirme
• Hepsi doğruysa aynı anda 4 puan
• Hızlı ve motive edici çalışma deneyimi
⸻
⏳ Loading & Splash Animasyonları
• Splash sonrası özel açılış animasyonu (logo / yazı)
• Uygulama genelinde kullanılmak üzere alternatif loading animasyonları
⸻
Yeni Kullanıcı Karşılama Akışı
• İlk açılış ekranının sadeleştirilmesi
• Yarı saydam overlay ile 3 seçenek:
• Giriş Yap
• Kayıt Ol
• Kelime Çalışma Örneğini Gör
• Demo set deneyimi sonrası login/register yönlendirmesi
• Logo ve mikro animasyonlar tercih sebebidir
⸻
Teslim Beklentisi
• Güncellenmiş Figma dosyası
• Component & style sistemine uygun tasarım
• Mobil odaklı (iOS & Android)
• Geliştiriciye kolay devredilebilir yapı
Proje Özeti
Kelime ezberleme uygulamamız Puruva için mevcut Figma tasarımının güncellenmesi, yayındaki uygulama ile uyumsuz ekranların yeniden ele alınması ve yeni özellikler için tasarım desteği arıyoruz.
Amaç:
• Tasarım tutarlılığını sağlamak
• Kullanıcıyı daha aktif hale getirmek
• Premium dönüşüm oranını artırmak
• Daha canlı, animasyonlu ve motive edici bir deneyim sunmak
⸻
Genel Beklentiler
• Mevcut Figma dosyası ile yayındaki uygulama tasarımının birleştirilmesi
• Tasarımla uyumsuz ekranların yeniden ele alınması
(Ranking, Subset çalışma adımları, Set oluşturma vb.)
• Uygulama genelinde mikro animasyonlar eklenmesi
(buton animasyonları, progress bar animasyonları vb.)
• Uygulamanın “statik” hissinin azaltılması
⸻
Onboarding & Premium Odaklı Deneyim
• Daha agresif ve yönlendirici onboarding
• Kullanıcıya premium’un değerini net gösteren akışlar
• “Premium olmazsan neleri kaçırıyorsun?” mesajının açık verilmesi
• Ücretsiz deneme yok → tasarım buna göre şekillendirilmeli
• Premium paket ekranının yeniden tasarlanması
(Aylık / Yıllık / Ömür Boyu – 1100₺)
⸻
Renk & Design System
• Dark mode’da daha canlı bir ana yeşil renk
• Yardımcı renk paletleri:
kırmızı, sarı, mavi, turuncu
• Premium, streak, uyarı gibi alanlar için net renk standartları
⸻
Okuma Metni & Seslendirme
• Okuma metni ekranının yeniden tasarlanması
• Metindeki kelimeler bold olacak, tıklanınca tooltip ile Türkçe anlam gösterilecek
• Seslendirme için slow / normal / fast seçenekleri
• Play / pause alanının UX olarak iyileştirilmesi
⸻
Premium Teşvik Mekanizmaları
• Dashboard’ta dismiss edilebilir premium banner
• Premium faydalarını anlatan scrollable popup
• Ana ekranda premium kullanıcıyı ayırt eden görsel/badge
• Premium olmayan kullanıcılar için iyileştirilmiş uyarı modalları
⸻
Widget Tasarımları
• Duolingo benzeri widget’lar:
• “X puan daha kazanırsan Y kişinin önüne geçersin”
• Günlük streak hatırlatıcısı
⸻
Ranking & Streak
• Kullanıcıyı motive eden popup/modallar
(“5 dakikanı ayır, 3 kişi yüksel” vb.)
• Streak gelişim ekranının profesyonelce yeniden tasarlanması
• Gün bazlı animasyonlar (alev, glow vb.)
⸻
Set Paylaşma & Kütüphane (Yeni Ekranlar)
• Kullanıcıların oluşturduğu setleri paylaşabilmesi
• Profil ve kütüphane ekranlarında:
• Kendi setleri
• Çalıştığı setler
• Paylaşılan setler ayrımı (tab veya benzeri)
• Set detayında paylaşım adımlarının anlatılması
• Paylaşılan setler için:
• Kimler çalıştı (sadece Premium)
• Kullanıcı bazlı istatistikler (tamamlama %, süre, tekrar sayısı)
• Setleri pinleme özelliği
• Subset soru tiplerinin açılır/kapanır yapıda düzenlenmesi
⸻
Kelime Çalışma Ekranı İyileştirmeleri
• Doğru cevabı görme opsiyonu (yanlış işaretlemeden)
• Set sıfırlama mekanizması
(tek set veya tüm setler)
• Çalışmanın süresi ve güvenli çıkış bilgisinin gösterilmesi
• Tekrarlı kelimelerle ilgili algıyı azaltacak UX çözümleri
• Çalışma esnasında motive edici animasyonlu modallar
• “Harf Yerleştirme” soru tipinin yeniden değerlendirilmesi
• Çalışma sonunda okuma metni önerisi
⸻
Set Detay & Soru Tipi Modalları
• Soru tipi seçim modalının UX/UI iyileştirmesi
• İlerleme yüzdesi gösterimi
• Learning / Improving / Mastering chip’lerinin tasarımının iyileştirilmesi
⸻
Uygulama Puanlama Akışı
• Ayarlar ekranından tetiklenen puanlama akışı
• Akış korunacak, sadece modal tasarımı iyileştirilecek
• Native iOS / Android rating modal’ları kullanılacak
⸻
Yeni Soru Tipi: Kelime Eşleştirme
• 4 İngilizce – 4 Türkçe kelime eşleştirme
• Hepsi doğruysa aynı anda 4 puan
• Hızlı ve motive edici çalışma deneyimi
⸻
⏳ Loading & Splash Animasyonları
• Splash sonrası özel açılış animasyonu (logo / yazı)
• Uygulama genelinde kullanılmak üzere alternatif loading animasyonları
⸻
Yeni Kullanıcı Karşılama Akışı
• İlk açılış ekranının sadeleştirilmesi
• Yarı saydam overlay ile 3 seçenek:
• Giriş Yap
• Kayıt Ol
• Kelime Çalışma Örneğini Gör
• Demo set deneyimi sonrası login/register yönlendirmesi
• Logo ve mikro animasyonlar tercih sebebidir
⸻
Teslim Beklentisi
• Güncellenmiş Figma dosyası
• Component & style sistemine uygun tasarım
• Mobil odaklı (iOS & Android)
• Geliştiriciye kolay devredilebilir yapı