Все кейсы

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

Заказчик

Bнтернет-магазина «Bee Нealthy» уже много лет предлагает товары для красоты, лечения пчелопродуктами и продукты Тенториум в Петербурге.

Задача

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат

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

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

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

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

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

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

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

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

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

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

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

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

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

Аналитик

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

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

Менеджер

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

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

Прототипист

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

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

Дизайнер

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

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

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

Верстальщик

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

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

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

Программист

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

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

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

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

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

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

Тестировщик

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

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

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

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

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

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

Стратегия

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

Мы начали с того какое впечатление должен производить данный ресурс.

Магазин представляет несколько ключевых отраслей продукции:

  • медовая косметика;
  • продукты для лечения пчелопродуктами;
  • товары для дома на основе меда;
  • витаминные комплексы Тенториум;
  • мед;
  • информационные продукты по данной тематике.

Все эти объединяет мед. Соответственно, мы сделали сайт таким образом, чтобы ассоциации были максимально связаны именно с данной темой. Но не сильно отвлекающим от непосредственно продукции.

Сайт Bee Нealthy на экране DELL

Для визуального позиционирования компании в сети мы ориентировались на продукцию. Теплые и уютные ассоциации с медом, а также делали акцент на пользе от медовых товаров.

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

Это пересекается с задачей сделать сайт полезным и с точки зрения поисковых систем. Так как огромное влияние имеют поведенческие факторы.

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

Структура

Так как продукция делится на два смысловых блока:

  • товары;
  • информационные продукты.

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

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

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

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

Тест для проверки здоровья

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

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

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

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

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

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

Каталог

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

  • зрение;
  • ЖКТ;
  • общее состояние организма;
  • антистрессовый эффект.

То есть направленность воздействия товара для посетителей важнее его внешнего вида или вкуса.

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

Например:

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

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

Страницы каталогов сайта Bee Healthy

Мы сделали понятный каталог уникальный для продукции и для информационных материалов.

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

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

  • название;
  • цена;
  • вес;
  • состав;
  • характеристики и/или описание;
  • инструкции;
  • информация о доставке;
  • отзывы;
  • функционал для заказа.

Наличие активных элементов для заказа — один из маркеров полезности с точки зрения поисковых систем, поэтому их мы также добавили.

Информационные страницы

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

Блог

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

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

Основной аудиторией компании являются:

  • женщины;
  • средний возраст 25-45 лет;
  • интересующиеся здоровьем;около 50% клиентов являются не продвинутыми пользователями.
Прототипы сайта

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

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

Товары разделены на тематические блоки, что немаловажно в каждом разделе есть форма захвата.

Дизайн

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

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

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

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

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

Мы также разработали логотип компании, простой, но запоминающийся. За основу взяли пчелиные соты.

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

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

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

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

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

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

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

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

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

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

Сайт на iPad Pro

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

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

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

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

Поисковый трафик

Поисковый трафик стал приходить на сайт уже в первый же месяц запуска.

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

Интересы посетителей сайта
Возраст посетителей сайта
Пол посетителей сайта

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

Заключение

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

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

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

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

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

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

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

Эллина Лепихова

Эллина, компания Сеобит, здравствуйте.

Решение может быть проще, чем кажется ☺️

Добрые слова помогают настроиться на правильную волну ☺️

Хорошего вам дня!

☺️

Заявка

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


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

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

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

Эллина Лепихова