RealizacjeStaybuddy

Staybuddy

Projekt UX/UI dla akademika Staybuddy w Krakowie: strona z ofertą pokoi, rezerwacja w krokach oraz panele studenta i administratora.

Branża
Zakwaterowanie studenckie
Miasto
Kraków
Zakres
  • Strona www
  • System rezerwacji
  • Panel studenta
  • Panel administratora
  • Widoki mobilne strony
Autor projektu
Desigra
Rok
2026

Desigra zaprojektowała UX/UI strony, systemu rezerwacji oraz paneli studenta i administratora. Logo, identyfikację wizualną i wizualizacje dostarczył klient. Kodowanie i wdrożenie nie należały do zakresu prac.

Strona główna Staybuddy na komputerze i telefonie: hasło Stay Safe, Stay Brave i zdjęcie studentki

01Wyzwanie

Staybuddy to akademik z apartamentami dla studentów w Krakowie. Student ma tu kilka spraw: poznać miejsce, wybrać pokój, zarezerwować pobyt, a potem płacić, pobierać dokumenty i zgłaszać usterki.

Sytuacja

Klient miał logo, identyfikację i wizualizacje. Nowy serwis miał przedstawić miejsce i ofertę, a obok niego potrzebne były rezerwacja oraz narzędzia dla mieszkańców i administracji.

02Rozwiązanie

Cztery interfejsy, jedna marka

Strona ofertowa, rezerwacja w krokach, panel studenta i panel administratora. Każda część ma inne zadanie, ale te same jasne powierzchnie, niebieskie akcenty i karty.

Oferta, która pokazuje miejsce

Typy apartamentów na liście obok dużej wizualizacji: cena za osobę, metraż, liczba osób i przyciski Zarezerwuj / Zobacz więcej. Do tego podstrony o udogodnieniach, lokalizacji, FAQ i dokumentach oraz formularz umówienia wizyty.

Sekcja Dopasuj pokój do swojego stylu życia: lista typów apartamentów, wizualizacja pokoju StaySolo, cena i parametry

Rezerwacja w pięciu etapach

Pasek postępu pokazuje etap: wybór pokoju, dane do umowy, dodatki, podsumowanie i płatność. Obok cały czas widać wybrany apartament, okres najmu, czynsz i kwotę do zapłaty.

Etap Dodatki: zestawy do pokoju, klucz wirtualny i miejsce parkingowe z ceną, obok podsumowanie rezerwacji z kwotą do zapłaty

Także wtedy, gdy plan się zmienia

Gdy wybranego apartamentu nie ma w danym terminie, rezerwacja od razu proponuje dostępne pokoje. Po płatności student widzi kolejne kroki i może zaprosić znajomych do wspólnego mieszkania.

Komunikat o niedostępności apartamentu Buddy Quad i propozycje Buddy Duo oraz Buddy SuitePotwierdzenie płatności: trzy kolejne kroki i zaproszenie znajomych do rezerwacji dla trzech osób

Panel studenta

Na start przypisany apartament, współlokatorzy, opłaty, okres pobytu i najbliższa płatność. W menu: płatności, dokumenty, dodatkowe usługi i zgłoszenie problemu.

Panel studenta: apartament 101A, współlokatorzy, opłaty, okres pobytu i termin kolejnej płatności

Dokumenty i zgłoszenia

Umowę, regulamin i kartę meldunkową można podejrzeć albo pobrać. Usterkę zgłasza się formularzem z opisem i zdjęciami, a zgłoszenia zostają na liście w panelu.

Panel studenta, Dokumenty: umowa najmu, regulamin i karta zameldowania z podglądem i pobieraniemPanel studenta, Zgłoś usterkę: opis problemu, dodawanie zdjęć i wskazówka

Panel administratora

Obłożenie według pięter i pokoi: płeć pokoju, zajętość i mieszkańcy. Do tego dashboard z powiadomieniami, pokoje, lista i szczegóły mieszkańców, płatności, usługi, parkingi, typy apartamentów i okresy najmu.

Panel administratora, Zapełnienie apartamentów: liczba miejsc, obłożenie i karty pokoi na piętrach 1 i 2

03Projekt w całości

Ta sama oferta na telefonie

Mobilne widoki strony: strona główna, pokoje i ceny, apartament, udogodnienia, lokalizacja, kontakt i FAQ.

Trzy telefony z mobilną stroną Staybuddy: strona główna, pokoje i ceny oraz apartament StaySolo

04W ruchu

Animacja: strona główna, kroki rezerwacji, panel studenta, panel administratora i widoki mobilne Staybuddy
Animacja z ekranów projektu: oferta, kroki rezerwacji, panel studenta, panel administratora i widoki mobilne. To prezentacja projektu, nie nagranie działającego systemu.

05Efekt

Co powstało

  • Strona ofertowa z podstronami i formularzem wizyty
  • System rezerwacji w pięciu etapach
  • Panel studenta: płatności, dokumenty, usługi, usterki
  • Panel administratora: obłożenie, pokoje, mieszkańcy, płatności
  • Widoki mobilne strony
  • Komunikaty, okna dialogowe i wariant niedostępności

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.