Merope
Projekt UX/UI aplikacji SaaS konkursowej




Aplikacja pozwala dodawać profile konkursów i kandydatów,
Jurorzy mogą przypisywać punkty kandydatom w konkursach
Konkursy są podzielone na rundy,
Kandydaci mogą dołączyć do konkursów i wygrywać nagrody pieniężne.

Organizator ma możliwość personalizowania swojego profilu jak i wizytówek konkursów (np. określa nagrody). Dzieli on swoje konkursy na podstawie drzewa kategorii (np. muzyka klasyczna). Dla każdego konkursu przypisuje on określone rundy w zakładce "Stages", które są widoczne dopiero po wejściu w dany konkurs. Następnie z poziomu zakładki "Stages" może przejść do funkcjonalności "Scores" gdzie może aktualizować oceny dla kandydatów, które są przypisywane przez jurorów (juror wpisuje je sam z poziomu panelu). Finalnie może zobaczyć pozostałe funkcje takie jak kalkulacje i rezultaty (lista kandydatów, którzy awansowali do kolejnej rundy konkursu)
Tutorial wyjaśnia funkcję przydzielania rund do konkursu, po to aby użytkownik miał swiadomość, że ta funkcjonalność pojawia się dopiero po wejściu profil konkursu, ponieważ podział na rundy jest ściśle związany z danym konkursem. Dzięki temu, że wybór rund jest widoczny po lewej stronie Użytkownik porusza sie intuicyjnie po platformie i ma możliwość zmiany rundy w każdym momencie.

Jak już Organizator doda a poźniej wybierze daną rundę , to pojawia się kolejny widok, który informuje użytkownika o nowych funkcjonalnościach, czyli o możliwości przejścia do pozostałych zakładek.

Teraz organizator konkursu i jurorzy mogą przypisywać punkty poszczególnym kandytatom, sprawdzać kalkulacje a finalnie podejrzeć który kandydat awansował do kolejnej rundy. Dzięki temu mamy zbudowany solidny, prosty i intuicyjny proces dojścia od punktu A do Z pomimo złożonej i nietypowej funkcjonalności. Doszedłem do wniosku, że widget z przełączaniem rund do konkursu musi być wyróżniony i zawsze widoczny z lewej strony (po wejściu w profil konkursu) aby ułatwić poruszanie się po aplikacji.
Ścieżka kandydata poniżej

W ramach zlecenia doprojektowałem wersje mobilne i tabletowe.



Stworzyłem wykaz elementów na podstawie MUI Design System

Nie mogło się obejść bez popularnego trybu ciemnego.

Skierowany dla Kandydatów konkursów




