Все кейсы

Кейс по созданию и продвижению сайта Uniproffi.ru

Заказчик

Компания ООО «ЮниПроффи» - ведущий производитель пленок и упаковки высочайшего качества с собственным производством и большими складскими помещениями. Осуществляет свою деятельность не только в Санкт-Петербурге, но и в регионах России.

Задача

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

Что было сделано

В рамках тарифа были произведены следующие работы.

Специалист Оптимизатор Аналитик Менеджер Прототипист Дизайнер Верстальщик Программист Контент-менеджер Тестировщик Технический специалист
Описание работы

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

Сбор данных для полного аудита сайта. Анализ посетителей и их поведения на сайте. Исследование конкурентов. Составление рекомендаций из полученных данных для нового сайта.

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

Разработка прототипа будущего сайта (расположение всех элементов, навигация и юзабилити). Все элементы располагаются в соответствии с пожеланиями заказчика, а также на основе аудита маркетолога и стратегии оптимизатора.

Отрисовка дизайн макета сайта на основе согласованного с заказчиком прототипа и заполненного брифа. С учетом позиционирования бренда, а также анализа конкурентов аналитического отдела.

При необходимости снесение правок.

Верстка всех страниц в соответствии с макетами.

Корректировка верстки при необходимости

Разработка всех технического части сайта в соответствии с требованиями маркетолога, оптимизатора.

В том числе мобильная адаптация и ускорение сайта.

Перенос необходимой информации на готовый сайт, в том числе карточки товаров, изображения и контент.

Тестирование сайта на разных устройствах и в разных браузерах. Проверка всего функционала.

Перенос сайта на хостинг Заказчика. Адаптация под https протокол.

Результат

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

Полный аудит сайта (маркетинговый, технический, графический, контентный и анализ юзабитити) с подробными рекомендациями по увеличению конверсии.

Консультирование и помощь в течении всего времени разработки сайта.

Создан прототип будущего сайта.

Готовы дизайн макеты сайта всех типовых страниц и предоставлены заказчику в формате Photoshop.

Сайт полностью сверстан.

Функционал сайта готов.

Сайт полностью заполнен необходимой информацией.

Сайт полностью проверен и готов к переносу.

Сайт полностью готов.

Специалист Описание работы Результат
Оптимизатор

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

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

Аналитик

Сбор данных для полного аудита сайта. Анализ посетителей и их поведения на сайте. Исследование конкурентов. Составление рекомендаций из полученных данных для нового сайта.

Полный аудит сайта (маркетинговый, технический, графический, контентный и анализ юзабитити) с подробными рекомендациями по увеличению конверсии.

Менеджер

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

Консультирование и помощь в течении всего времени разработки сайта.

Прототипист

Разработка прототипа будущего сайта (расположение всех элементов, навигация и юзабилити). Все элементы располагаются в соответствии с пожеланиями заказчика, а также на основе аудита маркетолога и стратегии оптимизатора.

Создан прототип будущего сайта.

Дизайнер

Отрисовка дизайн макета сайта на основе согласованного с заказчиком прототипа и заполненного брифа. С учетом позиционирования бренда, а также анализа конкурентов аналитического отдела.

При необходимости снесение правок.

Готовы дизайн макеты сайта всех типовых страниц и предоставлены заказчику в формате Photoshop.

Верстальщик

Верстка всех страниц в соответствии с макетами.

Корректировка верстки при необходимости

Сайт полностью сверстан.

Программист

Разработка всех технического части сайта в соответствии с требованиями маркетолога, оптимизатора.

В том числе мобильная адаптация и ускорение сайта.

Функционал сайта готов.

Контент-менеджер

Перенос необходимой информации на готовый сайт, в том числе карточки товаров, изображения и контент.

Сайт полностью заполнен необходимой информацией.

Тестировщик

Тестирование сайта на разных устройствах и в разных браузерах. Проверка всего функционала.

Сайт полностью проверен и готов к переносу.

Технический специалист

Перенос сайта на хостинг Заказчика. Адаптация под https протокол.

