Porter Bud
Сайт оренди будівельної техніки
Porter Bud здає будівельну техніку з оператором: баштові крани, екскаватори від 15 до 30 тонн, бульдозер, катки, грейдер і гідромолоти. Ми розробили сайт навколо двох питань, які клієнт справді ставить — яка машина підійде під роботу і скільки це коштує — і навколо адмінки, у якій власник сам редагує парк, послуги й тексти.
Виклик
Техніку обирають за цифрами: клас маси, обʼєм ковша, глибина копання, клас носія під гідромолот. Ці значення потім переходять у договір, тому мають бути точними — і придатними для фільтра, а не захованими в описі. А читають каталог з телефона, на сонці, посеред майданчика, і ціна потрібна сьогодні.
Що ми зробили
Ми зробили каталог, у якому характеристики — це структуровані дані, а не текст у картці: ті самі значення живлять і фільтри, і таблицю на сторінці машини. Кожну цифру звірили з паспортом виробника. Ставки показані там, де вони відомі, і чесно кажуть «ціна за запитом» там, де ні. Інтерфейс темний, з одним акцентом, зроблений під екран на сонці, а кожна заявка одразу йде менеджеру.
Результат
Живий сайт, яким власник керує сам: техніка, розділи, послуги, тексти, SEO і контакти редагуються в адмінці й зʼявляються на сайті без розробника. Тридцять вісім сторінок, 100 зі 100 за SEO і доступністю, і форма, яка збирає заявки замість поштової скриньки.
Що вміє продукт
Кожен екран нижче — живий продукт, знятий цього тижня.
Перший екран
Оренду техніки шукають телефоном просто з майданчика, тому вітрина темна, з одним акцентом і двома діями: подивитись парк або порахувати оренду.
- Рівно один екран, що закінчується попереджувальною смугою
- Марки парку рухомою стрічкою
- Цифри під нею рахуються з каталогу, жодної зашитої
Каталог і фільтри
Фільтри будуються з тих самих характеристик, що й таблиця в картці: виробник, маса діапазонами, тип ходової. Лічильник кожної групи рахується без себе самої, тож перемикання ніколи не показане нулем.
- Стан фільтра живе в URL — посилання можна переслати
- Порожня група не малюється взагалі, замість заголовка над порожнечею
- На телефоні — док із фільтром і сортуванням, зафіксований унизу
Картка техніки
Головне в оренді — побачити стан машини й зрозуміти, чи вона впорається. Тому фото відкривається на весь екран у справжніх пропорціях, а характеристики стоять таблицею з приміткою, що значення паспортні для моделі.
- Повноекранний перегляд зі стрілками, свайпом і клавіатурою
- Ставка за зміну або «ціна за запитом» — без вигаданих цифр
- Форма заявки поруч із ціною, а не наприкінці сторінки
Послуги
Клієнт рідко шукає «Liebherr R 924» — він шукає «викопати котлован» або «зруйнувати фундамент». Дванадцять послуг ведуть від роботи до машини, якою її роблять.
- Кожна послуга веде в каталог на техніку, якою виконується
- Спільний тон робить із різних знімків один набір
- Іконки й тексти змінюються в адмінці
Той самий каталог у руці: фільтри й сортування — у плаваючому доку внизу екрана, до якого дістає великий палець.
Під капотом
Стек і інженерні рішення, на яких це зроблено.
- Характеристики — структуровані дані: одні й ті самі значення живлять фільтри й таблицю в картці.
- Кожну цифру звірено з паспортом виробника, перш ніж вона потрапила на сайт.
- Ставки показані лише там, де вони справді відомі; решта каталогу каже «ціна за запитом».
- Парк, послуги, тексти й SEO змінюються в адмінці — сайт оновлюється без розробника.
Маєте схожий проект?
Давайте поговоримо про те, як ми можемо створити щось чудове для вашого бізнесу. Ми любимо виклики.
Почати розмову