Porter Bud
Оренда будтехніки: сайт навколо паспорта машини
- Галузь
- Оренда будівельної техніки
- Рік
- 2026
- Що ми зробили
- Дизайн і розробка сайту, перенесення контенту
- Сайт
- зараз не опублікований
- Мови сайту
- UK
- Одиниць техніки в парку
- 17
- Розділів каталогу
- 8
- Сторінок послуг
- 12
Огляд
Porter Bud із Калуша здає будівельну техніку з оператором: баштові крани Liebherr, екскаватори від 15 до 30 тонн, бульдозер, катки, грейдер і гідромолоти. Ми зробили сайт на Next.js, який бере парк, послуги й тексти з CMS, тож власник редагує все в одній адмінці.
- Робоча вага
- Потужність
- Об’єм ковша
- Ходова
- Фільтри
- Сортування
- Таблиця характеристик
- Сторінки техніки15
- Послуги12
- Розділи каталогу8
Цифри на головній рахуються з парку техніки, а не вписані вручну.
01 — Завдання
Техніку обирають за цифрами — експлуатаційна маса, обʼєм ковша, глибина копання, клас носія під гідромолот, — і ці цифри потім потрапляють у договір. Ставки були відомі лише для частини парку. А шукає техніку зазвичай людина просто з майданчика, з телефона, і ціна їй потрібна сьогодні.
02 — Рішення
Ми зробили характеристики типізованими даними — числа для маси, потужності й обʼєму ковша, словник для ходової, — тож ті самі значення живлять фільтри, сортування й таблицю на сторінці машини. Ставка показана там, де її задав власник, а де ні — чесне «ціна за запитом». Інтерфейс темний, з одним помаранчевим акцентом, а кожна заявка потрапляє в адмінку як лід із перевіреним номером телефону.
03 — Результат
Сайт на 40 сторінок — 15 сторінок техніки, 8 розділів каталогу, 12 послуг, — яким власник керує з адмінки: парк, ставки, послуги, контакти, SEO й аналітика. Цифри на головній рахуються з каталогу, тож нова машина оновлює їх без розробника.
Каталог і фільтри
Фільтри будуються з тих самих характеристик, що й таблиця машини: виробник, маса чотирма названими діапазонами й ходова. Біля кожного варіанта — лічильник, а вибрані фільтри живуть в адресі сторінки, тож відфільтрований список можна переслати.
- Маса чотирма названими діапазонами замість повзунка
- Сортування: спершу важчі, спершу легші або за назвою
- На телефоні фільтри й сортування — у доку внизу екрана
Сторінка машини
Техніку беруть в оренду за станом і за цифрами. Фото саме цієї машини відкриваються на весь екран зі стрілками, свайпом і клавіатурою, таблиця характеристик прямо каже, що значення паспортні для моделі, а ставка й форма заявки стоять поруч.
- 4 700 грн за 8-годинну зміну, перебазування окремо
- «Ціна за запитом» там, де власник не задав ставку
- Схожа техніка з того самого розділу нижче
Послуги
Клієнт шукає роботу, а не модель — «викопати котлован», «зруйнувати плиту». Дванадцять сторінок послуг ведуть від роботи до машин, якими її роблять, у сітці, де спільний тон обʼєднує дуже різні фото з обʼєктів.
- Кожна послуга веде на техніку, якою її виконують
- Тексти й фото послуг приходять з адмінки
- Дванадцять робіт — від котлованів до ставків і дренажу
Парк одним поглядом
Головна називає парк у цифрах — 17 одиниць, 5 баштових кранів Liebherr, 8 розділів каталогу, — і всі вони рахуються з каталогу під час рендеру. Над ними біжить стрічка марок із парку, а під ними вісім плиток ведуть у розділи каталогу.
- Цифри рахуються з парку, жодної вписаної вручну
- Стрічка марок збирається з виробників в адмінці
- Плитки розділів і фото — напряму з CMS
Ключові рішення
- Характеристики — типізовані дані: числа для маси, потужності й обʼєму ковша, словник для ходової, — тож один набір значень живить фільтри, сортування й таблицю.
- Цифри на головній (одиниці, крани Liebherr, розділи каталогу) рахуються з парку під час рендеру, а не вписуються руками.
- Якщо API недоступний, сторінки беруть запасні дані каталогу з самого сайту, а не віддають помилку.
- Адмінка скидає кеш сайту за тегом, коли змінюється контент; в інших випадках сторінки кешуються на десять хвилин.
