Акустическую кабину не покупают по наитию: её выбирают по размерам, звукоизоляции, вентиляции и тому, как она впишется в интерьер. Хороший сайт производителя отвечает на эти вопросы раньше, чем клиент возьмёт телефон, — и на его родном языке. Рассказываю, как я собрал такой сайт для Silentbox®.
Задача: один сайт для покупателей из двух десятков стран
Silentbox® — польско-украинский производитель акустических кабин для офисов: от одноместной Solo для звонков до Quartet, где можно провести встречу вчетвером. Штаб-квартира компании находится во Вроцлаве, а сами кабины, по данным клиента, стоят в офисах 25 стран. Значит, сайт читают офис-менеджеры, руководители и дизайнеры интерьеров из самых разных стран, и каждому нужно быстро разобраться в моделях, увидеть кабину в цветах своего офиса и получить цену.
Отсюда три главных требования: много языков без отдельного сайта под каждую страну, наглядный выбор модели и цвета и короткий путь от интереса к заявке.
Структура: главная-презентация и страницы моделей
Главная страница построена как подробная презентация с якорным меню: «О кабинах», «Кабины», «Цены», «Галерея», «Каталог», «Сертификаты», «Контакты». Её можно читать сверху вниз или сразу перейти к нужному разделу.
- первый экран — кабины на 1–4 человека и кнопка «Смотреть все модели»;
- восемь технических блоков: звукоизоляция до 35 дБ, отсутствие эха, вентиляция до 30 м³ в час, глушители, трёхслойный триплекс, светодиодный свет, розетка с USB и датчик присутствия;
- блок «Сколько стоит шум в вашем офисе» с цифрами исследований и ссылками на источники;
- карточки шести моделей, анонс нового WorkPod, таблица сравнения и 3D-просмотр;
- блок о Meetpoint — собственном сервисе Silentbox® для бронирования кабин через планшеты и Google Calendar, с переходом на его сайт;
- галерея, каталог в PDF, отзывы, ответы на частые вопросы, новости и контакты штаб-квартиры.
У каждой кабины — Solo, Duet, Quartet и трёх моделей серии Lite — есть своя страница: фото, описание, технические характеристики, размеры, кнопки «Скачать прайс» и «Смотреть в 3D», а внизу похожие модели.
Подбор цвета прямо в карточке кабины
Кабину покупают надолго, и она должна вписаться в интерьер. Поэтому в карточке два выпадающих списка: цвет передней панели (белый, серый, чёрный) и цвет боковой панели (семь вариантов — от белого до жёлтого, красного и синего). Для этого я написал собственный шаблон страницы кабины в дочерней теме Astra и небольшой скрипт: при выборе цветов фото меняется на нужную комбинацию, а у одной модели их 21.
У серии Lite логика другая: вместо цветов клиент выбирает один из десяти принтов с картинками-превью. При загрузке страницы первый вариант выбирается сам, чтобы карточка никогда не оставалась без фото. Кнопка заказа запоминает модель: в форму заявки уходит адрес страницы кабины, и менеджеру не нужно уточнять, о какой кабине речь.
Сравнение моделей и 3D-просмотр
Чтобы не переходить со страницы на страницу, на главной собрана таблица сравнения: вместимость, регулировка вентиляции и света, сетевая панель, мебель и внешние размеры — от 105×110×220 см у Solo до 210×138×220 см у Quartet. Здесь же кнопки «Смотреть в 3D» и «Скачать прайс» для каждой модели.
Для Solo, Duet и Quartet сделаны отдельные страницы с интерактивной 3D-моделью: кабину можно повернуть и рассмотреть со всех сторон. Сами модели встроены из сервиса Vectary, а страницы собраны на отдельном шаблоне, где рядом с моделью стоят описание и характеристики.
21 язык на одном сайте
Переводы подключены через TranslatePress. У каждого языка своя папка в адресе и правильные теги hreflang, поэтому поисковики показывают людям нужную версию. В переключателе 21 язык: украинский, английский, польский, немецкий, французский, испанский, итальянский, нидерландский, чешский, японский и другие. Арабская версия и иврит открываются справа налево, как и положено.
Формы тоже учитывают язык: вместе с заявкой передаётся язык страницы, а поле телефона предлагает выбрать код страны — клиенту не нужно гадать, в каком формате записать международный номер.
Формы и путь к заявке
Покупатель кабины редко готов заказать сразу — сначала он хочет цену и презентацию. Поэтому заявки на сайте собираются в нескольких местах:
- кнопка «Получить предложение» в шапке на каждой странице;
- «Скачать прайс» в карточках и таблице — открывает окно с формой запроса PDF-презентации и прайс-листа;
- «Оставить заявку» в карточке модели;
- заявка на тестирование кабины;
- форма в разделе контактов.
Все формы собраны на Elementor Pro и спрашивают только имя, электронную почту и телефон. Под каждой формой — обещание ответить в течение часа, чтобы клиент понимал, чего ждать.
Доверие: сертификаты, отзывы, галерея и блог
В покупке для компании доверие важнее красивых слов. На сайте собраны документы: ISO 9001, ISO 23351-1, ISO 11957, CE, RoHS, регистрация промышленного дизайна, торговые марки ЕС и Украины и два патента. Рядом — 14 логотипов компаний-клиентов, отзывы и предупреждение не путать кабины Silentbox® с подделками.
Отдельная страница галереи на 74 фотографии показывает кабины вживую, а блог из 11 статей рассказывает, как выбрать кабину, об установке в Вильнюсе, о попадании компании в рейтинг Forbes и о контракте с НАТО. Это и аргументы для покупателя, и тексты, по которым сайт находят в поиске.
Что важно в сайте производителя офисного оборудования
Кабины, мебель, перегородки и свет для офиса покупают компании. Решение принимают несколько человек, они сравнивают предложения и почти всегда просят прайс до разговора с продавцом. По опыту этого проекта сайт такого производителя должен:
- говорить на языке покупателя — одного переключателя мало, нужны отдельные адреса для каждой версии и правильная разметка для поисковиков;
- показывать товар наглядно: фото во всех цветах, 3D, размеры и характеристики в одной таблице;
- давать документы — сертификаты и патенты для отдела закупок весят больше слоганов;
- превращать интерес в контакт: прайс и презентация в обмен на имя и почту — понятный обмен для покупателя-компании;
- передавать менеджеру заявку сразу с моделью и языком клиента.
Если вы производитель или дистрибьютор и продаёте в несколько стран, начинать стоит не с картинок, а со структуры: какие модели, какие языки, какие вопросы задают покупатели. Под это собирается сайт, и на WordPress с Elementor его можно сделать так, чтобы команда клиента сама правила тексты и добавляла модели.
Детали проекта
Тип проектамногоязычный сайт-каталог
КатегорияКорпоративный сайт
ТехнологииWordPress, Elementor Pro, Astra (дочерняя тема), TranslatePress, Yoast SEO, PHP, JavaScript (jQuery), Vectary (3D-модели)
Рольразработка сайта: структура, шаблоны страниц моделей, подбор цвета, многоязычность, формы
КлиентSilentbox®
СтранаПольша, рынок — Европа
Что сделано
- Спроектировал главную-презентацию с якорным меню и разделами о кабинах, ценах, галерее и сертификатах
- Сделал собственные шаблоны страниц кабин и 3D-просмотра в дочерней теме Astra
- Написал подбор цвета передней и боковой панели с заменой фото под каждую комбинацию
- Отдельно реализовал выбор принтов с превью для серии Lite
- Собрал таблицу сравнения моделей с размерами, комплектацией, 3D и прайсом
- Подключил 21 язык через TranslatePress, включая арабский и иврит справа налево
- Настроил формы Elementor Pro: прайс и презентация, предложение, тестирование кабины, телефон с кодом страны
- Сделал страницу галереи на 74 фотографии, раздел сертификатов и блог
Результат
- Один сайт на 21 языке вместо отдельных версий под каждую страну
- Покупатель сам подбирает цвет кабины и сразу видит результат на фото
- Все шесть моделей — с характеристиками, размерами и сравнением, три основные — с 3D-просмотром
- Каждая кнопка «Скачать прайс» ведёт к заявке с контактами клиента