+375 (29) 669-39-43

Разработка и продвижение сайта для компании СитиБокс

29.12.2019
автор Дмитрий Авакьян
2769

Склад индивидуального хранения в Минске (self-storage). Данная услуга имеет два равноценных направления своей работы: услуги хранения для физических лиц и хранение для компаний, организаций, интернет-магазинов

полный цикл продвижение контекстная реклама

Постановка задачи, ТЗ и прототип

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

Изначально заказчик планировал разработку одностраничного сайта (landing-page) для своего проекта. Однако после обсуждений и изучения рынка было предложено разработать полноценный многостраничный сайт.

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

  • семантическое ядро,
  • анализ рынка в интернете,
  • сбор информации,
  • создание уникального контента,
  • SEO-оптимизация,
  • подключение сторонних сервисов,
  • настройка и сопровождение контекстной рекламы.
  • И другое
Склад индивидуального хранения СитиБокс
Склад индивидуального хранения СитиБокс через 3 месяца после открытия

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

Дизайн сайта

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

Фирменные цвета:

  • #ffd700
  • #58595b
  • #efefef
  • #ff7816

Фирменный шрифт: Roboto Slab, Montserrat

  • ШРИФТ ДЛЯ ЗАГОЛОВКОВ
  • Шрифт для контента

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

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

мобильная версия сайта СитиБокс
Мобильная версия сайта

Верстка сайта

На этапе html-верстки учитывался тип контента который в дальнейшем размещался сайт, от этого зависел выбор тега в html5, так как выполнение данного условия делает сайт более структурированным и значительно повышает качество сайта, его место в ранжировании поисковыми системами в дальнейшем.

Адаптивная верстка разработана под следующие разрешения экрана:

  • 1200px
  • 960px
  • 768px
  • 480px
  • 320px

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

прохождение теста на оптимизацию сайта
Тест на оптимизацию сайта под мобильные устройства

Основные внутренние разделы сайта сделаны в виде “посадочных страниц”, которые в верхней части экрана передают основную информацию для посетителя и содержат функцию заявки. Это было важно учитывать, так как запуске данного проекта сопровождался активной работой с контекстной рекламой Google Ads и Яндекс Директ по нескольким направлениям.

Внутренняя посадочная страница сайта

Размещение сайта на хостинге, наполнение

В качестве системы управления сайтом был использован CMS MODx Revo. После установки ресурса на хостинг, на сайт были интегрированы дополнительные модули сайта. Произведено нагрузочное тестирование сайта, скриптов и используемого сервера и анализ отказоустойчивости сайта.

Далее произведено наполнение сайта ранее подготовленным контентом. Сбор информации и редактирование предоставленной информации производились параллельно с этапом разработки. Фотоматериалы сайта были уменьшены в размерах без потери качества и сохранены в форматах .webp и mozJPG.

Продвижение сайта, Seo-оптимизация

На начальном этапе были выполнены следующие работы:

  • Установка ssl-сертификата
  • Первичный подбор ключевых слов и составление семантического ядра и разделение их на категории
  • Проработка Заголовоков и описания страниц сайта (title, description, h1-h4)
  • Формирование дружелюбных адресов страниц URL
  • Удаление дублей, настройка канонического адреса страницы
  • Перелинковка страниц для лучшей индексации сайта
  • Составление дополнительного полезного для клиентов контента. Размещение статей, новостной ленты компании, раздела отзывов
  • Размещение сайта различных бесплатных информационных ресурсах, досках объявлений, сайты-сервисы
  • На сайт добавлена семантическая микроразметка json-ld, данный вид работ является один из видов SEO-оптимизации и позволяет при правильной настройке отображать дополнительные сниппеты в органической выдаче поисковых систем Google и Yandex (отображения рейтинга сайта, отзывов, стоимости услуг и тд)
  • Настройка отложенной загрузки js-файлов сайта, изображений
  • Прохождение теста PageSpeed Insights от Гугл

Тест скрости загргузки сайта Google PageSpeed

Контекстная реклама (PPC)

Были настроены и запущены рекламные кампании по нескольким направлениям в системах Google Ads и Яндекс Директ. На начальном этапе это приносило около 80% трафика. Дополнительно были разработаны динамичные баннеры для медийных объявлений в Google Web Designer. Разработаны баннеры для соц сетей Instagram и facebook

разработка баннеров для инстаграм
Баннер "минисклад для бизнеса" для сторис в Инстаграм

разработка баннеров для инстаграм
Баннер "Храненение вещей и мебели" для сторис в Инстаграм

создание баннеров для инстаграм
Баннеры для СитиБокс в ленте Инстаграм

создание баннеров для инстаграм
Баннер "Хранение вещей" для Инстаграм в ленте

Интеграция с CRM-ситемой amoCRM

Для более точного отслеживания, фиксирования заявок и запросов клиентов по всем каналам (веб-форма, телефон, е-мэйл, соц. сети, чат, отзыв) была настроена работа CRM-системы с сайтом.

Оставить заявку