Прототип управления парковкой грузовиков

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

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

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

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

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

Моя роль
UI/UX концепция, front-end архитектура, HTML/CSS/JavaScript реализация, логика взаимодействия, развертывание прототипа на GitHub Pages.

Технологии
HTML, CSS, Vanilla JavaScript, GitHub Pages, концепция интеграции Google Sheets CSV.

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