Сайт полностью готов.

С сайтом компании «ЮниПроффи» мы достаточно продолжительное время работали по SEO продвижению. Но, чтобы достичь лучших результатов, предыдущая версия требовала значительной переработки. При этом было очень важно сохранить все уже реализованные наработки и результаты оптимизации.

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

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

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

Объединив все перечисленное воедино мы приступили к стратегии.

Стратегия

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

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

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

Зачастую удобство и полезность для определяются одними и теми же элементами. И все эти элементы мы учли при составлении стратегии.

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

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

Структура

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

Добавили корзину и возможность купить товар и больше коммуникативных точек (обратный звонок, оставить заявку).

В товарах возможность выбирать количество позиций.

А также в связи со спецификой сферы сделали возможность делать каталоги разными в оформлении и функционале. Так как в каких то категориях есть возможность указаывать цены, а в каких-то компания работает по запросу.

Структура сайта

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

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

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

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

Элемент оформления главной страницы сайта

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

Там где нестандартный пакет, квадрат под «не» сделан для того, чтобы в глаза приставка «не» бросалась, иначе при беглом взгляде кажется, что написано одно и то же.

А с точки зрения UX было лучше звонок и консультацию совместить, так как это по сути сопряженные действия. Поэтому сделали 4 пункта шагов и в стандартном и в нестандартном заказе. Ведь если шаги заявки и консультации сопряжены, то они воспринимаются чем-то единым, непрерывным.

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

И на всю страницу было добавлено несколько блоков обратной связи для удобства и повышения конверсии.

В футере мы добавили дублирующее меню, каталог и контакты с приветливыми «приезжайте, пишите, звоните», вместо сухих «адрес, почта, телефон».

Каталог

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

Варианты оформления страницы категории товаров

Разделы каталога выполнены в разном оформлении, ведь некоторые товарные позиции полностью реализуются под заказ, а некоторые можно заказать в определенном объеме с указанными параметрами.

Карточка товара

Где каждая товарная позиция имеет:

  • описание;
  • назначение;
  • фотографию или несколько;
  • параметры (материал, размеры, цвет, наличие замка);
  • цену (с указанием количества, так как компания оптовая);
  • возможность оформить заказ.

Учитывая направленность b2b, расположение элементов и количество информации оптимально для данной сферы.

В случае когда стоимость указать невозможно (что бывает в данном направлении деятельности), мы добавили возможность указывать цену по запросу.

Страница карточки товара на Ipad

Так как среднестатистический пользователь не просматривает более 3 экранов, мы сделали описание максимально компактным, но информативными.

Оплата, доставка

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

Печать на пленке

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

Прототипирование

Основной аудиторией компании являются оптовые предприниматели. Поэтому сайт должен быть в первую очередь информативным и понятным, а элементы дизайна не перетягивать на себя внимание. 

Прототипы сайта

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

Расположение элементов мы сделали максимально простым и понятным, крупные фотографии, отсутствие сложных фильтров.

Дизайн

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

  • острые углы;
  • устойчивый шрифт;
  • яркий чистый цвет;
  • прямоугольные элементы;
  • плоские формы;
  • пространство;
  • крупные элементы.

Цветовая гамма была выбрана в соответствии с фирменными цветами компании. Разбавили основной оранжевый цвет близкими оттенками и нейтральными цветами. Так как акцент должен был быть прежде всего на самих товарах, а не на дизайне сайта. 

Цветовая гамма сайта

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

Мобильная версия

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

Мобильная версия сайта

Каталог стал удобнее и нагляднее, а крупные и яркие формы обратной связи привлекают внимание и позволяют пользователю максимально упросить коммуникацию с компанией.

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

Верстка и программирование

Мы использовали CMS WordPress, так как это оптимальная система для SEO продвижения, достаточно защищенная и простая в обращении.

Упростили загрузку фотографий и работу с каталогом. Сделали отдельные страницы для категорий и карточек товаров. Добавили возможность на любой странице разместить текст и любой товар.

Разработали функционал для того, чтобы в разных категориях можно было делать разные варианты оформления страниц.

