System rezerwacji

strona główna

Projekt UI systemu rezerwacji dostosowany do wprowadzenia do użycia w różnych klinikach medycznych. Utworzono podstawowy design system, który posiada możliwość dostosowania do brandu danego klienta (logo i paleta barw). Główne cechy projektu to duża czytelność i swoboda poruszania się użytkownika po serwisie.

Strona główna to przejrzysta wyszukiwarka rozpoczynająca procedurę rezerwacji wizyt. Proces rezerwacji skrócony do 4 kroków. Przez wszystkie etapy użytkownik informowany jest o aktualnym statusie procesu. Możliwość powrotu do poprzedniego kroku. Projekt systemu zgodny z wytycznymi WCAG, wprowadzono czytelną walidację formularza.

kalendarz

Kalendarz przedstawia 5 najbliższych dni z możliwością wyboru dokładnej godziny. Działanie podzielone jest na dwa warianty, w pierwszym kiedy użytkownik wybierze konkretnego specjalistę w wyszukiwarce to w kalendarzu otrzyma wyniki dot. tylko tego specjalisty – natomiast kiedy nie wybierze konkretnego specjalisty to kalendarz przedstawiać będzie wszystkie dostępne terminy, po wybraniu godziny przedstawiany będzie specjalista (podstawowe informacje i zdjęcie).

formularz rezerwacji

W formularzu rezerwacji zastosowano placeholder’y aby ułatwić uzupełnianie przez użytkowników. Przejrzystość i duże przyciski mają uprościć proces.

walidacja formularza

Dostosowano walidację formularza, zastosowano oznaczenie kolorem/ikonami/tekstem.

potwierdzenie rezerwacji

Etap 3. procesu rezerwacji wizyty to potwierdzenie – widok przedstawia komunikat o prawidłowym przebiegu rezerwacji, numer rezerwacji oraz przycisk przenoszący na stronę płatności.

potwierdzenie płatności

Po dokonaniu płatności użytkownik otrzyma informację zwrotną o pozytywnym zakończeniu procesu rezerwacji.