Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
Adaptive front-end prototype of a landing page for managing multiple truck and heavy equipment parking lots. The main idea is to showcase a visual system for monitoring parking space availability with the ability to view status, select a specific spot, and initiate reservations through an interactive map.

Portfolio Description
Developed a conceptual prototype of a landing page for a service managing multiple parking lots for freight transport and heavy equipment. The project features a responsive interface with parking visualization in a top-down view / stylized satellite view format, where users can see available and occupied spots, switch between different locations, filter spots by status, and open detailed information for each slot.

A simple integration scenario with Google Sheets was also considered: the status of spots can change without a separate admin panel, through a CSV source published from Google Sheets. This allows the manager or operator to quickly update spot occupancy in a familiar interface.

The prototype also includes a modal window for reservations, a live summary block for the location, scenarios for switching between parking lots, and basic UX logic for further scaling into a full-fledged system with a backend, CRM, payments, and access roles.

What was implemented
responsive landing page
interactive parking map
switching between multiple parking lots
display of available and occupied spots
slot filtering
detailed card for the selected spot
reservation modal window
prepared synchronization logic via Google Sheets CSV
fully autonomous prototype in a single HTML file

My Role
UI/UX concept, front-end architecture, HTML/CSS/JavaScript implementation, interaction logic, prototype deployment on GitHub Pages.

Technologies
HTML, CSS, Vanilla JavaScript, GitHub Pages, Google Sheets CSV integration concept.

Result
As a result, a presentable interactive demo prototype was created, which can be used for presenting the idea to the client, testing the UX scenario, and as a basis for further development of a full-fledged product.
Work details
Added 8 April
161 views
Freelancer
Pavlo Bondarchuk
Ukraine Odessa  154  4

Available for hire Available for hire
142 Safes completed
5 arbitrations
On the service 10 years