Редизайн и перенос на новую CMS

Клиент и задача

Наш клиент АО «ПНСК» занимает лидирующие позиции на рынке производителей автозаправочных станций и оборудования для АЗС. Компания продает свои товары через сайт pnsk-online.ru в России и за рубеж.

В ходе работы стало ясно, что сайт нуждается в обновлении:

• Компания продает дорогое оборудование и имеет длинный цикл сделки: клиенты разбираются в свойствах товаров, ищут разную информацию, сравнивают модели между собой. Им нужен удобный интернет-магазин с современным функционалом, который поможет выбрать нужную позицию и сократит путь до покупки.
• Мы несколько лет работали с клиентом над продвижением в поисковых системах. Но некоторые идеи внедрить не получалось из-за ограничения движка ресурса — CMS Rapido.

В 2021 году приняли решение разработать новый сайт на CMS Битрикс, чтобы расширить его возможности, и перенести на него всю информацию со старого ресурса.

Начало работ и seo-аудит

В качестве визуального и технического решения вместе с клиентом выбрали готовое решение от партнера Битрикс и доработали оформление главной страницы с нашим дизайнером.

Провели SEO-анализ текущего сайта и нового решения, составили структуру для нового сайта и рекомендации по его продвижению, чтобы сохранить позиции в выдаче поисковых систем после переноса.

Дизайн

Мы собрали сайт на шаблонном дизайне. Но чтобы все страницы не выглядели типовыми, приняли решение сделать редизайн главной страницы и отрисовать иконки для категорий в меню. Это помогло сделать ресурс более уникальным.

Главная страница

Было

Стало

Мы проанализировали другие интернет-магазины в рунете, чтобы понять, чего не хватает сайту и как улучшить пользовательский опыт. И внесли такие улучшения в карточки товара:

• добавили отображение больших фотографий и слайдер для удобного просмотра товара сразу в нескольких ракурсах;

• сделали вкладки с полезной информацией, документами, видео, 3D-моделью товара, отзывами, видео, информацией об оплате и доставке;

• добавили несколько типов перелинковок для удобного перехода к сопутствующим или похожим товарам;
• внедрили возможность задать вопрос по конкретной позиции;
• отобразили акции, в которых участвует товар.

Технические работы

Мы успешно переехали со старого на новый сайт:

Перенос данных. Это один из самых сложных процессов в разработке нового сайта. Для запуска нужно проанализировать все данные, которые необходимо перенести, продумать структуру каталога и создать шаблоны каждой страницы для вывода этих данных на новом сайте.

Делать все вручную долго — это удорожает работы. Поэтому мы продумали автоматические решения. Вот как поэтапно выглядит перенос каталога товаров:

• Пишем скрипт экспорта из CMS Rapido. Он получает структуру и данные о товарах каталога с их свойствами, изображениями и документами со старого сайта и сохраняет их в отдельный файл xml.
• Создаем скрипт импорта, который переносит все данные в подготовленные шаблоны страниц в новой админ-панели на Битриксе.
• На старом сайте не было фильтра по свойствам товаров и их сравнения по свойствам, а вся информация была заполнена единым текстовым полем. Чтобы на новом сайте фильтры заработали, мы написали специальный скрипт: он выделил из сплошного текста отдельные свойства и перенес их в админку.

Аналогично экспортировали и импортировали информацию из разделов статей и новостей.

Создали поддомены. Компания «ПНСК» продает оборудование по всей России. Поэтому мы продвигаем сайт в Яндексе по регионам, где есть ее представительства. На старом сайте работали 17 поддоменов по основным городам. Перенесли их на новый ресурс, сгенерировали мета-теги и написали тексты для страниц.

Увеличили скорость загрузки сайта. Важный параметр: если сайт медленно грузится, большинство пользователей просто уходят, а компания теряет клиентов. Поисковик это видит и делает вывод, что сайт плохой и снижает его позиции. Мы поработали со всеми техническими параметрами и максимально ускорили загрузку.

на десктопах

на мобильных

Добавили новые фичи. Например, внедрили решения, которые помогут пользователю разобраться с технологически сложным товаром и подтолкнуть к покупке.

• Интеграция с YouTube. У компании есть свой канал на видеохостинге: в роликах специалисты показывают оборудование и рассказывают о его особенностях. Мы настроили интеграцию сайта с каналом. Теперь новые ролики автоматически появляются в разделе «Видео» и на главной странице.
• Добавили раздел с 3D-моделями и документами, которые можно и скачать на устройство. ЦА компании — инженеры-проектировщики, которые занимаются закупками. Им важно знать все подробности об оборудовании, чтобы не ошибиться с выбором. Раньше нужные материалы можно было получить только через запрос по почте или телефону. Теперь клиент может рассмотреть нужную деталь на интерактивной модели и проверить все ее характеристики в специальном разделе.

• Для удобства выбора добавили сравнение с разделением по категориям.

Чтобы упростить работу менеджеров, на базе сайта продумали систему создания коммерческого предложения. Менеджер заполняет в админ-панели данные КП, и формируется страница с уникальным урлом. На ней указаны все подробности и цены: клиент сможет ознакомиться с предложением, скачать его или сразу распечатать.

Это удобно — не нужно ничего формировать вручную. Все документы сохраняются в админке, поэтому ничего не потеряется, даже если менеджер заболел, уволился или ушел в отпуск. А клиент получает оформленное предложение, в котором все данные представлены наглядно.

Результаты

Мы успешно переехали со старого на новый сайт:

• Сохранили позиции в поисковых системах и расширили потенциал для продвижения.
• Сделали сайт удобнее для пользователей: сформировали понятную структуру и логично разместили блоки контента.
• Упростили процесс покупки для клиента: добавили удобное сравнение товаров, возможность сохранять их в избранное, раздел с 3D-моделями, видеоролики с разборами с канала эксперта.
• Упростили задачу менеджерам компании: благодаря простой админке, они смогут менять цены товаров, указывать акции и скидки, формировать красивые КП для клиентов.
• Сэкономили бюджет, используя типовое решение CMS, но уникализировали дизайн, благодаря решениям по иконкам и редизайну рассылок.

Комментарий аккаунт-менеджера

С клиентом сразу нашли общий язык и наладили продуктивную совместную работу. Мы быстро получали всю необходимую информацию, проходили согласования всех этапов.

Договорились, что разделим разработку на этапы, и это оказалось удачным решением: так было проще сдавать и принимать работы и клиенту оплачивать наши услуги.

При появлении вопросов по работе с новой для клиента CMS помогали разобраться и делали инструкции.

Анастасия Красильникова

менеджер проекта

Над проектом работали