Поворотное сиденье или подъёмник для коляски — покупка, которую обдумывают неделями и обсуждают всей семьёй. Сайт такой компании должен спокойно объяснить, как работает оборудование, честно показать цену и дать повод доверять. Рассказываю, как я собрал такой сайт-каталог для 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-заголовками и описаниями