Ни для кого не секрет, что разработка бизнес-сайтов практически всегда является сложной задачей. Современному бизнесу редко нужна простая визитка или каталог продукции. Чаще всего речь идет о веб-ресурсе, который успешно решит сразу несколько задач, в том числе обусловленных спецификой целевой аудитории.
В нем объясняется, как объединить семь различных областей деятельности компании на одном бизнес-сайте. Светлана Пушкарь – Руководитель технического отдела группы компаний «Медиасфера».
Содержание
О клиенте и задачах
К нам обратился клиент «Диета 18» — крупный импортер мясной продукции (топ-3 в РФ). Компания присутствует на рынке с 1993 года, когда вела только коммерческую деятельность. Поэтому предыдущий сайт был ориентирован именно на это направление. В 1990-х и 2000-х годах началась разработка; холдинг приобретает новые направления и услуги, не связанные с импортом мяса. У клиента тогда не было возможности объединить их на одном сайте: для каждого отдела создавался отдельный сайт, а также простая общая визитка с кратким текстовым описанием деятельности, контактами и информацией о компании.
На момент обращения к нам в холдинге было 7 подразделений:
-
торговля;
-
ответственное хранение;
-
транспортно-экспедиторские услуги;
-
разведение и переработка рыбы;
-
аренда помещений;
-
сельское хозяйство;
-
разведение
Конечно, такое позиционирование в Интернете с устаревшей визитной карточкой и разрозненными веб-сайтами не отражало и не подчеркивало истинный статус и масштабы эксплуатации.
Поэтому была поставлена задача: разработать современный веб-сайт, который:
-
объединит все направления бизнеса и виды продукции на одном ресурсе;
-
подчеркнет имидж, размер и статус компании;
-
будет создан в уникальном фирменном стиле и общем стиле.
Сайт позиционирует себя как онлайн-представительство для презентации на выставках, участия в тендерах и т.д. Мы не ожидали никаких действий, покупок или целевых лидов.
Внешний вид старого сайта «Режим 18»
Запуск проекта и сбор данных
Давайте будем реалистами: это нетипичная задача. Техническое описание было довольно кратким и «скромным». Исходя из этого, мы предполагали, что сайт будет представлен в виде простых и классических страниц для каждого направления. Но тут возникла необходимость провести встречи с представителями каждого подразделения (направления деятельности). И каждый из них фактически описал нам отдельный сайт своего направления (хотя бы один лендинг) со своей структурой, контентом, блоками и т.д.
Чтобы привести все к единому знаменателю и стилю, мы решили создать единый шаблон на CMS 1С-Битрикс с максимальным количеством различных блоков. Такой гибкий «конструктор» легко редактируется контент-менеджером и работает по принципу: если блок наполнен контентом, он отображается на сайте, а если не заполнен, то соответственно не отображается.
ЦП для заказчика с описанием шагов, работ и времени, необходимых для внедрения
Создание сайта в нашем агентстве чаще всего осуществляется по классической водопадной системе.
SEO-дизайн
SEO-отдел тоже был в недоумении: для успешного продвижения каждое направление должно иметь свою уникальную структуру, контакты, статьи, блоги и т. д. Нужно было с нуля все правильно собрать в рамках одного сайта.
Каталог товаров также потребовал серьёзной структурной доработки: например, в некоторых разделах есть подразделы, а в других — только товары. Пришлось подумать над названиями разделов и т.д.
Структура сайта разработана с нуля отделом SEO нашего агентства.
В этом проекте отдел SEO активно участвовал на всех этапах разработки: от разработки «дерева» и верстки до технической корректировки и тестирования сайта.
Прототип и дизайн
На основе полученной и согласованной структуры мы начали рисовать прототип и оформлять главную страницу будущего сайта.
Прототип главной страницы
Согласованный дизайн главной страницы сайта. На выбор было три варианта
Для удобства навигации и демонстрации различных направлений деятельности холдинга ссылки на них выведены в нескольких местах:
-
в главном меню,
-
к слайдеру, к облаку тегов,
-
под курсором в виде отдельных блоков для каждого направления.
Блок с бизнес-направлениями долго согласовывали из-за контента: клиент делал фотосессию для соцсетей и хотел использовать эти фотографии для сайта. Но почти все изображения не подходили для этих блоков. Поэтому мы нашли компромисс: некоторые фотографии всегда брали со фотосессии, адаптируя их, а другие брали со склада. Мы также разработали собственную инфографику, которая используется на сайте и впоследствии стала частью фирменного стиля компании. Клиент даже перевел это в печатные документы.
Примеры уникальной инфографики на сайте клиента
Чтобы подчеркнуть статус компании, мы предложили разместить на сайте сквозной блок с основными клиентами и партнерами холдинга.
Каталог продукции
Каталог продукции был необходим, поскольку коммерческая деятельность является основной для заказчика. Изначально это планировалось без фильтра: просто с переходами в соответствующий раздел. В результате фильтр все же был разработан и создана единая структура товарных карточек.
В карточках продукции свойства также представлены в виде инфографики.
Поиск на сайте работает путем переключения по направлениям – товарам или информационной составляющей. Например, при поиске товаров в результатах отображаются как товары из каталога, так и полезные статьи, рецепты и т. д.
Страницы услуг
Также мы сгруппировали страницы сферы услуг и бизнеса в единую форму (исходя из разных пожеланий руководителей подразделений). На каждом из них отображались следующие блоки:
-
баннер;
-
фото шеф-повара;
-
текстовая часть;
-
преимущества ;
-
контакты и т. д.
Для страниц, посвященных транспортно-экспедиционным услугам и аренде помещений, клиент должен был продемонстрировать свой автопарк и свои торгово-офисные центры. Для этого запланированы определенные блоки.
На странице «О холдинге» мы разместили интерактивную 30-летнюю историю компании в виде слайдера. Просматривая баннеры, вы сможете увидеть изменения, произошедшие в холдинге с 1993 года.
Возникшие трудности
-
Плохо сформулированное техническое задание: Реальные задачи отличались от указанных в техническом задании. Было много дополнений и модификаций.
-
Интеграция различных направлений бизнеса в единый ресурс.
-
SEO для сайта с разной сферой деятельности.
-
Согласование и защита каждого этапа работы происходило с руководителями подразделений. Чем больше одобряющих людей, тем это дольше и сложнее.
-
Клиент подготовил контент для новой структуры сайта, что заняло много времени.
Зачастую успех и сроки реализации проекта зависят от самого клиента. Ранее я рассказывал, как ускорить доставку сайта и помочь разработчикам.
Результаты проекта
Несмотря на множество трудностей, нам удалось создать b2b сайт, отвечающий всем требованиям и пожеланиям клиента:
-
разработали современный корпоративный портал, эффективно представляющий все направления деятельности холдинга в едином стиле;
-
сайт на базе CMS 1С-Битрикс, простой в администрировании;
-
страницы сайта содержат различные блоки, которые можно использовать в зависимости от доступного контента;
-
ресурс соответствует современным SEO-требованиям, необходимым для продвижения в органической выдаче поиска;
-
настроен каталог продукции с фильтром;
-
Инфографика была разработана и стала неотъемлемой частью фирменного стиля клиента.
