Поворотне сидіння чи підйомник для крісла колісного — покупка, яку обмірковують тижнями й обговорюють усією родиною. Сайт такої компанії має спокійно пояснити, як працює обладнання, чесно показати ціну й дати підстави довіряти. Розповідаю, як я зібрав такий сайт-каталог для LuxAdapt.
Завдання: розповісти про складне обладнання простими словами
LuxAdapt — українська компанія, яка підбирає та встановлює обладнання для адаптації автомобіля: поворотні сидіння для пересідання з крісла колісного, підйомники для крісел колісних, бокси для крісла на дах і комплекти ручного керування. Компанія працює на ринку 13 років і дає на продукцію рік офіційної гарантії.
Відвідувачі такого сайту — люди з інвалідністю та їхні близькі. Гучні гасла їм не потрібні: важливо зрозуміти, яке обладнання підійде до автомобіля, скільки воно коштує, де його встановлять і чи можна довіряти постачальникові. Саме під ці запитання я й будував сайт.
Головна сторінка: від першого екрана до консультації
Перший екран — слайдер про два головні напрями: поворотні сидіння й підйомники для крісел колісних. На кожному слайді — коротке пояснення та кнопка «Замовити консультацію». Нижче розміщено:
- чотири розділи каталогу з картинками;
- блок про те, що таке поворотне сидіння і як відбувається встановлення;
- переваги: зручна посадка й висадка, безпека, сумісність із багатьма авто, встановлення в будь-якому місті України;
- слайдер сертифікатів;
- текстовий блок для пошуковиків, який розгортається кнопкою «Показати ще» й не перевантажує сторінку.
У шапці завжди видно телефон і кнопку «Замовити дзвінок», а на смартфоні меню ховається в окрему панель, щоб до номера й кнопки було не більше одного дотику.
Каталог продукції
Каталог побудовано на рубриках WordPress, тож нові моделі клієнт додає так само просто, як записи в блозі. У кожному розділі є хлібні крихти, лічильник позицій і картки з фото, назвою, ціною та кнопкою «Замовити». Зараз у каталозі чотири розділи й десять моделей:
- поворотні сидіння — SlimTurn, LiftTurn, DropSeat, Royale і Royale EV;
- підйомники для крісел колісних — UVL Side, UVL Rear і DualAccess;
- бокс для крісла колісного на дах — AutoLift Box;
- комплект ручного керування без педалей — Hand Control.
Ціни відкриті: від 34 400 грн за комплект ручного керування до 752 500 грн за сидіння Royale EV з електроприводом. Для дорогого обладнання відкрита ціна береже час обох сторін — людина приходить на консультацію, уже розуміючи свій бюджет.
Картка товару
Шаблон картки я зібрав так, щоб усе потрібне для рішення було на одній сторінці:
- слайдер фотографій із мініатюрами та збільшенням за кліком;
- опис із ключовими перевагами — наприклад, у SlimTurn це поворот на 90°, керування з пульта, кнопок чи смартфона та пройдений краш-тест;
- ціна й дві кнопки — «Купити» та «Отримати консультацію»;
- вкладка «Технічні параметри» зі схемою розмірів, відео й поясненнями;
- вкладка «Сертифікати».
Відео в картці особливо важливе: як працює поворотне сидіння чи підйомник, простіше один раз побачити, ніж прочитати.
Заявки: дзвінок, консультація, покупка
Усі форми працюють на Contact Form 7 і відкриваються у спливному вікні, не забираючи людину зі сторінки. Поле телефону має маску, тому номер одразу вводиться в правильному форматі. Коли відвідувач натискає «Купити» чи «Отримати консультацію» в картці, назва моделі сама потрапляє в приховане поле форми, і менеджер бачить, про яке обладнання йдеться.
На сторінці контактів — два телефони, пошта й окрема форма зворотного зв’язку з полем для повідомлення: сюди пишуть ті, кому зручніше описати ситуацію текстом.
Довіра та географія встановлення
Обладнання для адаптації авто пов’язане з безпекою, тому довірі на сайті відведено багато місця. У розділі «Про нас» — коротко про компанію та цифри: 1 рік гарантії, 13 років на ринку, встановлення по всій Україні. Сертифікати зібрано на окремій сторінці, а на головній їх показано в слайдері.
Сторінка контактів називається «Спеціалізовані інсталяційні центри LuxAutoTech»: на ній вбудовано карту центрів, де встановлюють обладнання. Карту зроблено в Google My Maps, тож нові точки клієнт додає сам, не торкаючись сайту.
SEO та аналітика
Сторінки мають зрозумілі адреси, а через Yoast SEO для розділів і товарів прописано власні заголовки й описи — наприклад, розділ сидінь називається в пошуку «Каталог сидінь LuxAdapt з поворотно-висувним механізмом для інвалідів в автомобіль». Хлібні крихти й структурована розмітка допомагають пошуковикам зрозуміти структуру каталогу. Для статистики підключено Google Analytics 4 і Google Tag Manager.
Яким має бути сайт компанії, що робить автомобіль доступним
Адаптація авто для людей з інвалідністю — вузька ніша, де рішення ухвалюють довго й часто всією родиною. З досвіду цього проєкту сайт тут має:
- пояснювати простими словами — без технічного жаргону, з фото й відео;
- показувати ціни, хоча б орієнтовні: на дороге обладнання збирають гроші й планують покупку заздалегідь;
- одразу відповідати на запитання «чи підійде до мого авто» — сумісність, розміри, обмеження моделей;
- надавати документи: сертифікати, гарантію, зрозумілі умови встановлення;
- бути зручним для всіх: читабельний текст, помітні кнопки, телефон, на який можна зателефонувати просто зі смартфона;
- показувати географію — де встановлять і куди приїжджати.
Великим такий сайт бути не мусить. Досить продуманого каталогу, кількох сторінок, що викликають довіру, і коротких форм. Головне, щоб людина, якій і так непросто, за кілька хвилин зрозуміла, що їй підходить, і змогла зателефонувати.
Деталі проєкту
Тип проєктусайт-каталог
КатегоріяКорпоративний сайт
ТехнологіїWordPress, власна тема burum, PHP, JavaScript, jQuery, Slick, Fancybox, Contact Form 7, Yoast SEO, Google Analytics 4, Google Tag Manager
Рольрозробка сайту: структура, верстка на власній темі, каталог продукції, форми заявок, налаштування SEO
КлієнтLuxAdapt
КраїнаУкраїна
Що зроблено
- Спроєктував структуру: головна, чотири розділи продукції, «Про нас», «Сертифікати», «Контакти»
- Зверстав головну зі слайдером на першому екрані, блоками каталогу, переваг і сертифікатів
- Зробив каталог на рубриках WordPress із хлібними крихтами й лічильником позицій
- Зібрав шаблон картки: слайдер фото зі збільшенням, ціна, вкладки параметрів і сертифікатів, відео
- Налаштував форми Contact Form 7 з маскою телефону й назвою товару в заявці
- Вбудував карту центрів встановлення на сторінку контактів
- Підключив Yoast SEO, Google Analytics 4 і Google Tag Manager
- Адаптував сайт під смартфони: мобільне меню, телефон і кнопка дзвінка завжди під рукою
Результат
- Каталог із 10 моделей з відкритими цінами в чотирьох розділах
- Заявка з будь-якої сторінки, а з картки — одразу з назвою моделі
- Сертифікати, гарантію й географію встановлення видно ще до дзвінка
- Розділи й товари з власними SEO-заголовками та описами