А также исправили все  технические недочеты, которые мешали продвижению сайта.

Сайт на Desktop PC 

Сайтом стало просто пользоваться, теперь клиент может самостоятельно размещать товары и редактировать элементы на ресурсе, не привлекая программистов.

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

Продвижение сайта

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

В рамках работ были выполнены следующие задачи:

1) Аудиты:

  • Технический аудит
  • Аудит конкурентов
  • Аудит юзабилити

2) Запуск нового сайта

  • Заполнение каталога
  • Заполнение текстовой информацией
  • Оформление страниц
  • Создание баннеров
  • Создание e-mail

3) Настройки индексации

  • Установлен и настроен SSL сертификат
  • Установка редиректов
  • Настроены зеркала
  • Настроены файлы sitemap.xml и robots.txt
  • Контроль индексации

4) Оптимизация

  • Кластеризация запросов
  • Создание релевантных страниц
  • Оптимизированы «хлебные крошки»
  • Размещена политика конфиденциальности
  • Техническая оптимизация кода
  • Исправление ошибок выявленных в аудитах
  • Оптимизация текстов
  • Оптимизация метатегов по шаблону и индивидуально

5) Обработка фотографий для каталога

  • Замена фона на белый
  • Кадрирование
  • Установка водяного знака
  • Изменение размера и сжатие для публикации

6) Доработки по сайту

  • Улучшение юзабилити
  • Изменена логика работы каталога
  • Добавлено увеличение фото по клику
  • Ускорение сайта
  • Кнопка «Цена по запросу» у товаров без цены
  • Вывод таблицы размеров в карточке

7) Настройка коммерческих факторов

  • Разделение контактов на трех сайтах
  • Размещение телефонов, доменных e-mail, время работы
  • Заполнение карточки компании на Яндекс.Картах

8) Внешняя оптимизация

  • Регистрация в 90 каталогах организаций
  • Написано и размещено 22 тематических статьи с ссылками на сайт
  • Заполнение товарами карточки на интернет-выставках

11) Крауд маркетинг

  • Размещено 10 ответов с упоминанием компании в сервисах Яндеск.Кью

12) Социальные сети

  • Создание группы Вконтакте
  • Оформление группы
  • Подготовка и размещение 20 постов
  • Приглашение 350 подписчиков

13) Мониторинг

  • Мониторинг нарушений поисковой лицензии
  • Мониторинг вирусов
  • Мониторинг ответов сервера
  • Личный кабинет с регулярным замером позиций сайта в поисковых системах

14) Общение с клиентом

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

Вследствие чего, нам удалось добиться значительного роста позиций по России и Санкт-Петербургу.

Позиции в регионе Россия
Позиции в регионе Санкт-Петербург

Объем запросов с позициями на первых трех страницах существенно увеличился, причем как по Санкт-Петербургу, так и по России.

Показатели качества сайта ИКС также возросли.

ИКС сайта

Качественные показали сайта увеличились на 100%.

А общая посещаемость сайта возросла в 1,5 раза.

Визиты на сайт

Прирост новой аудитории с учетом сезонности за год увеличился на 50%.

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

Заключение

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

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

Сайт стал удобен для заказчика и его потенциальных клиентов.

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

Получить бесплатный аудит вашего сайта

План работ и оценка текущего состояния сайта, которые наши специалисты составляют вручную.

Нажимая кнопку «Отправить», я даю свое согласие на обработку персональных данных и соглашаюсь с политикой конфиденциальности.

Спасибо за заявку!

Наш менеджер свяжется с вами в течении 24 часов

Марья Легкова

Компания Сеобит, Марья, здравствуйте.

SEO или контекстная реклама?

☺️

Я помогу Вам выбрать наиболее эффективное решение!

Не ждите подходящего момента, просто создайте его)

Отправная точка любого успеха — это желание!

Заявка

Заполните форму, и наши специалисты свяжутся с вами в ближайшее время.


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

Спасибо за заявку!

Наш менеджер свяжется с вами в течении 24 часов

Марья Легкова