Prototyp zarządzania parkingiem dla ciężarówek

Adaptacyjny front-end prototyp strony docelowej do zarządzania wieloma parkingami dla ciężarówek i sprzętu ciężkiego. Główna idea — pokazanie wizualnego systemu kontroli miejsc na parkingu z możliwością przeglądania statusu, wyboru konkretnego miejsca i inicjowania rezerwacji poprzez interaktywną mapę.

Opis do portfolio
Opracowałem koncepcyjny prototyp strony docelowej dla usługi zarządzania wieloma parkingami dla transportu towarowego i sprzętu ciężkiego. W ramach projektu zrealizowano adaptacyjny interfejs z wizualizacją parkingu w formacie widoku z góry / stylizowanego widoku satelitarnego, gdzie użytkownik może zobaczyć wolne i zajęte miejsca, przełączać się między różnymi lokalizacjami, filtrować miejsca według statusu i otwierać szczegółowe informacje o każdym slocie.

Osobno przemyślano prosty scenariusz integracji z Google Sheets: status miejsc może się zmieniać bez osobnego panelu administracyjnego, poprzez źródło CSV opublikowane z Google Arkuszy. Umożliwia to menedżerowi lub operatorowi szybkie aktualizowanie zajętości miejsc w znanym mu interfejsie.

W prototypie zrealizowano również okno modalne do rezerwacji, blok z podsumowaniem na żywo dla lokalizacji, scenariusze przełączania między parkingami oraz podstawową logikę UX do dalszej skalowalności w pełnoprawny system z backendem, CRM, płatnościami i rolami dostępu.

Co zostało zrealizowane
adaptacyjna strona docelowa
interaktywna mapa parkingu
przełączanie między kilkoma parkingami
wyświetlanie wolnych i zajętych miejsc
filtrowanie slotów
szczegółowa karta wybranego miejsca
modalne okno rezerwacji
przygotowana logika synchronizacji przez Google Sheets CSV
całkowicie autonomiczny prototyp w jednym pliku HTML

Moja rola
Koncepcja UI/UX, architektura front-end, implementacja HTML/CSS/JavaScript, logika interakcji, wdrożenie prototypu na GitHub Pages.

Technologie
HTML, CSS, Vanilla JavaScript, koncepcja integracji Google Sheets CSV, GitHub Pages.

Wynik
W rezultacie stworzono prezentacyjny interaktywny prototyp demo, który można wykorzystać do prezentacji pomysłu klientowi, testowania scenariusza UX oraz jako podstawę do dalszego rozwoju pełnoprawnego produktu.