Src Kursum: SRC
Sınavına Hazırlık

Src Kursum mobil uygulama arayüzü mockup
Role UI/UX Designer
Date 2023
Type Mobile App
Scope UI Design, Design System, Prototyping

Problem

  • SRC belgesine hazırlanan adaylar, dağınık ve güncelliğini yitirmiş kaynaklarla (fotokopi notlar, eski PDF'ler) çalışmak zorunda kalıyor.
  • Mevcut kurs materyalleri mobil ve interaktif değil; adaylar günlük hayatın içinde (yolda, molada) pratik yapamıyor.
  • Sınav süreci uzun ve tekdüze olduğu için adaylar motivasyon kaybediyor, ilerlemelerini takip edemiyor.
  • Araç kategorisine (SRC 1, 2, 3, 4, 5) özel, hedefe yönelik pratik materyal bulmak zor.

Çözüm

  • Video dersler, konu anlatımlı notlar, sözlü soru havuzu ve karışık quiz modlarını tek bir mobil uygulamada birleştirdik.
  • Sıralama tablosu ve arkadaş davet sistemiyle öğrenmeyi oyunlaştırarak motivasyonu artıran bir deneyim kurguladık.
  • Araç kategorisine (SRC 1-2-3-4-5) özel içerik filtreleme sistemiyle adaylar sadece kendi sınıflarına yönelik materyale odaklanabiliyor.
  • "Video İzle, Soru Kazan" mekanizmasıyla düzenli çalışmayı ödüllendiren bir yapı tasarladık.

App Icon

Src Kursum uygulama ikonu
Uygulama İkonu
Src Kursum uygulama ikonu telefon ana ekranında mockup

Colors

Primary
#E6303C
Secondary
#1B1B2F
Neutral White
#FFFFFF
Tertiary
#F0F0F7

Typography

POPPINS

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) _ + - = / ?

Aa (Regular)
Aa (Medium)
Aa (Bold)

Iconography

Sınav hazırlık sürecine uygun, net ve tanıdık ikonlar seçildi; kullanıcıların uygulamanın farklı bölümlerini (sınıflar, quiz, ders notları, sıralama) hızlıca ayırt edebilmesi hedeflendi.


Component

Sınav sınıfı seçim etiketleri, kazanım kartları, sıralama satırları ve buton/input varyantları gibi temel bileşenler; tutarlı, tekrar kullanılabilir ve kırmızı marka diline uygun olacak şekilde tasarlandı.

Alt navigasyon çubuğu (BottomNavbar) - 5 sekme durumu
Bottom Navbar
Buton varyantları: primary, outline, disabled, text link
Button
Input alanı varyantları
Input
SRC kategori kartı varyantları
Category Card
Arama input bileşeni
Search Input
Puan etiketi (chip) bileşeni
Point Chip
Soru kutusu bileşeni
Question Box
İstatistik kartı varyantları
Stat Card
CTA buton bileşeni
CTA Button
Sıralama satırı bileşeni
Leaderboard Row
İlerleme çubuğu bileşeni
Progress Bar
Banner kartı varyantları
Banner
İçerik liste kartı
Content List Card
Aksiyon pill etiketleri
Action Pills
Sözlü soru kutusu bileşeni
Sözlü Soru Kutusu
Avatar bileşeni boyutları
Avatar
Lider tablosu podyum avatarı
Podium Avatar
Arkadaş davet kartı
Invite Card
Quiz butonu varyantları
Quiz Button

Screens

Src Kursum açılış (splash) ekranı Src Kursum giriş yöntemi seçim ekranı Src Kursum kurs seçerek giriş ekranı
01
Onboarding & Giriş

Marka kimliğini taşıyan açılış ekranı; ardından kullanıcı, kayıtlı kursu seçip şifresiyle ya da bireysel olarak giriş yapabiliyor.

Src Kursum SMS doğrulama kodu ekranı Src Kursum profil bilgileri formu Src Kursum profil fotoğrafı yükleme ekranı
02
Kayıt & Profil Oluşturma

Telefon doğrulaması, kişisel bilgi formu ve profil fotoğrafı yükleme adımlarıyla hesap kısa sürede hazır hale geliyor.

Src Kursum araç kategorisine göre kurs seçim ekranı
03
Kurs Seçimi

SRC 1, 2, 3 ve 4 kategorileri; araç görseli, konu/test/deneme sayısı ve renk koduyla birbirinden ayrılan kartlarla sunuluyor.

Src Kursum SRC sınav sınıfları ana ekranı
04
Ana Ekran: SRC Sınav Sınıfları

Sınav sınıfı duyuruları, "Video İzle Soru Kazan" ödül mekanizması, ders notları/sözlü sorular kısayolları ve karışık quiz tek ekranda bir araya geliyor.

Src Kursum quiz soru ekranı
05
Sınav & Quiz Akışı

İlerleme çubuğu, net soru numaralandırması ve doğru cevabı öne çıkaran renk geri bildirimiyle net, dikkat dağıtmayan bir sınav deneyimi.

Src Kursum deneme sınavları istatistik ekranı
06
Deneme Sınavları

Doğru/yanlış cevap, toplam soru ve süre istatistikleriyle adayın gelişimini takip etmesini sağlayan özet ekranı.

Src Kursum lider tablosu ekranı
07
Lider Tablosu

Podyum tasarımıyla ilk üç sırayı öne çıkaran, geri kalan sıralamayı liste halinde gösteren rekabetçi bir ekran.

Src Kursum ders notları listesi ekranı
08
Ders Notları

Trafik levhaları, yasal düzenlemeler ve güvenli sürüş teknikleri gibi konu başlıklarında aranabilir not kütüphanesi.

Src Kursum profil ve arkadaş davet ekranı
09
Profilim

Kullanıcının kendi sıralamasını, arkadaş davet kartını ve hızlı erişim aksiyonlarını (istatistik, yardım, ayarlar) topladığı profil ekranı.

Projenizi hayata geçirelim.

Yeni bir SaaS veya yapay zeka projen mi var? Ya da mevcut dijital ürününü ölçeklemek mi istiyorsun? Benimle iletişime geçin.