Truck Parking Management Prototype

Адаптивний front-end прототип лендингу для управління декількома паркінгами вантажівок і важкої техніки. Основна ідея — показати візуальну систему контролю місць на паркінгу з можливістю перегляду статусу, вибору конкретного місця та ініціації бронювання через інтерактивну схему.

Опис для портфоліо
Розробив концептуальний прототип лендингу для сервісу керування декількома паркінгами для вантажного транспорту та важкої техніки. У межах проєкту реалізовано адаптивний інтерфейс із візуалізацією паркінгу у форматі top-down view / stylized satellite view, де користувач може бачити вільні та зайняті місця, перемикатися між різними локаціями, фільтрувати місця за статусом і відкривати детальну інформацію по кожному слотy.

Окремо було продумано простий сценарій інтеграції з Google Sheets: статус місць може змінюватися без окремої адмінпанелі, через CSV-джерело, опубліковане з Google Таблиці. Це дозволяє менеджеру або оператору швидко оновлювати зайнятість місць у звичному для нього інтерфейсі.

Також у прототипі реалізовано модальне вікно для бронювання, блок з live summary по локації, сценарії перемикання між паркінгами та базову UX-логіку для подальшого масштабування у повноцінну систему з бекендом, CRM, оплатами та ролями доступу.

Що було реалізовано
адаптивний landing page
інтерактивна карта паркінгу
перемикання між кількома паркінгами
відображення вільних і зайнятих місць
фільтрація слотів
детальна картка вибраного місця
модальне вікно бронювання
підготовлена логіка синхронізації через Google Sheets CSV
повністю автономний прототип в одному HTML-файлі

Моя роль
UI/UX concept, front-end architecture, HTML/CSS/JavaScript implementation, interaction logic, prototype deployment on GitHub Pages.

Технології
HTML, CSS, Vanilla JavaScript, GitHub Pages, Google Sheets CSV integration concept.

Результат
У результаті створено презентабельний інтерактивний демо-прототип, який можна використовувати для презентації ідеї клієнту, тестування UX-сценарію та як основу для подальшої розробки повноцінного продукту.