RealizacjeSameTesty

SameTesty

Projekt UX/UI platformy SameTesty.pl do nauki i próbnych egzaminów teoretycznych na prawo jazdy: makiety, tryb nauki, egzamin, panele zarządzania i mobile.

Branża
Edukacja, szkolenie kierowców
Rodzaj
Nowa platforma
Zakres
  • Makiety funkcjonalne
  • Projekt UX/UI
  • Tryb nauki i egzamin próbny
  • Panele administratora i edytora
  • Widoki mobilne
Autor projektu
Desigra
Rok
2026

Desigra zaprojektowała makiety funkcjonalne i UX/UI platformy dla kursantów, edytorów i administratorów, razem z widokami mobilnymi. Kodowanie i wdrożenie nie należały do zakresu prac.

01Wyzwanie

Kursant chce się uczyć we własnym tempie i sprawdzić, czy zda. Po drugiej stronie są ludzie, którzy pilnują bazy pytań, ośrodków szkolenia kierowców i dostępu do platformy.

Sytuacja

Nowa platforma od zera, z trzema rolami: kursant, edytor treści i administrator. Każda potrzebuje innych ekranów, ale wszystkie pracują na tej samej bazie pytań.

02Rozwiązanie

Trzy role, jedna platforma

Najpierw makiety funkcjonalne z układem ekranów i nawigacją dla każdej roli, potem warstwa graficzna: jasne tło, białe powierzchnie, pomarańczowe akcenty i kolory statusów odpowiedzi.

Od makiety do interfejsu

Ten sam ekran egzaminu jako makieta funkcjonalna i jako projekt graficzny. Układ, kolejność informacji i przyciski są ustalone na etapie makiet, a projekt graficzny nadaje im hierarchię.

Makieta funkcjonalna ekranu egzaminu: punktacja, kategoria, czas, miejsce na film, pytanie i odpowiedziProjekt graficzny tego samego ekranu: film, licznik czasu na zapoznanie się z pytaniem, odpowiedzi TAK i NIE

Nauka we własnym tempie

Lista pytań ze statusami odpowiedzi: poprawne, błędne i bez odpowiedzi. Widok pytania pokazuje film, treść i odpowiedzi, a kursant może wrócić do listy i odtworzyć film jeszcze raz.

Tryb nauki: lista oficjalnych pytań z kolorowymi statusami odpowiedziTryb nauki: pytanie z filmem i odpowiedziami TAK i NIE

Egzamin próbny z czasem i postępem

Osobna ścieżka egzaminu: kategoria, punktacja pytania, licznik czasu na zapoznanie się z pytaniem i do końca egzaminu oraz postęp w części podstawowej i specjalistycznej.

Egzamin próbny: punktacja, kategoria, czas do końca, film, licznik czasu na zapoznanie się z pytaniem i odpowiedzi

Wynik i przegląd pytań

Podsumowanie pokazuje wynik pozytywny albo negatywny, punkty i mapę pytań podstawowych i specjalistycznych. Z wyniku można przejrzeć pytania albo zacząć nowy egzamin.

Podsumowanie egzaminu: wynik pozytywny, liczba punktów i mapa odpowiedzi

Zaplecze treści i dostępu

Formularz pytania z treścią w kilku językach, kategorią, punktacją, rodzajem i multimediami. Ośrodek szkolenia kierowców ma swoje dane, generowanie tokenów dostępu i historię ich realizacji.

Panel administratora: formularz pytania z wersjami językowymi, punktacją, rodzajem, kategorią i multimediamiPanel administratora: ośrodek szkolenia kierowców, generowanie tokenów i historia realizacji

03Projekt w całości

Nauka i egzamin na telefonie

Widoki mobilne obejmują wybór trybu, listę i szczegóły pytań, egzamin, podsumowanie i konto. Dolna nawigacja prowadzi do głównych części, a widok egzaminu układa film, pytanie, odpowiedzi, czas i postęp w pionie.

Trzy telefony: lista pytań w trybie nauki, widok egzaminu i podsumowanie wyniku SameTesty

04W ruchu

Animacja: makieta, ekran startowy, tryb nauki, egzamin, wynik, panele administratora i widoki mobilne SameTesty
Animacja z ekranów projektu: makieta, nauka, egzamin, wynik, zaplecze i mobile. To prezentacja projektu, nie nagranie działającej platformy ani oficjalnego egzaminu.

05Efekt

Co powstało

  • Makiety funkcjonalne dla trzech ról
  • Panel kursanta z wyborem kategorii i trybu
  • Tryb nauki ze statusami odpowiedzi
  • Egzamin próbny z wynikiem pozytywnym i negatywnym
  • Panele administratora i edytora: pytania, ośrodki, użytkownicy, tokeny
  • Widoki mobilne nauki, egzaminu i konta

Potrzebujesz podobnego projektu?

Masz projekt?Porozmawiajmy.

Trzy krótkie pytania, mniej niż minuta. Odpowiadam osobiście. Wolisz od razu porozmawiać? Napisz, zadzwoń albo zaproponuj termin.

  1. Krok 1 z 3: Co projektujemy
  2. Krok 2 z 3: Szczegóły
  3. Krok 3 z 3: Kontakt

Co projektujemy?

Wybierz jedną lub kilka opcji.