ООО «ЮНИС»
Авто/Мото
Россия, Санкт-Петербург
Корпоративный сайт
Октябрь 2022
В арсенале компании Global Position имелся сайт, интерфейс которого морально и технически сильно устарел.
Компания оказывает не только услуги по установке оборудования Глонасс, но и помогает с подключением к сервисам трекинга.
Также компания является официальным дилером оборудования, которое позволяет определять не только позиционирования транспорта с помощью систем GPS и Глонасс, но и позволяет контролировать безопасность на дороге
Таким образом мы имеем три направления деятельности компании:
- Поставка программных решений для отслеживания и мониторинга состояния транспорта;
- Продажа специализированного оборудования;
- Внедрение отраслевых решений.
Структура действующего сайта не позволяла выстроить логическое продуктовое разделение. Кроме того отсутствовал функционал каталога. Это отсутствующее функциональное звено исключало удобный заказ оборудования. На сайте не было возможности разместить цены, подробно описать характеристики товаров и пр.
На первом этапе был проведен подробный анализ действующего сайта компании Global Position, детализированы направления бизнеса заказчика, что позволило сформировать структуру основных разделов и исключить дублирование информации (а это было одной из проблем старого сайта). Кроме того, было учтено, что новый сайт компании должен выглядеть презентабельно, что исключало подход “как к стандартному интернет-магазину”, несмотря на продуктовую направленность. Для разработки было выбрано:
- готовое решение Аспро: Корпоративный сайт 2.0, которое позволило не только подчеркнуть имидж компании за счет визуальной составляющей, но и обладало необходимым для данного проекта функционалом (о нем чуть ниже).
- 1С-Битрикс: Управление сайтом — Малый бизнес, которое имеет модуль интернет-магазина и позволяет компаниям вести коммерческую деятельность онлайн, за счет возможности подключения систем оплаты и ведения складского учета, даже если нет внешней учетной системы.
В нашем случае раздел услуги был ключевым для заказчика, т.к. купить оборудование можно без труда у многих поставщиков, а вот оказать качественную услугу по его установке и настройке не каждый исполнитель способен. Компания Global Position сильна именно комплексным подходом и именно это должно было стать очевидным для потенциального клиента при просмотре сайта.
Но в одном разделе презентовать Системы мониторинга и отраслевые решения было нелогичным, поэтому мы разделили их на сайте. Такое решение позволило создать более логичную и понятную структуру разделов на сайте – теперь клиентам значительно проще искать и находить нужную информацию и заказывать те товары, которые им необходимы.Функционал данного раздела полностью устраивал, но был один момент – инфоблок для раздела “Услуги” присутствует в шаблонном решении был в единственном экземпляре, что в корне противоречило логике разделения услуг, которая нам была необходима.Таким образом, требовалось создать такой же точно раздел, с идентичным функционалом.
Для того чтобы сэкономить время на разработку и средства заказчика, было сделано дублирование инфоблока “Услуги” на стороне CMS 1C-Битрикс, созданы новые привязки к функциональным элементами шаблона, созданы страницы для размещения контента, а также сохранен функционал связи услуг и товаров. Такие “перелинковки” позволяют компаниям увеличить средний чек, предлагая услугу и к ней сопутствующие товары.
Следующим этапом было кропотливое размещение контента в каждом из разделов нового сайта.
Сложное техническое оборудование не получится продать, если не устроить демонстрацию для покупателя.Для того чтобы эмулировать такую презентацию, мы придумали функционал и подобрали для его реализации решение Интерактивные картинки.Модуль «Интерактивные картинки» позволяет создавать на сайте неограниченное число интерактивных картинок, на которых можно выделить необходимые участки или разместить иконки, при наведении на которые будет отображаться подсказка с указанной информацией (текст, картинка, видео, товар и т.п.)
Но картинка сама о себе не расскажет. Для того чтобы пользователю было удобно ознакомиться с описание оборудования, мы установили “якоря”. Теперь при нажатии на кнопку “подробнее” происходил автоматических переход к описанию продукции (скролл по странице). При этом пользователь не переходил в другой раздел , а оставался на той же странице.
Напомню, что при этом мы использовали модуль, который размечает поле для размещения интерактивной картинки…
Для размещения интерактивной картинки на странице использовался элемент “ iframe”. IFrame — это кадр внутри кадра. Компонент HTML-элемента, который позволяет встраивать документы, видео и интерактивные медиафайлы на страницу. Таким образом размещая “якорь” на интерактивной картинке (ссылку на элемент), возникала ошибка и скролл по странице не происходил. При этом, штатная система защиты Битрикс ругался на тег <iframe>, как на вирус (потенциально вредоносный код). Проблему удалось решить с помощью добавления дополнительного javascript обработчика в шаблон компонента. Таким образом скролл родительского окна при клике на кнопку в тултипе отрабатывал без ошибок.
При этом у кнопки должен быть класс js-scroll-button, а ссылка в ней иметь атрибут href вида #section_5, где section_5 - имя якоря. Как пример вот эти кнопки:
Таким образом, пользователь сайта не просто смотрит каталог с оборудованием, но так же может посмотреть варианты его размещения, ознакомиться с описанием, а после заказать интересующий товар.
Но как показать оборудование, если его нет на сайте?
Напомню, что в старой версии отсутствовал каталог и перед нами стояла задача разместить номенклатуру на новом сайте. Что было успешно реализовано.
Со стороны Заказчика была предоставлена необходимая информация для размещения в каталоге.
Номенклатура была предоставлена в формате .xls. Файл содержал разделение по основным группам товаров, наименование оборудования и ссылки на ресурсы, с которых можно взять необходимую информацию.
Мы построили структуру каталога.
Создали дополнительные свойства на стороне инфоблока каталога, что бы пользователи смогли ознакомиться с важными характеристиками.Настроили форму обратной связи в карточке товара, для того чтобы пользователь мог задать интересующий вопрос не уходя со страницы товара.
Для того чтобы сайт был полезен и участвовал в поисковом индексе, в разделе “Пресс-центр” были размещены актуальные новости из жизни компании, а также статьи с обзором оборудования.
Очень часто на корпоративных сайтах информация присутствует двух видов:
- Информационная (например статьи, новости и т.д.);
- Репутационная. Информация, которая влияет на доверие к компании.
Для того чтобы вызвать доверие целевой аудитории, на сайте были размещены:
- Отзыв;
- Информация о компаниях, с которыми сотрудничает организация;
- Лицензии. Документация, подтверждающая экспертизу компании Global Position.
Полноценно настроена передача коммерческих данных в системы метрик. Теперь в Яндекс Метрике и Analytics Google маркетологи заказчика смогут не только увидеть, пользователи из каких стран чаще посещают сайт, но и полноценную аналитику по заказам, что позволит, например, точнее планировать объем спроса на услуги.
Выполнили необходимые SEO-настройки для корректной индексации поисковыми системами:
- Подготовка Title, Description и Keywords c помощью штатного модуля SEO 1С- Битрикс. Keywords служат для того чтобы поисковые системы смогли быстрее найти и показать пользователю интересующий запрос. А Title и Description - заголовки и описание тех самых результатов поиска, которые показывают нам поисковые системы. Они помогают нам понять какая ссылка подходит под наш запрос а какая нет;
- Настройка sitemap для наилучшей индексации разделов поисковыми системами;
- Настройка robots.txt. Этот файл дает поисковым роботам рекомендации: какие страницы или файлы стоит сканировать, а какие нет.
Клиент получил полноценный инструмент, позволяющий подчеркнуть экспертизу компании. А клиенты теперь смогут не только ознакомиться с информацией об оборудовании и сервисах Глонасс и Wialon hosting и GURTAM, а также получить квалифицированную помощь в настройке и сопровождении.
WEB-AiM с удовольствием обсудит вашу задачу