Разработка интернет- магазина “Desko”

Клиент

Наш клиент — группа компаний «Деско» — крупнейший дистрибьютор на рынке Украины. Начиная с 2000 года компания поставляет на украинский рынок профессиональную продукцию ведущих мировых производителей для парикмахерских салонов, косметологических и маникюрных кабинетов.

Цели

Разработка яркого, но в тот же момент минималистичного сайта для интернет-магазина “Desko”. Создание удобной формы заказа и проектирование интересной навигации.

Решение

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

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

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

Проработка индивидуальной страницы 404 с анимационными эффектами.

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

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

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Программирование и дизайн отдельных элементов
  4. Сбор информации и наполнение сайта контентом
  5. Подключение сторонних сервисов
  6. Проверка работоспособности всех элементов и навигации

Создание корпоративного сайта СБ «Статус»

Клиент

К нам обратилась известная компания, которая предоставляет охранные услуги в городе Киев и Киевской области, СБ «Статус». Имеет опыт в охранном бизнесе более 28 лет.

Цели

Разработка корпоративного сайта СБ «Статус» с элементами захвата клиентов. Создание удобной панели администрирования для добавления контента и обновления информации о новостях и акциях.

Решения

Создание корпоративного сайта с лаконичным дизайном. Добавление формы онлайн-расчета стоимости услуг (в виде калькулятора) и кабинета плательщика за услуги онлайн.

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

Кейс разработка сайта

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

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

Кейс разработка сайта

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

Кейс разработка сайта

На каждом слайдере внутренней страницы для повышения конверсии расположен блок с преимуществами компании и форма для заявки с сайта.

Кейс разработка сайта

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

Кейс разработка сайта

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

Кейс разработка сайта

Этапы реализации проекта:

  1. Разработка прототипа сайта, основных страниц навигации.
  2. Разработка дизайна сайта, прорисовка отдельных страниц и элементов.
  3. Верстка сайта. Создание адаптивной верстки сайта, анимации на главной и внутренних страницах.
  4. Подключение платежных сервисов для оплаты услуг онлайн.
  5. Проверка работоспособности всех элементов сайта и сдача проекта.

Разработка сайта для Броварского завода пластмасс

Создание лаконичного корпоративного сайта с элементами интернет-магазина для ОАО «Броварской завод пластмасс».

Цели и задачи

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

Решения

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

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

На главной странице расположены графические элементы, по стилистике повторяющие строгие формы логотипа.

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

Учитывая специфику организационно-правовой формы компании – Открытое акционерное общество, был предусмотрен раздел для регулярного обновления информации о компании. Чтобы упростить Клиенту наполнение сайта, была создана страница с возможностью добавления документации в PDF-формате через административную панель.

Этапы выполнения проекта:

  1. Разработка прототипа, проработка навигации между страницами.
  2. Создание индивидуального дизайна сайта в корпоративной стилистике.
  3. Адаптивная верстка сайта.
  4. Наполнение сайта контентом, проверка работоспособности всех элементов и навигации.

Создание интернет магазина дизайнерских украшений «SAMOKISH»

Цели

Создание лаконичного и стильного интернет магазина дизайнерских украшений  «SАМOKISH». Разработка сайта с элементами посадочной страницы, простой формой заказа и проектирования удобной навигации.

Решения

Главной дизайнерской идеей сайта является минималистичный стиль.

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

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

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

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

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

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

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

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

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Программирование и дизайн отдельных элементов
  4. Сбор информации и наполнение сайта контентом
  5. Подключение сторонних сервисов
  6. Проверка работоспособности всех элементов и навигации

Разработка интернет-магазина «Delicates gastro boutique»

Цели

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

Решения

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

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

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

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

Этапы выполнения проекта:

  1. Создание прототипа для сайтов.
  2. Разработка индивидуального дизайна в корпоративном стиле. Адаптация дизайна для каждого ресурса.
  3. Адаптивная верстка сайтов.
  4. Базовое наполнение контентом, проверка работоспособности всех элементов ресурса.
  5. Сдача проекта.

Разработка корпоративного сайта для компании «Well Security»

Цели

Разработка современного корпоративного сайта компании «Well Security». Показать перечень продуктов и услуг компании.

Решения

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

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

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

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

Подача возможностей системы в интересной, доступной форме.

Этапы реализации проекта:

  1. Разработка прототипа сайта, основных страниц навигации.
  2. Разработка дизайна сайта, прорисовка отдельных страниц и элементов.
  3. Верстка сайта. Создание адаптивной верстки сайта, анимации на главной и внутренних страницах.
  4. Подключение платежных сервисов для оплаты услуг онлайн.
  5. Проверка работоспособности всех элементов сайта и сдача проекта.

Разработка сайтов для ООО «НОВА СТАЛЬ»

Разработка двух сайтов для ООО «НОВА СТАЛЬ» — корпоративный сайт и сайт по продаже профнастила и металлочерепицы.

Цели и задачи

Создание двух сайтов в одной корпоративной стилистике, но разной направленности. Полноценный корпоративный сайт для B2B сегмента – сотрудничества с дилерами оцинкованной стали в рулонах по Украине и сайт с элементами интернет-магазина для B2C сегмента по продаже профнастила и металлочерепицы конечным потребителем.

Решение

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

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

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

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

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

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

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

Этапы выполнения проекта:

  1. Создание прототипа для сайтов.
  2. Разработка индивидуального дизайна в корпоративном стиле. Адаптация дизайна для каждого ресурса.
  3. Адаптивная верстка сайтов.
  4. Базовое наполнение контентом, проверка работоспособности всех элементов ресурса.
  5. Сдача проекта.

Разработка сайта для сервиса мониторинга цен конкурентов Uxprice

Цели

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

Решения

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

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

Разработка анимационного блока для лучшей визуализации.

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

На сайте представлена полная информация о стоимости системы в доступной форме.

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Программирование и дизайн отдельных элементов
  4. Сбор информации и наполнение сайта контентом
  5. Подключение сторонних сервисов
  6. Проверка работоспособности всех элементов и навигации

Обязательные составляющие продающего сайта

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

Элементы продающего сайта

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

sysale

Без каких элементов сайт не считается продающим? Рассмотрим главные решения:

  • презентабельный дизайн — от такого параметра зависит степень доверия к компании и время, проведенное посетителем на сайте. Дизайн должен быть оригинальным и ассоциироваться со сферой деятельности компании. К примеру, для интернет-магазина лекарственных растений лучше всего подходит зеленый цвет;
  • понятный интерфейс — залог высокой конверсии и продаж. Здесь все закономерно: чем быстрее и легче посетители находят товар/услугу, тем лучше развивается бизнес. Поэтому при разработке сайта огромное внимание уделяется юзабилити. Под таким понятием подразумевается удобство и простота;
  • скорость загрузки страниц — для пользователей этот показатель крайне важен. Они не хотят долго ждать, пока загрузятся страницы и появится нужная информация. Статистические данные свидетельствуют о том, что при низкой скорости теряется 11% потенциальных покупателей/клиентов. Они уходят с сайта, так и не дождавшись загрузки страниц;
  • ответы на вопросы — на первой странице должны быть ответы на распространенные вопросы пользователей. К примеру, что это за компания, в чем суть ее услуг, в чем преимущества товаров и какими выгодными предложениями можно воспользоваться;
  • контактная информация — при разработке сайта создается раздел, в котором указывается адрес компании, телефоны, график работы. Это важный фактор. Им руководствуются покупатели при принятии решения;
  • цепляющий слоган, УТП, привлекательный оффер — то, без чего не обойтись. Чтобы посетитель задержался на сайте и выполнил целевое действие, его должно что-то привлечь с первой секунды. Тогда пользователь подробнее ознакомится с ассортиментом товаров или с перечнем услуг;
  • портфолио работ — папка, в которой размещены примеры реализованных проектов. Это показатель мастерства и профессионализма. Портфолио размещается на сайтах коммерческих организаций. Также его используют фрилансеры: дизайнеры, программисты, архитекторы;
  • продающий контент — тексты, в которых размещаются призывы к действию, рассказывается о преимуществах продуктов, рекламируются услуги компании. Также под продающим контентом подразумеваются видеоматериалы, пресс-релизы, новости, инфографика;
  • улучшение и анализ — хороший сайт для продажи товаров или для заказа услуг не создается раз и навсегда. Конкуренты не стоят на месте, а работают над развитием интернет-магазинов и коммерческих порталов. Поэтому нужно постоянно искать эффективные решения и улучшать свои позиции. Такие задачи выполняют специалисты веб-студии;
  • адаптивный веб-дизайн — сайт должен быстро реагировать на изменения, которые связаны с размером экрана. Для такой цели разрабатывается адаптивный веб-дизайн. С ним обеспечивается правильное отображение информации на разных устройствах: планшеты, смартфоны.

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

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

На чем делают сайты

На чем делают сайты, современные технологии, применяемые при разработке

Это вопрос, который не должен волновать заказчика, обратившегося в веб-студию. Главное, чтобы сайт функционировал наилучшим образом и соответствовал поставленным целям. Все сайты классифицируются на два вида. Первый вариант — на CMS (платных и бесплатных). Второй вариант — сайт, разработанный программистами. В таком случае предусматривается работа с фреймворками.

CMS и framework

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

Что такое framework? Это своеобразный каркас, предназначенный для разработки эффективных систем управления контентом. Фреймворк — конструктор, которым умело пользуется программист. Специалист собирает несколько модулей в единое пространство и создает сайт с учетом запросов клиента. Для него характерна простота и высокая функциональность.

Популярные CMS

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

  • WordPress — современный инструмент, чаще всего используемый для создания блогов, форумов, новостных ресурсов. Это гибкая и надежная платформа, состоящая из множества тем и плагинов. К ее преимуществам относится простой и понятный интерфейс, большой выбор решений, возможность разрабатывать проекты разного уровня сложности;
  • Joomla — универсальная система, идеально подходящая для создания интернет-магазина. Под ней подразумевается набор инструментов, которые можно добавлять при возникновении такой необходимости. Joomla — бесплатная CMS, для запуска которой не нужны особые знания. С помощью такой системы легко структурируется контент и обеспечивается стабильная работа на большинстве хостингов;
  • 1C-Bitrix — система, имеющая несколько лицензионных версий. К примеру, старт или бизнес. Такая CMS предназначается для создания нестандартных и сложных проектов. К ее преимуществам относится обширный функционал, русифицированный интерфейс, высокий уровень безопасности. При использовании 1C-Bitrix возможна интеграция со сторонними сервисами и получение подробной аналитики. Такая система прекрасно подходит для разработки сайтов с высокой посещаемостью;
  • NetCat — CMS, на которой создаются новостные и корпоративные проекты, а также интернет-магазины и форумы. Для реализации таких задач предусмотрено много полезных инструментов. Их больше 100. Это система оплаты заказов, рассылка предложений, личные кабинеты заказчиков. К преимуществам NetCat относится устойчивость к нагрузкам, надежная защита от взлома, техническая поддержка по любым вопросам;
  • Drupal — система, на которой разрабатываются личные блоги и сайты крупных компаний. Ее функциональность можно увеличивать с помощью дополнительных модулей. Это позволяет разрабатывать сайты любой сложности. CMS Drupal имеет много преимуществ, к которым относится динамическое построение меню, поддержка локализации интерфейса, гибкая схема структуризации контента.

Популярные framework

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

  • Angular — фреймворк, используемый при создании динамических веб-приложений. Его разрабатывают специалисты компании Google;
  • React — прекрасное решение для разработки мобильных приложений и одностраничников. К его преимуществам относится простота и масштабируемость;
  • Meteor JS — фреймворк для разработки простых сайтов и веб-приложений. С ним страницы загружаются намного быстрее;
  • Django — фреймворк, в котором используется шаблон проектирования MVC. К главным особенностям такой платформы относится скорость, безопасность и библиотека для работы с разными формами;
  • Laravel — бесплатный фреймворк, с помощью которого разрабатываются небольшие сайты и веб-ресурсы для крупных организаций. Его отличительными чертами является гибкость и простота.

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

Заказать создание сайта можно у наших специалистов.

 

Тренды в дизайне сайта

Разработка дизайна сайта — трудоемкий процесс, под которым подразумевается проектирование пользовательского веб-интерфейса. Специалисты продумывают структуру каждой страницы, занимаются художественным оформлением и реализуют креативные идеи. Профессионалы не только используют свой опыт, но и следуют модным тенденциям. О чем конкретно идет речь? В статье мы рассмотрим актуальные тренды в веб-дизайне.

Параллакс — уникальная технология

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

Разделение экрана

Это техника, которая с каждым годом становится популярнее. Имеется в ви/ду разделение экрана на части, на которых отображается связанная между собой информация. Split screen актуален в нескольких случаях. Первый вариант — до пользователя нужно одновременно донести два оффера. Второй вариант — объединить картинку с важным текстовым сообщением.

Иллюзия объема

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

Красивые дудлы

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

Цифровой сторителлинг

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

Дуплекс в веб-дизайне

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

Необычные шрифты    

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

Лаконичные решения

Минимализм — то, что легко воспринимается и ассоциируется со строгостью. Лаконичные решения актуальны при разработке интернет-магазинов и крупных порталов. Не нужно путать минимализм с белым фоном и черным шрифтом. Веб-дизайнер умело работает с деталями и наполняет свободное пространство простыми элементами. На сайте отсутствуют лишние объекты, которые мешают пользователю. Акцент делается на главном: привлечение внимания к продукту, к преимуществам компании.

Анимированные логотипы

Чтобы быть конкурентоспособным, нужно внедрять креативные идеи. Под ними подразумеваются анимированные логотипы, разработанные специально для сайта. Они оригинально выглядят и завораживают аудиторию. Пользователи привыкли видеть на экране статическое изображение. Когда картинка «оживает», посетители моментально обращают внимание на объект и задерживаются на сайте. Это главная причина, из-за которой анимированные логотипы всегда востребованы.

Синемаграфика

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

Темная тема

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

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

  Заказать дизайн сайта можно у наших специалистов.

Повышение конверсии сайта за счет дизайна и юзабилити

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

Коэффициент конверсии сайта: что это такое?

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

Как повысить конверсию сайта с помощью дизайна

Статистические данные говорят о том, что около 50% потенциальных клиентов и покупателей формируют мнение о компании на основании внешнего вида сайта. Если дизайн веб-ресурса посетителю нравится, он ознакамливается с ассортиментом продукции и с услугами. Это прямой путь к увеличению продаж и к получению прибыли.

Веб-дизайн — комплексная работа, под которой подразумевается проектирование пользовательских интерфейсов. Для получения идеального результата продумывается каждый момент, начиная с логической структуры сайта и заканчивая художественным оформлением. Дизайн является лицом бренда и компании. Во время пребывания на сайте у пользователя должны появиться эмоции и желания: ознакомиться с информацией об организации, рассмотреть каталог товаров, скачать прайс на услуги. Когда посетитель выполняет такие действия, дизайн разработан грамотно и профессионально.

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

  • красивые тематические иллюстрации — рисунки, поясняющие текст и создающие определенную атмосферу. Они могут быть авторскими или купленными в интернете. Иллюстрации являются частью визуального контента. С их помощью привлекается внимание к товару, дополняется статья, повышается интерес целевой аудитории к интернет-магазину. При наполнении веб-ресурса картинками нужно помнить о рациональности и не переусердствовать. Если иллюстраций много, это перебор;
  • шрифт — графические знаки, с помощью которых создается целостная стилистическая система. Они предназначаются для набора текста. От удобочитаемости шрифта зависит скорость восприятия информации. Чтобы посетителей все устраивало, нужно найти оптимальное решение. Как вариант, это может быть гротескный или антиквенный шрифт;
  • креативность — пользователям не нравятся шаблонные решения, которые встречаются на каждом шагу. Для привлечения внимания аудитории разрабатываются инновационные идеи. К примеру, интерактивные компоненты, нестандартные элементы, спецэффекты. Можно использовать любые креативные идеи, которые приходят в голову. Главное, чтобы они вписывались в общую концепцию веб-дизайна;
  • практичность — всем не угодишь, поэтому при разработке дизайна сайта нужно учитывать возраст аудитории. Если в интернет-магазине продаются молодежные аксессуары, дизайн должен быть ярким и динамичным. Для старшей аудитории идеально подходит классический стиль оформления сайта, для которого характерны нейтральные тона и отсутствие спецэффектов;
  • рациональное использование отрицательного пространства — имеется в виду пространство между элементами страницы. К примеру, между заголовком статьи и содержимым. Когда все сделано грамотно, посетители легко воспринимают информацию и запоминают ее. Это способствует повышению конверсии.

Элементы юзабилити, влияющие на конверсию

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

Юзабилити сайта — важный параметр, определяющий качество веб-ресурса. От того, насколько правильно все сделано, зависит процветание компании. Как же увеличить конверсию сайта за счет юзабилити? Мы подготовили несколько полезных рекомендаций:

  • отображение номера телефона в международном формате на всех страницах — пользователь легко найдет нужную информацию и свяжется с представителями компании, интернет-магазина;
  • строка поиска — такой элемент должен сразу бросаться в глаза. Строка поиска товаров находится в верхнем меню или в шапке сайта. Хорошо, когда используется функция автозаполнения: посетитель вводит первые буквы запроса и получает целое слово;
  • заметная кнопка для совершения целевого действия — после названия товара или после перечня технических характеристик размещается кнопка «Купить», «Заказать», «Скачать»;
  • удобство приобретения продукции в интернет-магазине — покупка товара без регистрации на сайте, заказ в один клик, предложение продолжить покупки или перейти к оформлению заказа;
  • ссылка на главную страницу — чтобы посетитель не заблудился на сайте, должна быть кнопка «Домой» или «На главную страницу». Еще для такой цели используется логотип. Клик по логотипу приводит к тому, что пользователь оказывается на главной странице интернет-магазина.

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

Заказать создание сайта и разработку дизайна можно у наших специалистов.

Что такое адаптивный сайт?

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

Адаптивный веб-дизайн: ключевые понятия

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

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

К главным признакам адаптированного веб-дизайна относятся такие положительные моменты:

  • картинки в автоматическом режиме подстраиваются под размеры экрана — это актуально, даже если при просмотре на компьютере они занимали все пространство;
  • отсутствие горизонтального скролла — на экране мобильного устройства отображаются картинки и текст. Не нужно переживать о том, что информация находится за пределами видимой области;
  • вертикальное ориентирование страниц — рациональное решение, благодаря которому облегчается ознакомление с контентом. Чтобы прочесть статью или рассмотреть коллекцию одежды, пользователю ничего не нужно менять;
  • удобство — элементы, расположенные в один ряд, не уменьшаются. Поэтому трудности с прочтением текста не появляются. Элементы автоматически перестраиваются так, чтобы сохранился изначальный размер и не ухудшилось чтение;
  • практичность — кнопки и другие кликабельные элементы показываются в нормальном размере. Пользователю не нужно подстраиваться, чтобы нажать на маленькую кнопочку.

Важность адаптивного дизайна для интернет-магазина

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

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

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

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

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

Плюсы адаптивного сайта

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

Этим преимущества адаптивного сайта не ограничиваются. Имеются и другие плюсы:

  1. Универсальность — адаптивный дизайн относится не только к смартфонам. Речь идет о любых устройствах, подключенных к интернету.
  2. Продвижение — адаптивные сайты нравятся поисковым системам. Веб-ресурс выводится в ТОП, а количество посетителей магазина увеличивается.
  3. Экономия ресурсов — не нужно тратить время и деньги на разработку сайта для разных устройств. Достаточно одной версии, которая будет работать на всех гаджетах.
  4. Рост продаж — при правильном отображении страниц увеличивается вероятность того, что пользователь снова зайдет в магазин и совершит покупку.
  5. Инновационность — специалисты внедряют актуальные идеи и разрабатывают креативные решения.

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

Заказать создание сайта можно у наших специалистов.

SEO или PPC

SEO-оптимизация и pay per click — эффективные инструменты, применяемые для развития бизнеса. У них есть свои особенности. Какие же рекламные каналы лучше использовать и для решения каких задач? Эти вопросы интересуют владельцев компаний и интернет-магазинов. Чтобы в них разобраться, нужно подробней рассмотреть каждый метод продвижения товаров и услуг.

SEO: что это такое и кому больше подходит?

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

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

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

PPC-реклама: принцип работы и особенности

PPC — инструмент, с помощью которого увеличиваются продажи и повышается узнаваемость бренда. В переводе с английского языка «pay per click» обозначает плату за клик. Это эффективная рекламная модель, используемая для продвижения сайта. Под ней подразумевается цепляющий заголовок и несколько предложений, соответствующих запросу пользователя или содержанию страницы. К примеру, если человек активно ищет в интернете беспроводные наушники, он видит рекламу по своим поисковым запросам. После прочтения завлекающего объявления пользователь заходит на сайт и с большой долей вероятности совершает покупку.

Рay per click — модель показа рекламы, ориентированная на оплату за каждый клик. Если пользователь видит рекламное объявление, но оно его не интересует, оплата не взимается. Когда пользователь нажимает на кнопку или переходит на сайт по ссылке, со счета заказчика списываются деньги. Все закономерно.

РРС — бизнес-инструмент, широко используемый в рамках интернет-маркетинга. Это эффективное решение, актуальное во многих ситуациях:

  • повышение уровня продаж;
  • вывод на рынок нового продукта;
  • рекламирование услуг компании;
  • продвижение товаров.

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

Главным принципом РРС является показатель эффективности рекламной кампании. Его обозначают тремя английскими буквами ROI. В переводе с иностранного языка «return on investment» — возврат инвестиций. Если сумма потраченных средств превышает прибыль, о хороших результатах говорить не приходится. Чтобы ROI был высоким, важна максимально низкая цена за каждый клик и большой процент конверсий. Тогда бизнесмены получают результаты, на которые рассчитывают. Это продажа товаров и продвижение услуг.

Преимущества SEO

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

  1. Долгосрочные результаты — контент, соответствующий запросам поисковых систем и пользователей, постоянно приносит прибыль. Полезные статьи привлекают внимание пользователей. Посетители возвращаются на сайт, рекомендуют веб-ресурс друзьям, совершают покупки.
  2. Рентабельность — выгода SEO-продвижения в том, что не приходится платить деньги за клики по баннеру.
  3. Потребительские предпочтения — 90% пользователям не нравится навязчивая реклама в виде текстовых блоков, графических баннеров, которая везде их преследует.
  4. Большое доверие — пользователи доверяют сайтам, которые находятся в ТОП-10. Это способствует повышению продаж.
  5. Невозможность «скликивания» бюджета — при использовании РРС недобросовестные конкуренты тратят чужие деньги с помощью кликов. При SЕО-продвижении такое не случается.

В чем плюсы pay per click?

Оплата за клик — рекламная модель, которая органично влилась в сферу маркетинговой деятельности. К ее плюсам относится:

  • быстрый результат — после показа объявлений сразу появляются новые клиенты. Они звонят в офис, оформляют заказы, пользуются услугами специалистов;
  • гибкие настройки — предусматривается возможность управления всеми показателями: временной таргетинг, регион. Объявления показываются в определенные часы и в конкретных городах;
  • контроль — владельцы бизнеса получают информацию о том, на что тратятся деньги. Данные выводятся в виде отчетов. В них указывается количество кликов, которые привели к переходам на сайт, и денежные расходы.

Так что же лучше?

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

Услуги по SEO продвижению и настройке PPC рекламы можете заказать у нас.

Разработка корпоративного сайта для компании ООО «ВЕКТОРТУЛ»

Цели

Создание лаконичного корпоративного сайта с элементами интернет-магазина для компании ООО»ВЕКТОРТУЛ»

Решения

Создание простого в навигации сайта с продающими элементами. Разработка дизайна в корпоративной стилистике компании.

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

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

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

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

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

Этапы выполнения проекта:

  1. Разработка прототипа, проработка навигации между страницами.
  2. Создание индивидуального дизайна сайта в корпоративной стилистике.
  3. Адаптивная верстка сайта.
  4. Наполнение сайта контентом, проверка работоспособности всех элементов и навигации.

Персональный сайт Татьяны Яненко “Texture.live”

Цели

Разработка имиджевого презентационного сайта.

Решения

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

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

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

Большие анимированные кнопки лаконично дополняют дизайн сайта.

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Проверка работоспособности всех элементов и навигации.

Разработка лендинга для GPS маяка SControl

Цели

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

Решения

Для увеличения удобства пользования ресурсом были добавлены точки захвата в виде кнопок и форм: «Купить SControl», «Заказать консультацию» и т.д. Контактные данные передавались в отдел продаж для последующей обработки и подготовки оборудования.

Цветовая стилистика сайта выполнена в соответствии с корпоративным стилем компании.

Разработка уникальных иконок в единой стилистике, которые визуально подчёркивают преимущества.

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

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

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Программирование и дизайн отдельных элементов
  4. Сбор информации и наполнение сайта контентом
  5. Подключение сторонних сервисов
  6. Проверка работоспособности всех элементов и навигации

Создание сайта для системы «MyWiFi»

Цель

Разработка информационного сайта с указанием направлений деятельности и основной информации о системе WiFi маркетинга MyWiFi. Использование корпоративных цветов и создание удобной навигации. Доступно сообщить пользователю об функциях и преимуществах системы.

 

Решения

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

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

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

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

Форма заказа связана с CRM системой Битрикс 24. Благодаря этой системе все звонки, письма, чаты с клиентами на сайте и в соцсетях сохраняются в CRM. Также можно отправлять клиентам письма, sms и автоматизировать продажи.

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Программирование и дизайн отдельных элементов
  4. Сбор информации и наполнение сайта контентом
  5. Подключение сторонних сервисов
  6. Проверка работоспособности всех элементов и навигации

Создание официального сайта для Гоголевского сельского совета

Цели

Создания информационного сайта с интерактивными элементами. Цветовая стилистика переплетается с гербом села Гоголев.

Решения

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

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

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

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

Этапы выполнения проекта:

  1. Разработка прототипа, проработка навигации между страницами.
  2. Создание индивидуального дизайна сайта в корпоративной стилистике.
  3. Адаптивная верстка сайта.
  4. Наполнение сайта контентом, проверка работоспособности всех элементов и навигации.

Сайт для ООО «Охрана и Технологии»

Создание корпоративного сайта для ООО «Охрана и Технологии». Разработка сайта с нуля – от прототипа и индивидуального дизайна до базового наполнения контентом.

Цели и задачи

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

Решения

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

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

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

На главную страницу вынесены отзывы клиентов – необходимый параметр выбора охранной компании.

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

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

Этапы выполнения проекта:

  1. Создание структуры сайта и прототипа на основе приоритетных услуг компании.
  2. Разработка индивидуального дизайна сайта в корпоративной стилистике.
  3. Адаптивная верстка сайта.
  4. Наполнение страниц контентом, тестирование работоспособности ресурса.
  5. Сдача проекта.

Создание сайта сети фитнес-клубов «Малибу»

Цели

Создание сайта с простой навигацией для сети фитнес-клубов «Малибу»

Решения

В рамках проекта самым сложным этапом стала проработка структуры сайта. Желание заказчика –удобное и простое в навигации отображение информации обо всех тридцати фитнес-клубов из сети «Малибу».

В качестве решения было предложено трехуровневое верхнее меню. Главная категория – города. При переключении автоматически меняются внутренние подкатегории меню, в зависимости от выбранного города.

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

На главной странице добавлен видеоряд и несколько точек захвата пользователя (кнопки на главных слайдерах и на экране с видеорядом).

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

На внутренних страницах клуба расположен блок с фото сотрудников центра.

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

Этапы выполнения работ:

  1. Разработка прототипа сайта со сложной структурой, но простой для пользователя навигацией.
  2. Создание индивидуального дизайна сайта в стилистике логотипа сети фитнес-клубов «Малибу».
  3. Адаптивная верстка сайта, подключение форм обратной связи.
  4. Проверка работоспособности всех элементов сайта и сдача проекта.

Разработка Landing Page для 99 FRANKOV ADVERTISING

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

Цели и задачи

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

Решения

Разработка адаптивной посадочной страницы с ярким узнаваемым дизайном. Использование работ компании в качестве фона для оформления лендинга. SMM-маркетинг (Facebook, Google+, ВКонтакте). Запуск контекстной рекламы в Google AdWords.

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

Портфолио с выполненными работами представлено в нижнем экране с разбивкой на типы работ.

Этапы разработки проекта:

  1. Разработка прототипа посадочной страницы: адаптивная верстка лендинга, яркий дизайн.
  2. Адаптивная верстка лендинга с использованием технологий CSS 3, Javascript, HTML 5, PHP.
  3. Наполнение лендинга контентом, добавление видеоролика с производством на фон страницы.
  4. Рекламная кампания в Google AdWords. Создание таргетированных объявлений по ключевым запросам с целью привлечения на посадочную страницу целевой аудитории и увеличения продаж.
  5. Ведение групп в социальных сетях. Неформальное общение с целевой аудиторией через социальные сети позволяет настроить обратную связь и взаимодействие с Клиентом.

Мессенджеры: зачем их использовать для продвижения вашего бизнеса?

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

Почему мессенджеры – отличная платформа для продвижения ваших товаров или услуг?

Ответов на этот вопрос целых два: популярность и удобство.
Чем характеризируется удобность любого инструмента? Люди скачивают приложения на свои мобильные устройства и планшеты. Эти гаджеты человек держит возле себя постоянно, даже пока спит. Именно поэтому мессенджеры являются активно используемыми программами
Какой мессенджер лучше выбрать для маркетингового продвижения?
Пользуйтесь общими критериями: уровень популярности программы (не забывайте также о популярности среди вашей ЦА), особенности товара, функциональность программы, наличие возможности использовать боты.
Мы составили список самых известных мессенджеров, которые вы можете использовать для маркетинговых целей.
WhatsApp

Согласно статистике 2017 года, WhatsApp является самым популярным мессенджером во всем мире. В Украине он стоит на втором месте по популярности.
На данный момент разработчики мессенджера только запускают тестирование инструментов, которые позволяют рекламщикам общаться с клиентами. Однако WhatsApp и сам превратился в инструмент для коммуникации компаний с аудиторией.
Выбирайте WhatsApp, если:
1) Вас интересует канал прямого взаимодействия с клиентами
2) Вам необходима система для коммуникации сотрудников
3) Ваша компания работает на международном рынке

Viber

Это наиболее распространенный мессенджер в Украине. Viber уже имеет инструменты для маркетинга, вовлечения и информирования аудитории.
Используйте Viber, если:
1) Ваша компания работает на местных рынках
2) Вам интересно протестировать и использовать новый канал распространения контента и привлечения клиентов
3) Вам нужен инструмент для коммуникации с пользователями и для общения внутри компании
Facebook Messenger
Этот мессенджер стоит на втором месте по популярности в мире. Его аудитория составляет практически миллиард пользователей. Программой пользуются для общения с друзьями, а также с подписчиками страниц компаний.
Выбирайте этот мессенджер, если:
1) Вы и ваша компания активно пользуетесь Facebook’ом
2) Вам необходим удобный канал для общения с клиентами и сотрудниками
Вас интересует альтернатива контактной форме на сайте. Facebook Messenger дает возможность посетителям сайта отправлять сообщения на страницу бренда в Facebook


Skype
Инструмент удобен для приватного общения с клиентами или партнерами. Программа охватывает около 300 млн пользователей со всего мира. При помощи Skype клиенты могут звонить вам прямо с сайта.
Когда обращаться к этому инструменту?
1) Если вы хотите организовать систему онлайн-поддержки клиентов
2) Если вас необходим канал для взаимодействия с партнерами и коллегами
3) Если вас интересуют видеозвонки и конференции

Telegram
Этот мессенджер выбирают те, кого очень беспокоит конфидициальность. Программа имеет просто невероятные меры безопасности: шифрования, секретные чаты и сообщения, которые сами удаляются. Помимо защиты конфидициальности, Telegram имеет развитую бот-инфраструктуру и возможность распространения брендированного контента.
Выбирайте Telegram, если:
1) Ваша компания нуждается в безопасных каналах общения
2) Вы готовы к взаимодействию с клиентами с помощью ботов
3) Вы хотите использовать все возможные каналы для привлечения новых пользователей и распространения контента.

Специально для тех, кто работает с восточными рынками — QQ и WeChat
На данный момент большая часть аудитории 3-го и 4-го по популярности проживает в Китае. Эти мессенджеры завоевывают симпатию пользователей из Южной Кореи, Таиланда, Индии и остальных стран Юго-Восточной Азии. Маркетологи WeChat строят грандиозные планы по покорению рынков Европы и Америки.
Программа многофункциональна: с помощью WeChat пользователи могут отправлять сообщения, совершать видеозвонки, обмениваться фотографиями и отправлять видео. Есть ли смысл использовать китайские мессенджеры уже сейчас? Ответ однозначно положительный, если у вас есть клиенты или партнеры в Азии.

Так же есть и другие популярные мессенджеры, которые вы можете использовать для общения: Google Hangouts, ICQ, QIP, Line и т.д. К тому же, ничего не мешает вам выбрать сразу несколько популярных каналов для ваших целей.

Одностраничный сайт Green Business Solutions

Создание одностраничного сайта на базе готового решения для группы компаний Green Business Solutions.

Цели и задачи

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

Решения

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

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Сборка и наполнение сайта контентом,
  4. Проверка работоспособности всех элементов и навигации.

Разработка Langing Page для франшизы сети фитнес-клубов «Малибу»

Цели

Создание посадочной страницы с высокой конверсией для франшизы сети Фитнес-клубов «Малибу»

Решение

В рамках поставленных клиентом задач был разработан сайт в цветовой гамме, гармонирующей с логотипом сети фитнес-клубов «Малибу». Ярким цветом (красным) выделялись основные точки захвата клиента (кнопки и формы обратной связи).

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

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

На одном из экранов расположена интерактивная карта локаций фитнес-клубов «Малибу». При наводке курсором пользователь видит количество клубов в той или иной области.

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

Этапы реализации проекта:

  1. Разработка прототипа посадочной страницы.
  2. Создание индивидуального дизайна Landing Page.
  3. Проработка конверсионных элементов и точек захвата клиентов.
  4. Верстка сайта. Адаптивная верстка с анимированными счетчиками и Parallax-эффектом на слайдерах.
  5. Проверка работоспособности ресурса и сдача проекта.

Landing Page для Lightbox.kiev.ua

Цели

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

Решения

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

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

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

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

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

Этапы разработки проекта:

  1. Разработка макета лендинга. На этом этапе дизайнер отрисовывает макет будущей посадочной страницы.
  2. Верстка. Адаптивная верстка с использованием анимации, интерактивного счетчика сроков выполнения работ позволила создать интересную и динамичную посадочную страницу.
  3. Наполнение посадочной страницы графическими и текстовыми элементами.
  4. Проверка работоспособности и запуск лендинга.

Ключевые слова: зачем они нужны для вашего контента?

Главной чертой интернета является то, что люди ищут в нем информацию. И самыми важными помощниками в этом вопросе выступают поисковые системы. Все происходит просто: человек вводит интересующий его запрос, а поисковик предоставляет ленту сайтов, соответствующих данному запросу. Чем выше находится в этом списке ваш сайт, тем больше вероятность, что пользователь его посетит. Так и возник SEO-копирайтинг – создание уникального контента с наличием ключевых слов, которые будет вводить пользователь. Безусловно, есть много других факторов, которые могут влиять на позицию сайта в поисковике: входящие ссылки, возраст домена, поведенческие факторы, посещаемость, траст и т.д. Но ключевые слова также имеют немаловажное значение. По заданным ключевым словам можно продвигать сайт в топ поисковой выдачи. Давайте разберемся, как же делать это правильно.

Где лучше размещать ключевые слова?

Есть несколько областей сайта, в которые нужно ввести нужные ключевые слова

  1. Заголовки и описание сайта (и каждой страницы в отдельности)
  2. Подзаголовки H1
  3. Содержимое
  4. Внутренние и внешние ссылки
  5. Текстовые описания к изображениям

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

10 советов по применению ключевых слов

  • Ключевые слова должны быть максимально приближены к запросам вашей целевой аудитории, общие фразы лучше избегать
  • Чем больше ключевое слово по размеру – тем вы ближе к вашей целевой аудитории
  • Главное ключевое слово следует поместить в заголовок текста
  • Если в текст необходимо ввести сразу много ключевых фраз, лучше применять их в булетах
  • «кривые» ключи (по типу «купить чехол айфон» не стоит использовать в текстах в прямом виде, лучше разбавлять их другими словами («купить силиконовый чехол на айфон»
  • Ключевые слова следует вводить в начало текста, но нельзя начинать с них
  • В предложении ключевое слово следует расположить как можно ближе к началу(но с него не начинать)
  • Нельзя использовать одинаковые ключевые фразы на разных страницах сайта
  • Предлоги и союзы нужно применять в ключевых словах (например «фотограф Днепропетровск» заменить на «фотограф в Днепропетровске»)
  • Ключевые слова нужно добавлять таким образом, чтобы они не были заметны читателю

 

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

Эффект IKEA: почему покупатели полюбят ваш продукт?

IKEA effect – это преувеличение ценности продукта покупателем, в создании которого он непосредственно брал участие. Феномен «эффекта ИКЕИ» впервые был исследован представителями Йельского университета и Гарвардской школы бизнеса. В рамках исследования участникам предлагалось собирать мебель или делать оригами. Результат всегда был один – своя работа всегда оценивалась субъективно лучше, чем творения других участников.

Эффект ИКЕИ работает и в рыночных условиях. В 50-х годах прошлого столетия впервые в производство была запущена готовая пекарская смесь для приготовления кексов. Хозяйки ее не восприняли – это было слишком просто. Маркетологи не меняли производство – они просто сделали смесь не такой идеальной, теперь для приготовления кексов нужно было добавить яйцо. Задача стала сложнее, и продажи пошли вверх.

Сегодня в бизнесе IKEA effect ассоциируется со скандинавским брендом мебели. Одна из концепций компании – предоставлять большое количество мебели с возможностью последующей сборки. Именно в ИКЕА удалось ярче всего реализовать концепцию «что смастерил, то и полюбил».

Парадокс, но люди готовы платить больше за то, к созданию чего приложили руку. Как использовать этот феномен в веб-разработке? Рассмотрим на примере UX.

IKEA effect в дизайне

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

Казалось бы, за готовый продукт, который не требует доработок и пользовательского участия, можно попросить больше – пропорционально тому времени, который потратила на его создание команда. Но эффект ИКЕА работает иначе: пользователь ценит продукт больше тогда, когда сам участвовал в его создании.

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

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

Несколько практических примеров для UX-дизайна:

  • Разрешите пользователям на свое усмотрение менять интерфейс приложения. Это могут быть оформления чатов, расположение вкладок, цвета. Таким путем давно пошли Whatsapp, Viber, Telegram.
  • Обыграйте товар – прямо на сайте пользователь сможет кастомизировать стандартную модель. Когда-то подобный вариант был доступен на сайте Nike: каждый посетитель мог создать свой дизайн кроссовок. Стоил он в несколько раз дороже дизайнерских моделей, но за уникальной, своей парой, становились в очередь.
  • Собирайте фидбеки. На сайте разместите форму обратной связи. Но сделайте ее немного нестандартной: попросите пользователей указать недостатки продукта или самого сайта. Обязательно реализуйте максимально возможное количество разумных правок. Вы увидите те стороны продукта, который не замечали раньше. Клиенты обязательно увидят влияние своего отзыва и оценят продукт гораздо выше.

Пробуйте: эффект ИКЕА – один из самых мощных инструментов нейромаркетинга. Его плюс в том, что вы тратите мало, а получаете огромную прибыль в виде лояльных клиентов и повышения ценности продукта в их глазах.

Зачем вам нужен Call Tracking?

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

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

Что такое Call Tracking?

В буквальном переводе Call Tracking означает «отслеживание звонков». По большому счету, этого объяснения вполне достаточно. Система работает с пулом подменных номеров: когда пользователь заходит на сайт, он видит не статический, а динамический номер и звонит по нему с переадресацией на основной номер компании. Сложно? Попробуем разобраться.

Когда пользователь заходит на ваш сайт, теги ремаркетинга автоматически сохраняют его cookies. Также работает и Call Tracking. Вы ставите тег на свой сайт, который и собирает данные об уникальных пользователях в свои отдельные списки. Система также сегментирует аудиторию по источникам трафика, ключевому слову, кампании и объявлению.

За каждым уникальным пользователем закрепляется такой же уникальный номер из предоставленного сайту пула. Так как система фиксирует и номер телефона, закрепленный человеком, и полученные cookies, при поступлении звонка в Call Tracking аналитику сразу попадают данные об источнике трафика.

Для чего нужен Call Tracking

Теперь самое главное – значение аналитики звонков для бизнеса.

Система позволит:

  • Снизить количество пропущенных звонков. По статистике, больше 30% входящих звонков просто теряются менеджерами. Каждый из них – ваш потенциальный клиент.
  • Отслеживать эффективные каналы рекламы и продвижения. Вы сможете просчитать не просто клики и CTR, а пойти дальше, считая звонки/конверсии и продажи. Это поможет выявить действительно работающие каналы, которые приносят прибыль вашему бизнесу.
  • Следить за качеством работы менеджеров и call-центра. Большинство систем Call Tracking предлагают возможность последующего прослушивания разговора. Это поможет проанализировать качество обслуживания клиентов.
  • Анализировать работоспособность установленных на сайте форм обратного звонка и подобных виджетов.

Рассмотрим возможности Call Tracking по каждому из пунктов более подробно.

Аналитика пропущенных звонков

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

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

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

Работа с рекламными каналами

Система Call Tracking показывает, насколько эффективно работает тот или иной источник трафика. Вы сможете сегментировать аудиторию, которая заходит из поисковой рекламы в Google, Яндекс, отдельно анализировать поведение трафика из социальных сетей.

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

Сегментирование целевых звонков

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

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

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

Если у вас возникли трудности с интеграцией системы – обращайтесь к нашим специалистам для использования инструмента в своих рекламных кампаниях.

Феномен Stories: как использовать исчезающий контент в маркетинге?

Сначала был Snapchat…Затем – Instagram. После – к ним присоединился Facebook. Все эти площадки объединяет одно – они используют формат Stories. Контент, который исчезает после публикации, стал настоящим хитом социальных сетей. Первая реакция маркетологов была чем-то вроде «а, да, интересно, я где-то слышал». Более того, многие были скептически настроены на внедрение функции в Instagram. Но как показало время, монетизация приложения соцсети после внедрения выросла, а сториз стали действительно интересны пользователям.

Как их использовать в маркетинге, чем отличается формат такого контента в разных площадках? Попробуем разобраться в возможностях нового канала для продвижения.

Краткий ликбез по stories

Принцип работы функции довольно прост. Вы снимаете видео или делаете фото, а затем контент исчезает (как правило, в течение 24 часов). В Snapchat такие записи стали настоящим культом – забавные рожицы в live-видео сделали соцсеть известной на весь мир.

В конце 2016 Stories появились и в Instagram, а весной 2017 – в ленте Facebook. Теперь такие видео и фото можно отправлять другу в личные сообщения – просмотреть их можно только один раз, через сутки они удаляются самостоятельно. В промо-ролике новой функции Facebook двусмысленно намекнули о том, что Stories идеально подходят для тех публикаций, которые вы любите делать в разгар шумных вечеринок с друзьями (а ведь раньше стыдно было удалять эти посты или находить у себя в ленте!).

Как использовать исчезающий контент в бизнес-целях?

Теперь самое интересное – рассмотрим несколько способов использования сториз для продвижения бренда или продукта.

  1. Реклама

В начале 2017 года Instagram анонсировали, что планируют запустить рекламу в сториз. Брендами, которые уже согласились на размещение рекламы в таких постах, стали L’Oreal, Nike, General Motors, Shiseido и пр. Согласитесь, эти ребята знают толк в маркетинге!

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

  1. Работа с лидерами мнений

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

Во-первых, если у блоггера активная аудитория, исчезающий контент получит большой охват. Если посты могут забрасываться в дальние закрома новостной ленты, то сториз всегда видны в ТОПе. Тот факт, что через сутки запись исчезнет – еще один стимул просмотреть ее прямо сейчас.

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

И последнее. Работая с лидерами мнений через сториз, вы получаете охват правильной и активной аудитории. Как правило, interaction rate в таких рекламных кампаниях гораздо выше, ведь люди склонны доверять тому, что рекомендуют их хорошие знакомые или авторитетные для них люди (поэтому сейчас мы и наблюдаем бум нативной рекламы).

  1. Life style блоги для бизнеса

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

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

  1. Промо-продукта или мероприятия

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

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

В историях можно рассказать о мероприятии, которое планируете скоро провести. Также, если вы запускаете стрим в Facebook – анонсируйте это в Instagram сториз и наоборот. Любые каналы привлечения пользователей должны работать, а тем более, такие активные, как истории.

Это лишь четыре базовых направления использования сториз в Инстаграм и Facebook для бизнеса. Вы можете вдохновляться примерами известных брендов и брать на вооружение новые идеи. Если не знаете, с чего начать – обращайтесь к нам, мы поможем использовать stories максимально выгодно для бизнеса!

AMP страницы в выдаче Google: что это, и кому они необходимы?

Еще в конце 2015 года Google анонсировал новый mobile-friendly инструмент – AMP страницы. Технология, предусматривающая создание отдельных страниц для упрощенной загрузки на мобильных устройствах, призвана сделать мобильный интернет удобнее, проще, и главное – быстрее. Рассмотрим, как работает AMP формат страницы, как он создается, и кому его лучше использовать.

Технология AMP

Accelerated Mobile Pages от Google – это новый формат мобильных страниц, которые создаются из открытой библиотеки AMP и избавляют сайты от лишней нагрузки в виде JS скриптов и дополнительных «фишек». С начала 2016 года AMP страницы появились в англоязычной выдаче, а осенью прошлого года – и в русскоязычном интернете.

Выглядят эти странички следующим образом:

Как видите, поисковик автоматически подтягивает на третью позицию в выдаче страницы, оптимизированные для просмотра с мобильных устройств. Более того, открывая одну из них, вы попадаете не на сайт, а условно остаетесь в поисковике. Вверху расположен слайдер, который позволяет листать AMP страницы, не возвращаясь в выдачу. Несколько кликов – и вы просмотрели все новости и контент, который предлагают отдельные ресурсы.amp в поисковой выдаче

Плюсы страницы с ускоренной мобильной загрузкой очевидны:

  • Быстрая загрузка. Google перенаправляет пользователя на сервер сайта, а на ближайший. Поисковик предварительно кеширует AMP страницы и отправляет их для загрузки на ближайший доступный юзеру сервер. Даже при паршивом интернете такие страницы должны прогружаться относительно быстро (до 3 секунд с полным отображением медийных элементов).
  • Сайты разного качества будут ранжироваться одинаково при поддержке AMP страниц. Это настоящая палочка-выручалочка для ресурсов с низкой органической выдачей. Специализируетесь на контенте – тогда под каждую страницу делайте AMP формат, и автоматически будете попадать на третью позицию выдачи в слайдер. Пока что конкуренция на AMP в русскоязычной выдаче очень маленькая – лишь небольшое количество сайтов оптимизировали страницы для ускоренной загрузки.
  • Открытая библиотека Google. Одновременным преимуществом и недостатком технологии стала открытая, но ограниченная библиотека для создания ускоренных мобильных страниц.

Как использовать AMP библиотеку

Для быстрой загрузки мобильных страниц Google предусмотрел три технологии:

  • CDN, основанная на прокси. Она кеширует все AMP страницы для ускоренной выдачи на ближайшем от пользователя сервере.
  • HTML. Адаптированный HTML с измененными для AMP тегами.
  • JavaScript. Активирует описанные далее теги, позволяет настроить кастомную AMP страницу. Технология не поддерживает пользовательские JS скрипты.

Пользовательские стили в ускоренных страницах не предусмотрены. Для этого используется отдельный тег от AMP. Размер самого прописанного стиля не должен превышать 50 Кб, все добавленные элементы мультимедиа следует прописывать сразу в HMTL для их кеширования и быстрой загрузки. Все шрифты страницы нужно загружать по линку или при помощи CSS через @font-face.

Сложности заключаются в том, что под ускоренную загрузку нужно создавать отдельную страницу, а не оптимизировать уже имеющуюся мобильную версию. Как быть в таком случае с дублем контента? Ответ дает сам Google: в заголовке основной страницы должна быть отсылка к AMP странице, а на последней – отсылка на материнскую страницу. Пример – на изображении ниже.

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

Работает ли AMP с популярными CMS? В последних версиях Word Press установлен плагин, поддерживающий страницы с ускоренной мобильной загрузкой. Можно внедрять их также на платформе Joomla через отдельные плагины. Сама технология поддерживается практически во всех популярных браузерах (Chrome, Opera, Mozilla Firefox, Safari и пр.).

Статистика и конверсии

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

В ускоренную страницу можно установить два тега. Первый – простой пиксель, который просто захватывает данные пользователя и не учитывает поведенческих факторов. Второй вариант более «прокачан» — тег, позволяющий синхронизировать AMP страницу с общей аналитикой по сайту. Он будет отображаться в Google Analytics со всеми стандартными параметрами: показатель отказов, время посещения, демографические данные о пользователях.

Итоги

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

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

Кому нужна подобная оптимизация? Тенденция такова, что без технологии не обойтись новостным сайтам и ресурсам, делающим ставку на контент. Технология разработана Google, а значит, для выдачи в поисковике будет иметь большое значение. Не нужны AMP интернет-магазинам, корпоративным ресурсам (разве что для информационных и новостных разделов).

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

Интеграция сайта с СRМ системой

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

После установки софта для автоматизации процессов, возникает необходимость перехода на следующую ступень – ступень интеграции всех сервисов, которые помогают бизнесу функционировать единым механизмом. Интеграция призвана объединять воедино все рутинные и автоматические процессы, которые лишь на этапе прямого взаимодействия с клиентом требуют «творческих» действий сотрудников. Сегодня поговорим о том, как и зачем интегрировать CRM систему с сайтом.

Зачем нужна связка CRM+сайт?

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

Хорошо, если вы приучили своих «продажников» заносить каждую обрабатываемую сделку в CRM вручную. Однако, глядя правде в глаза можно однозначно добавлять к лидам в CRM еще 20% и выше тех клиентов, которых менеджер не успел, не захотел или не смог внести в базу.

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

crm leads
Создание лида в CRM

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

Интеграция сайта и CRM позволяет:

  1. Задавать автоматические алгоритмы обработки входящих заявок.
  2. Синхронизировать CRM систему с телефонией.
  3. Подавать отчетность в едином стандарте, следить за активностью сотрудников.
  4. Формирование периодической статистики по процессам, сотрудникам, клиентам и задачам за заданный пользователем период.
  5. Стандартизация общения с клиентами.
  6. 100% обработка всех входящих звонков и заявок из сайта.
  7. Дополнительные возможности корпоративного внутреннего общения и коммуникации с клиентами.

Рассмотрим возможности и преимущества связки CRM системы и сайта подробнее.

Алгоритмы обработки входящих заявок

Без настройки CRM в связке с сайтом, заявка попадает к тому сотруднику, кто успел ее взять первым. В таком случае каждый должен дополнительно контролировать заявки в режиме реального времени. Как показывает практика, такой контроль ограничивается тем, что у сотрудников в фоновой вкладке открыта электронная почта, собирающая заявки. Некоторые из них «лежат» в ящике несколько суток, и горячий лид постепенно «остывает».

crm leads website
Автоматическое создание карточки лида

Как происходит ситуация в случае интеграции CRM и сайта? Заявка из онлайн-ресурса поступает сразу же в интерфейс СРМ. После этого система при наличии заданных ранее триггеров и алгоритмов сортирует контактные данные, формирует лид-карточку и перенаправляет ее на определенного сотрудника.

В чем плюсы:

  • Обрабатываются абсолютно все заявки в автоматическом режиме.
  • Возможность перераспределять нагрузку между сотрудниками и сортировать входящие заявки.
  • Отслеживание статуса обработки заявки администратором СРМ системы.

Синхронизация СРМ с телефонией

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

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

Некоторые СРМ предлагают отдельные мобильные приложения: к ним привязывается корпоративный номер, и сотрудник может звонить с использованием офисного номера в удаленном режиме. После повторного входящего звонка клиента СРМ выводит на экран контактные данные.

Плюсы интеграции с телефонией:

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

Формирование отчетов

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

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

invoices creation in crm
Инвойсы в CRM

Плюсы отчетности через интегрированную с сайтом СРМ:

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

Обработка 100% входящих звонков и заявок из сайта

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

При интеграции СРМ системы с сайтом все контактные данные клиента, заполненные через форму на сайте, автоматически попадают в категорию лидов с определенным статусом. Задав заранее триггеры, вы автоматизируете процесс перераспределения клиентов между сотрудниками компании. Так, заявки, заполненные с той или иной страницы сайта, попадают в отдел маркетинга, заявки на техобслуживание и техподдержку – в саппорт.

ecommerce with crm
Сегментация товаров из интернет-магазина в CRM

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

Плюсы обработки лидов с сайта через СРМ:

  • Обрабатываются автоматически все заявки из сайта.
  • Лид-карточки формируются программой.
  • Распределение клиентов между сотрудниками.
  • Возможна выгрузка статистики в удобном формате отдельно по каждому клиенту, общая сводка по лидам и сотрудникам.

Дополнительные возможности интеграции СРМ и сайта

Помимо описанных выше базовых возможностей, современная СРМ поддерживает и следующий функционал:

  1. Локальная сеть для сотрудников – обменивайтесь задачами, делайте объявления, обменивайтесь файлами внутри собственной сети. В такую сеть отдельно можно подключать клиентов.
  2. Интеграция с сервисами e-mail рассылки, СМС-рассылки. Хотите автоматизировать не только процесс продажи, но и общение с клиентами на всех этапах взаимодействия? Тогда интеграция с сервисами рассылок будет идеальным решением. После того, как запускается настроенный триггер (покупка, заявка, определенное время после покупки), клиент получает e-mail письмо или СМС (шаблон подготавливается заранее) автоматически через СРМ. Теперь сотрудникам не нужно постоянно держать в голове необходимость запустить рассылку клиентам по праздникам или участникам программы лояльности.
  3. Интеграция с бухгалтерией. Все оплаченные счета по сайту, онлайн-платежи можно проводить через СРМ. В системе будет оставаться общая сумма покупки, что позволит формировать детальные отчеты с суммой среднего чека, прибыльностью каждого отдельного клиента. Все эти счета могут в последующем выгружаться в 1С или другую бухгалтерскую программу.
  4. Управление контактами. Принимая заявки от клиентов в B2B сегменте, важно в последующем правильно наладить коммуникацию. В крупных или даже средних компаниях за каждым отделом закреплен отдельный номер: в СРМ можно сегментировать контакты по отделам, и объединять все номера в компанию.
  5. Облачное хранение. Большинство СРМ систем снимают тяжелую ношу и предоставляют услуги облачного хранилища для всех лидов и собранной статистики.
crm jivaya lenta
Живая лента сотрудников для общения

Одной, даже самой длинной статьи не хватило бы для того, чтобы полноценно описать возможности интеграции СРМ системы с сайтом. Одно можно сказать точно: практически все бизнес-процессы можно таким образом автоматизировать, а продуктивность работы – повысить в несколько раз. Осталось дело за малым – правильно настроить все сценарии взаимодействия и алгоритмы работы.

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

Перенос сайта с HTTP на HTTPS: кому и зачем это нужно?

После 2014 года Google и Яндекс объявили о том, что все сайты на протоколе http будут отмечаться в качестве небезопасных. Большинство веб-мастеров пропустили подобную ремарку поисковиков, но несколько месяцев спустя на форумах можно было наткнуться на сообщения о том, что сайт при прежних настройках оптимизации и рекламных кампаний слишком сильно просел в выдаче. Как оказалось, поисковики не просто стали особым образом отмечать сайты на новом протоколе, но и снизили качество и количество выдачи ресурсов на HTTP.

Если Вы до сих пор не перенесли сайт с HTTP на HTTPS – самое время задуматься над тем, когда это крайне необходимо, и как это правильно сделать. Об этом и поговорим в статье.

markirovka https saytov

В чем преимущества HTTPS?

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

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

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

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

what is tls protocol

Простыми словами, сайты на HTTPS протоколе воспринимаются (а по факту и являются) более надежными.

Кому нужен перевод сайта с HTTP на HTTPS?

Сразу отметим – даже сейчас, спустя два года после объявлений от Google и Яндекс, не все ресурсы переведены на рекомендуемые защищенные протоколы. Дело в том, что от отсутствия такого безопасного соединения страдают не все сайты, а только некоторые.

В обязательном порядке перевести сайт на защищенный протокол HTTPS следует:

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

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

перенос сайта на https

Переход сайта с HTTP на HTTPS: выбираем сертификат

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

На данный момент доступны несколько вариантов таких сертификатов безопасности для переноса сайтов на HTTPS:

  1. Одиночный сертификат для одного доменного имени. Подходит для цельного ресурса любой емкости и с любым количеством страниц.
  2. Многоуровневый сертификат для нескольких защищенных источников (.com, .net и пр.).
  3. Сертификат безопасности для одного источника, но для разных доменных имен (a.sitename.com, b.sitename.com и пр.).

Также различают OV, EV и DV сертификаты. Первые подтверждают не только домен, но и организацию, которой он принадлежит (такой SSL предназначен для государственных учреждений, в Украине у них доменное имя содержит .gov). EV сертификаты используются для интернет-магазинов и ресурсов непосредственно связанных с электронной коммерцией, такой же сертификат используют некоторые социальные сети, например, Twtter. Установка EV сертификата занимает до пяти дней. Наиболее распространенный тип сертификата безопасности – OV. Он отличается наименьшей защитой, подходит для тестовых и внутренних сайтов, а также для ресурсов, не связанных с электронной коммерцией.

Как перенести сайт с HTTP на HTTPS?

Сам перенос сайта с HTTP на HTTPS не ограничивается исключительно выбором и покупкой сертификата. Для того, чтобы правильно перевести все страницы и элементы ресурса на защищенный протокол, понадобится от 12 часов и больше, в зависимости от того, насколько емкий ресурс, и как сильно вы будете торопить программиста:)

Невнимательный перевод сайта с HTTP на HTTPS протокол чреват тем, что некоторые страницы просто потеряются, слетят внутренние и внешние анкоры, страницы перестанут индексироваться. Как результат – позиции в выдаче серьезно просядут, и трафик пойдет вниз. Как правильно перенести сайт с HTTP на HTTPS? Выполнить перенос абсолютно всех элементов ресурса и не забыть сообщить об этом поисковикам.

Что нужно сделать в обязательном порядке:

  1. Переадресация URL. Для переадресации ресурса на новые адреса с HTTPS перед доменным именем, можно использовать динамические ссылки относительно домена или относительно протокола. Не забывайте, что нужно использовать 301 редиректы, о значении которых мы уже писали ранее.
  2. Проверка внутренних ссылок. Если внутренние страницы сайта линкуются друг с другом (вероятнее, так и есть на сайте с двумя и более страницами), все внутренние анкоры также нужно заменить на относительные ссылки.
  3. Проверка изображений и других ссылок. Все кликабельные элементы на сайте и на внешних ресурсах с адресами должны быть также исправлены на относительные ссылки или на новые адреса, но уже с указанием HTTPS протокола вместо HTTP.
  4. Проверка файлов robots.txt и тегов noindex – во время переноса сайта страницы закрываются от индексации, после завершения всех работ не забудьте их снова открыть для индексации. О значении файла robots.txt и тега noindex мы уже писали ранее.
  5. Обновление карты сайта.
  6. Работа с Google Webmaster Tools. После переадресации всех внутренних страниц, изображений и элементов ресурса, сайт необходимо заново отправить на индексацию поисковикам. Для поисковых систем обновленный ресурс – совершенно новый, даже с полным совпадением доменного имени.

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

Основные принципы правильного UX дизайна

Графический дизайн – это не просто фигуры, цвета, их соотношение и пропорции. Современное веб-пространство должно ориентироваться на один, самый главный показатель – удобство использования (юзабилити). Пользовательский опыт на сайте должен быть крайне позитивным, иначе – большинство из юзеров просто не вернется на сайт, а значит, шансы на конверсию уверенно стремятся к нулю.
Мы постарались собрать главные принципы UX дизайна посадочных страниц в одном материале. Безусловно, их может быть гораздо больше, у вас со временем и опытом могут появляться собственные фишки и секреты – смело делитесь ими в комментариях и дополняйте наш материал.

Не забывайте о правилах визуальной иерархии.

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

  • Польза от продукта, товара услуги – зачем это нужно пользователю, почему он не должен закрыть лендинг после трех секунд просмотра?
  • Как использовать продукт – почему удобно заказывать здесь, а не найти товар или услугу через поисковик и заказать на привычном ресурсе или купить в магазине?
  • Для чего это нужно именно пользователю – как продукт решает проблемы, и какие именно трудности он может решить.

Правильное визуальное расположение элементов лучше помогает определить пользователю, куда дальше ему идти: скролить, кликать на страницу, переходить в другой пункт меню и пр. Именно правильная визуальная иерархия должна отделять важное от второстепенного на сайте, она помогает ориентироваться в структуре ресурса и направляет пользователя на совершение конверсии.
Хорошим примером правильно настроенной визуальной иерархии может стать официальный сайт Apple – посмотрите, насколько лаконично и удачно вынесены на заглавный слайдер флагманские продукты (в данном случае – iPhone 7). Благодаря лаконичной подаче информации и правильной иерархии форм на сайте заблудиться практически нереально: слайдеры кликабельные, наверху разделы сегментированы по продукции.

iphone 7 slider

Позвольте сайту «дышать»

Так называемый white space несет огромную ценность для UX дизайна. Он позволяет пользователю лучше сориентироваться в интерфейсе и принимать решения. Все важные элементы и якоря визуальной иерархии разделены от второстепенного контента. Свободное пространство не обязательно должно быть белым или черным, оно просто должно легко отделяться от основных конверсионных элементов страницы.
Отличный пример – у Samsung. При скроллинге можно увидеть несколько секций только с изображением продукта, кратким заголовком и почти «невесомой» кнопкой подробнее. Дизайн не перегружен элементами, достаточное количество пространства помогает сконцентрировать внимание на продукте и помогает пользователю принять правильное решение, не отвлекаясь на второстепенную информацию.

screenshot samsung site

Навигация должна быть максимально простой и понятной

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

Не забывайте об адаптивности

Все больше людей используют смартфоны для поиска информации в интернете. Даже если конверсия совершается преимущественно с ПК, то ищут вас из сферы мобайла, а затем целенаправленно переходят на заинтересовавший ресурс через запрос в поисковике. По последним данным, больше половины пользователей утверждают, что в случае неудобного мобильного сайта или отсутствия адаптивного интерфейса в принципе, желание переходить на «полноразмерную версию» пропадает вовсе.
Очень важно проработать удобную навигацию и пользовательский опыт во всех версиях сайта, адаптивный дизайн – это уже не преимущество, а простая необходимость. Не нужно выносить на мобильную версию все пункты из полноценного десктопного варианта – все должно быть максимально понятно и лаконично, пункты меню должны находиться друг от друга на расстоянии, достаточном для того, чтобы идентифицировать касание и перенаправлять пользователя на необходимый ему раздел меню.
Стандартная схема – перемещение меню на левую (или правую) сторону экрана. Как пример, десктопная и мобайл версия сайта интернет-магазина косметики Makeup.

makeup mobile version

makeup desktop version

Последовательность – главное правило

Ключевым принципом юзабилити сайта признается и последовательность. Она означает, что все элементы дизайна должны быть выдержаны в одном стиле. Забудьте о бурной фантазии при выборе шрифтов или оттенков. Ограничьтесь одним стилистическим набором – буйство красок и форм только сбивает пользователя с пути конверсии.
Есть «незыблемые» элементы дизайна, отступать от которых не следует отступать
Зачастую желание быть во всем лучше, креативнее и оригинальнее всех может сыграть с вами злую шутку: пользователи просто не поймут подобных порывов. Стандартные паттерны должны соблюдаться, а если вы очень хотите попробовать что-то новое, то обязательно предварительно протестируйте это.

Честность – превыше всего

Дизайн и интерфейс сайта должен завлекать, но не должен обманывать. Продукт или компания должны вызывать положительные эмоции и стопроцентное доверие. Визуальное подтверждение качества или отзывы – все это не помешает. Отличным решением станет видеоконтент, рассказывающий об особенностях товара и его основных характеристиках (задумайтесь, зачем на и без того успешной «Розетке» появились видео-обзоры гаджетов?).
По статистике, больше 70% людей положительно реагируют на видео-контент и решаются на конверсию.

Без тестов – никуда

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

karta klikov yandex

KISS на сайте просто необходим!

Под таким забавным названием скрывается едва ли не основной принцип UX- дизайна – «keep it simple, stupid!». Посадочная страница должна быть максимально проста, пользователь не должен думать – он должен в течение первых нескольких секунд на сайте уже понимать, что этот товар ему нужен. На лендинге детально прорабатывается только один путь – путь, который ведет к конверсии.
Для соблюдения принципа KISS вы должны ориентироваться на гармоничное соотношение цветов и шрифтов. Цветов на странице должно быть от трех до пяти. При этом, один из них будет основным, другой – вспомогательным, а 10% отведите на цветовой акцент.
Шрифты должны быть читабельны, лучше использовать два вида шрифта – один для текста, другой подойдет для оформления заголовков.
Добавляя новый элемент дизайна или навигации на посадочной странице, задайте себе вопрос о том, повлияет ли он на эффективность ресурса и принесет ли пользу? Только положительный ответ означает необходимость присутствия элемента в интерфейсе.

Критичные ошибки SEO оптимизации сайта: находим и исправляем

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

В этом материале мы адаптировали материал Джо Робинсона из Green Flag Digital, и готовы рассказать, какие проблемы внутренней оптимизации сайта можно и даже нужно закрывать уже сегодня.

Сначала разберемся с простым вопросом «Зачем мне это нужно?». Техническое SEO часто остается за пределами внимания классических маркетологов и даже самих SEO-специалистов. Оптимизатор работает с технической составляющей, не всегда делая упор на возможность дальнейшего продвижения, а SEO-специалист, в свою очередь, занимается только оптимизацией контента.
продвижение сайта сео

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

Но не все так критично: есть и приятная новость. Заключается она в том, что подавляющее большинство ошибок внутренней оптимизации решаемы и преодолимы, и главное – они очень просты и до банального понятны. Не обязательно попадать в серьезное ДТП, чтобы автомобиль пострадал – достаточно просто не посещать СТО и не заливать масло в двигатель. Поговорим о тех ошибках оптимизации ресурса, которые вы можете закрыть уже сегодня и дать шанс вашему сайту двигаться вперед.

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

Проверьте индексацию.

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

Можно ли рассчитывать на появление в выдаче тех страниц, которые не видят поисковые машины? Нет.

Можно ли получить органический трафик с такого сайта? Ответ опять же отрицательный.

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

Вбейте в поисковик Google название сайта через оператор «site:». В результатах поиска Google (или Яндекс) покажут, сколько страниц находится в выдаче. Сопоставьте данные и проверьте, все ли страницы индексируются должным образом, появляются ли в результатах поиска те страницы, которые индексировать не стоило бы?
как проверить индекс страниц сайта

Что делать дальше?

  1. Проверьте все страницы и поддомены вашего ресурса – это особенно важно для крупных интернет-магазинов, блогов и информационных ресурсов.
  2. Проверьте устаревший ресурс, отключите индексацию его страниц или включите редиректы на новые адреса.
  3. Избавьтесь от спама на страницах – он также влияет на индексацию страниц.
  4. Поговорите с оптимизатором о том, что именно мешает страницам индексироваться или закажите услугу комплексного SEO продвижения у нас.

robots.txt

По словам Джо Робинсона, самой большой и катастрофичной ошибкой в SEO может быть просто слеш (/), неправильно поставленный в файле robots.txt. В идеале файл показывает поисковикам, какие страницы или элементы содержания сайта не нужно индексировать. Яндекс принимает указания robots.txt в качестве обязательных, а для Google – это просто рекомендации, которые он может игнорировать.

Поверьте, такая небольшая ошибка погубила уже не один десяток сайтов в выдаче. Если в поиске вы видите надпись «Описание веб-страницы недоступно из-за ограничений в файле robots.txt», то она разрушает и ваш ресурс.

Что делаем?

Пройдите по адресу «ваш сайт»/robots.txt – в окне вы увидите, какие файлы закрыты от индексации поисковиками. Если же вы увидели

User-agent: *

Disallow: /

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

Что дальше

  1. Поговорите с оптимизатором, обсудите, какие страницы и контент закрыт от индексации.Disallow / в некоторых случаях необходим.
  2. Для больших ресурсов нужно проверять файл для каждого поддомена отдельно.

NOINDEX

NOINDEX –настоящая угроза для дальнейшей оптимизации вашего сайта. Если предыдущий «шпион» носит только рекомендательный характер для того же Google, то NOINDEX безоговорочно закрывает страницы сайта от индексации поисковиками.

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

Что делаем?

На коде страницы не должно быть такого:

 

 

 

В 90% случаях вы хотели бы видеть возле страниц “Index, follow”, так что наличие выше описанных строк нужно принять настороженно и уточнить их необходимость у оптимизатора. Для проверки всех страниц воспользуйтесь сервисом Screaming Frog.

Как исправить?

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

Канонизация URL страниц

Пользователи часто не замечают разницы между www.sysale.ua и www.sysale.ua.html, но Google видит и замечает все (не знаем, хорошо это или плохо). Такие страницы рассматриваются поисковиком как дубли, хотя упрощают для пользователей доступ на целевые страницы сайта. Популярность каждой страницы, разбитой на несколько урлов, падает. И что же делать?

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

Что делаем:

Проверьте вручную дубли страниц под разными урлами. Проверьте HTTP и HTTPS версии сайта – для них тоже должен быть только один урл. Поработайте с оптимизатором над редиректом 301. Особенно важно регулярно мониторить такие урлы владельцам крупных порталов и интернет-магазинов.

Rel=canonical

Этот тег, кстати, может стать одним из решений проблемы дублей страниц. Он полезен также в том случае, когда контент дублируется на разных страницах. К примеру, синий диван от ООО «Радость» в вашем каталоге может находиться в подразделе диванов, а также в коллекциях по тегам «для детской» или «синие». Естественно, у них будет разный урл, но одинаковый контент – а это все тот же «дубль», от которого лучше избавиться.

Официальный «релиз» rel=canonical состоялся еще в 2009 году, но многие, почему-то, забывают о нем и до сих пор. Принцип его работы очень прост: урлы подкатегорий и тегов настраиваются с указанием на основной урл. Так поисковики не воспринимают их дублями. Практически все CMS платформы поддерживают этот тег.

Текст в изображениях

Не так давно в сети прошел слушок о том, что Google теперь может извлекать текст из изображений формата .jpeg, .gif. Спешим вас уверить, что это не так: поисковые алгоритмы пока еще не позволяют это сделать. Но вот с PDF форматом все не так радужно: в некоторых случаях поисковик уже может определять релевантные запросы и в документах такого формата. Ниже – наглядный пример (подчеркнуты слова, выделенные Google жирным в качестве релевантных запросов).
гугл видит текст на пдф

Вывод отсюда один – пишем уникальный контент, файлы  PDF формата – также конкуренты по уникальности (хотя программы для проверки их не распознают). Кстати, о вопросе к внешнему продвижеию: лучше помещать ключевые фразы в H1, заодно и проверить их структуру на странице.

Что делать?

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

«Битые» обратные ссылки

Головная боль всех больших ресурсов (и недобросовестно сделанных) – это неправильная работа обратных ссылок. Ошибка 404 часто появляется при «переезде» сайта, и очень сильно «бьет» по конверсионным страницам. Проверить их в автоматическом режиме позволяет Google Search Console.

Не выбираем между HTTPS и HTTP

С 2017 года Google начнет отмечать http сайты, в которых требуется ввести пароль или данные кредитных карт, как ненадежные. В скором времени все сайты http попадут под безжалостный фильтр поисковой системы.  При помощи Screaming Frog проверьте протоколы всех страниц и переведите их на «безопасную» версию.
screaming frog использование

Редиректы 301 и 302

Золотое правило оптимизатора гласит – «лучше не использовать 302 там, где можно использовать 301». Не всегда 301 можно использовать вместо rel=canonical и ошибки 404, но иногда этот постоянный редирект спасает.

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

Что делаем?

Опять же – тщательная проверка всех страниц сайта, настройка редиректов 301 там, где их можно использовать вместо 302. Не меняйте все 404 ошибки на редиректы 301 – делайте это только на конверсионных страницах и тех, где важно не потерять трафик.

Карта сайта

Карты сайта – необходимы. Так Google легче проверить и проиндексировать сразу все страницы. Особенно важна карта в случае, если сайт действительно большой, в нем содержится множество архивных страниц, которые не всегда залинкованы к действующем. Не забывайте обозначать расположение карты сайта в файле robots.txt, удаляйте старые карты сайта. Добавляйте в Google Search Console самые «свежие» версии карты сайта.

Слова на странице

Проверяя страницу с содержанием 200 слов, вы можете увидеть показатели и в 8000-9000. Такая бессмыслица может быть связана с неполадками в коде. Так, иногда тексты в шаблонах, которые должны отображаться на одной странице, в коде прописаны на всех и закрыты в CSS при помощи Display: none. Проверьте подобные проблемы и устраните их. Это существенно снижает скорость загрузки страниц, а она становится приоритетной для ранжирования страниц в эпоху роста мобильного трафика.

Скорость

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

Проведите аудит сайта и определите «самые медленные» стороны ресурса. Доработайте код, контент и другие аспекты для увеличения скорости.

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

Пользовательский контент: как заставить клиентов работать на Вас?

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

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

пользовательский контент

Преимущества пользовательского контента

Какие плюсы UGC обуславливают его популярность в рекламных кампаниях ведущих брендов? Давайте рассмотрим.

  1. Доверие

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

  1. Увеличение охвата.

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

  1. Виральность

Вы уже слышали о том, что виральный контент создавать сложно, а предугадать масштабы его распространения – действительно сложно? Но если вы хотите попробовать – обратите внимание на UGC, это один из наиболее простых способов добиться виральности. Каждый из нас хочет и будет делиться со своими друзьями в соцсетях собственными творческими достижениями: фото, видео или рецензиями.

  1. Рост органического трафика

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

пользовательский контент влияние на трафик

  1. Увеличение конверсии

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

Основные виды UGC контента

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

Не так давно интернет-магазин Stylus запустил проект, в котором предложил аудитории придумать для них слоган. За призовые места можно было получить ценные призы, а финалистов выбирали также – общим голосованием.

название стилуса конкурс

Отзывы

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

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

Пользовательские обзоры

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

К пользовательским отзывам относятся также и рецензии. Именно благодаря им такие сайты, как Кинопоиск или IMDB стали так популярны среди пользователей: там можно подобрать похожие фильмы, узнать «экспертное» мнение о том или ином фильме.

IMDB отзывы сайт

Пользовательское творчество

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

Крупные бренды даже не стимулируют пользователей создавать контент – они это делают сами. Например, немецкий студент по собственной инициативе отснял рекламный ролик для Adidas, который стал хитом интернета.

Стратегия вашей UGC компании

Для запуска собственной компании по привлечению пользователей к созданию контента, необходимо пройти несколько этапов:

  1. Цели использования UGC контента. Для чего вам нужны комментарии, отзывы или фото? Популяризация бренда, поиск новых свежих решений, увеличение числа подписчиков, лояльность. Это далеко не закрытый список – ищите нестандартные решения, возможности пользовательского контента безграничны.
  2. Идея и тип контента. Здесь нет универсальных рецептов – анализируйте свою целевую аудиторию. Молодежь проще идет на активные действия – именно поэтому молодой аудитории Старбакса было несложно разработать дизайн кружки, а вот потенциальная аудитория, состоящая из людей 40+ охотнее откликнется на отзывы или shares.
  3. Продумайте вознаграждение. Победителям можно предоставить скидку, бонусы, опубликовать весь контент в социальной сети (применимо для крупных брендов, у которых уже выстроены долгосрочные отношения с клиентами) или же вручить ценные призы.
  4. Устройте промоушн кампании. Разместите на своих корпоративных аккаунтах сообщение с условиями участия и дедлайном. Не ставьте сложные задачи – так меньше вероятность получить достойный отклик. В социальных сетях проще всего запускать компанию по созданию пользовательского контента – все идеи можно собирать по одному общему хэштегу.
  5. Не забывайте анализировать результаты: конверсии, количество подписчиков и другие параметры согласно цели, продуманной до старта кампании.

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

Факты и цифры о нативной рекламе

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

Определяемся с терминами

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

нативная реклама как выглядит

Секреты популярности такой рекламы

Согласно мнению аналитиков, к 2020 году нативная реклама займет бОльшую долю на рынке и составит 56% всего рекламного контента в интернете. Исследования HIS озвучивают даже более впечатляющие цифры, отдавая нативной рекламе больше 63% доли на рынке.

Так почему же такая реклама настолько популярна?

  1. Пользователи не видят банеров. Еще в конце 20-го века маркетологи говорили о том, что пользователи просто не замечают банеры. Подобное явление получило название банерной слепоты: нативная реклама становится предметом внимания на 53% чаще, чем очевидно рекламный контент.
  2. Ads-блокировщики. Многие браузеры поддерживают установку расширений, которые позволяют блокировать всплывающие окна и рекламные банеры. Контент может просто попасть под их фильтр. Но нативную рекламу блокировщики не трогают: она органично вписывается в контент страницы и даже приносит человеку определенную пользу.
  3. Потребительское поведение. Методы традиционной рекламы строились на том, что человеку нужно максимально быстро продать товар. Однако, исследования показывают, что люди готовы покупать только в случае, если продукт или услуга им действительно нужны, или тогда, когда отношения бренд-клиент уже выстроены, и покупатели воспринимают компанию как часть своей жизни. Нативная реклама на 53% сильнее стимулирует к покупке.использование нативной рекламы

Формы нативной рекламы

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

  1. Рекламные объявления в поисковой выдаче Google и Яндекс. Больше 40% пользователей не замечают объявления, помеченные маркером «Ad» и воспринимают их в качестве органических результатов поиска. Более того, более 60% подростков в возрасте до 15 лет вообще не отличают платные позиции в выдаче и органические результаты.
  2. Скрытые рекламные публикации в социальных сетях. Так, они тоже отмечены пометкой «Реклама», но не раздражают, так как выглядят органично в новостной ленте и таргетированны по интересам пользователей. Такой инструмент поддерживают Facebook, Instagram, Vkontakte.
  3. Рекомендательные публикации. Характерен для информационных порталах, в которых в блоках Рекомендаций или «Читайте также» могут появляться спонсорские материалы. Они соответствуют органическому контенту ресурса и по качеству, и по наполнению. Подбираются по интересам пользователя, а не вслепую отображаются во всех рекомендациях.нативная реклама партнерский материал
  4. Брендированные материалы. Также размещаются на информационных ресурсах. Такие материалы пишутся в сотрудничестве с рекламодателем. Он также соответствует общему качеству наполнения сайта.
  5. Спецпроекты. Необычный формат рекламных кампаний, который предусматривает взаимодействие с пользователем. Создание контента, участие в игре, прохождение опросников и пр. К примеру, отлично работать с таким контентом получается у ребят из Медузы, где вперемешку с редакторскими тестами органично вписываются и партнерские материалы.

Оценка эффективности

Нативная реклама с точки зрения аналитики и оценки эффективности мало чем отличается от традиционных рекламных кампаний. Кликабельные ссылки оценивайте по CTR или конверсии, спонсорский контент по вовлеченности и показателям охвата аудитории.  При использовании нативной рекламы не следует путать ее с бренд-журналистикой: она лишь инструмент медиастратегии. Также – это не заказные статьи. Она поддерживает общее качество контента на страницах сайта и не противоречит интересам целевого пользователя. Такой тип рекламного сотрудничества – максимально эффективен и не вызывает раздражения аудитории.

Универсальный рецепт написания цепких заголовков

Заголовок для статьи, поста или публикации отвечает на главный вопрос о том, быть или не быть успеху материала. Если контент – это главный ингредиент, то заголовок – соус, без которого даже самый изысканный шедевр, увы, не «заиграет». Заголовок должен цеплять с первого взгляда: среднестатистический пользователь не тратит на один информационный материал больше 8 секунд.

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

bad geadings

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

1. Выгода

«Зачем мне кликать ссылку/читать статью/смотреть видео?» — вопрос, возникающий на подсознательном уровне у каждого пользователя. Заголовок должен отвечать на него четкой и прозрачной выгодой. Сравните сами:

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

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

2. Специфичность

Самый простой пример индивидуализации заголовка – цифры. Их использование особенно актуально для обширных материалов и тем. К примеру, название «Эффективный тайм-менеджмент» слишком размыто, оно не говорит о том, сколько времени понадобится для получения навыка и звучит совсем не убедительно. Но если добавить «7 шагов к эффективному тайм-менеджменту», то становится понятно, что сложный процесс разбит всего лишь на семь шагов. Этот прием будет эффективен для различных инструкций, гайдов и рекомендаций.

Небольшой секрет: круглые цифры часто вызывают недоверие и выглядят слишком «натянуто». Так, будто автор специально дотягивал советы до 100 или 200 или намеренно убрал что-то важное. Числа вроде 36 или 213 выглядят более реалистично и вызывают доверие.

3. Позиционирование

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

4. Таргетинг

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

5. Интерес

Заголовок должен заинтересовать. Для этого можно использовать несколько приемов:

  • Метафора. Названия с метафорами слегка эксцентричны и лучше запоминаются. Например, популярная в сети книга «Когда Бог был кроликом» (С. Уинман), «Человек, который принял жену за собаку» (О. Сакс) и прочее. Но такие заголовки не просто придумываются «из головы», их нужно хотя бы косвенно обыграть в тексте.
  • Аллитерация – незаметный прием на первый взгляд поможет сделать заголовок узнаваемым. Это ближе к поэзии, чем к прозе, но работает всегда безотказно. Заключается в повторении первых букв слов в заголовке. К примеру, Dunkin’ Donuts, Rolls Royce, Best Buy. В литературе также встречаются такие приемы: «Три Товарища» (Э. М. Ремарк), «The Great Gatsby» (Ф. Фитцджеральда) и пр.
  • Противоречия (оксюмороны). Выражения, которые на первый взгляд кажутся нелепыми или, как минимум, странными. Например, немного странно звучит название «Невыносимая легкость бытия» (М. Кундера), «Монах, который продал свой Феррари» (Р. Шарма) и пр. Не следует путать такие противоречия с обманывающими читателя заголовками, в которых Вы пообещаете заработать миллион за две минуты или стать профессиональным дизайнером после прочтения статьи.

alliteracii metafory zagolovka

6. Диалог

Диалог с читателем – это одновременно и выгода, и простое обещание, сформулированное максимально просто. Отличный пример – бестселлер Алена Карра «Легкий способ бросить курить». Здесь нет очевидного призыва к действию, но прослеживается выгода, а обращение к читателю – максимально простое и понятное. К таким заголовкам следует отнести и название популярной книги основателя Virgin Atlantic Ричарда Бренсона «К черту все! Берись и делай!». Такие заголовки отличаются наивностью и очевидностью, которая не отталкивает, а наоборот, привлекает читателя.

7. Краткость

Создавая длинный заголовок, помните, что краткость – это всегда плюс. Вспомните, что Хемингуэй однажды написал рассказ всего из четырех слов «Продаются детские ботиночки. Неношеные» — так ли нужен Вам большой заголовок? Отсекайте все лишнее и оставляйте суть.

8. Подзаголовок

Приятное исключение к предыдущему пункту: если не можете слишком сильно сократить название без потери смысла, используйте подзаголовки. Они могут быть в несколько раз больше заглавия и раскроют его смысл. Например, мемуары Г. Марша называются «Не навреди. Истории о жизни, смерти и нейрохирургии». Подзаголовок раскрывает суть произведения, но читатели чаще всего ищут и запоминают только первые два слова.

9. SEO

Если речь идет о веб-заголовках, постарайтесь включить в название популярные поисковые запросы. На момент написания материала у вас в голове уже есть тема и «скелет» заглавия. Возможно, придется заменить некоторые слова синонимами, чтобы «подогнать» под поисковики название.

10. Берите сразу несколько!

Никто не ограничивает вас в использовании сразу нескольких методов, описанных выше. Если это возможно, то используйте аллитерацию и метафору одновременно, добавляйте цифры и выгоду. Все сразу использовать невозможно, но чем больше приемов (уместных!) в заголовке и подзаголовке – тем лучше.
pravila sozdania zagolovkov
Небольшая короткая памятка о том, что должен включать идеальный заголовок. За каждый пункт можно записывать одному из вариантов названия по одному баллу и в конечном итоге оставить тот, который получит их больше всего.

15 советов по ведению аккаунта в Facebook

Количество подписчиков в Facebook зависит не только от контента и продвижения рекламных постов, но и от правильного оформления и ведения аккаунта. Обратим внимание на несколько простых, но важных аспектов для более эффективного продвижения в Facebook.
1. Оригинальная обложка. Большинство пользователей соцсетей – визуалы (это касается не только Instagram). Обложка должна привлекать внимание, вы можете менять ее периодически, продвигать конкретный продукт или анонсировать акции, специальные предложения. Обложка должна быть узнаваемой и привлекательной внешне. К примеру, вот такая обложка стояла в сезон новогодних праздников в официальном сообществе Facebook компании Samsung Mobile.

cover facebook
2. Не забывайте об адресе страницы. Случайный набор цифр тяжелее запомнить: в настройках Facebook разрешает менять адрес на читабельный и понятный. Для этого нужно зайти в меню Настроек, выбрать пункт «Информация страницы»/ «Редактировать веб-адрес на Facebook». Менять адрес можно только один раз.
3. Заполняйте все разделы в «Информации страницы». Во-первых, полностью заполненная страница лучше воспринимается пользователями как более достоверная. Во-вторых, она лучше индексируется во внутреннем поиске социальной сети.
4. Расскажите друзьям о Вашей странице. Не забывайте о том, что в Facebook есть функция автоматической рассылки приглашений в Ваше сообщество или на публичную страницу друзьям и email-контактам. Даже если тематика аккаунта далека от круга Ваших знакомых и друзей, лишний лайк или репост на странице лишним не будет.
5. Проставьте ссылку на Facebook аккаунт в Твиттере и LinkedIn. Ссылка кликабельна и отображается слева в меню, как на примере ниже.

facebook link twitter
6. Попросите сотрудников указать адрес Вашего аккаунта в Facebok в графе «Работа и образование».
7. Настройте личные аккаунты так, чтобы в отметках «Нравится» всегда светилась продвигаемая страница. Для этого нужно зайти в пункт меню «Еще»/ «Управление вкладками» — и поставить галочку напротив отметок «Нравится». Удалите лишние отметки так, чтобы на первых местах светилась необходимая страница.

kak nastroit razdely facebook
8. Благодарите подписчиков. Изначально при небольшом ежедневном потоке посетителей страницы можно индивидуально благодарить каждого подписавшегося. В последующем можно делать посты с круглыми цифрами: 1000 подписчиков,15000 и так далее. Это хоть и кажется банальным, но до сих пор эффективно.
9. Отредактируйте подпись email в Яндексе, добавив ссылку на продвигаемый аккаунт в Facebook. Для этого на почте нужно зайти в раздел «Настроить» и отредактировать информацию об отправителе. Подобную возможность предлагают и другие почтовые сервисы.
10. Публикуйте контент регулярно. По статистике, лучше регулярное добавление постов один или два раза в день, нежели одноразовая публикация от трех и выше. Хороший контент просто не может создаваться массово, одной публикации в день, но регулярно – будет достаточно. Разбивайте время публикации для того, чтобы получить максимальный органический охват.
11. Курируйте контент конкурентов. Для этого используйте сервис Popsters или Sharegrab – отслеживайте самые популярные посты вашей тематики и используйте их для собственного продвижения.
12. Изучайте статистику. В рекламном аккаунте следует зайти на вкладку «Статистика», в которой вы сможете отслеживать охват и вовлеченность от каждой публикации, динамику отметок «Нравится» страницы, пол/возраст аудитории и пр.
13. Не забудьте брендировать изображения. Даже если у вас нет штатного фотографа, стоковые картинки будут выглядеть лучше в фирменном стиле. К примеру, простой логотип McDonald’s позволяет объединить разноплановые фотографии.

facebook account mcdonalds
14. Закрепляйте лучшие публикации. Публикации с хорошим охватом или промо-посты лучше закреплять вверху страницы. В меню «Управление вкладками» настройте порядок, в котором раздел с публикациями будет вверху – тогда пользователи при попадании на страницу будут видеть две последние публикации или закрепленные посты.
15. Используйте CTA кнопку. Facebook позволяет закреплять кнопку призыва к действию непосредственно под обложкой аккаунта или в рекламных постах. Вариаций кнопок – несколько. Например, под приведенной выше обложкой сообщества Samsung Mobile стоит кнопка «Смотреть видео», при нажатии которой пользователь попадает на страницу сайта с презентацией серии Galaxy. При помощи таких кнопок можно увеличить трафик на целевые страницы сайта.
Это лишь небольшая часть тех изменений, которые Вы можете уже сегодня реализовать в своем аккаунте. Все инструменты бесплатны – просто попробуйте!

30 идей для контента в социальных сетях

Продвижение в социальных сетях – неотъемлемая часть для позиционирования бренда в интернете. Успех ведения аккаунта в Facebook, Twitter, Google+ и пр. напрямую зависит от регулярности публикаций и качества контента. Если столкнулись с кризисом – ниже 30 идей для контента в социальных сетях, которые смогут стать основой для контент-плана на следующий месяц.

1. Вдохновляющие цитаты и посты. В сети можно найти большое количество цитат известных людей: такой контент всегда пользуется успехом у пользователей: их часто шерят и сохраняют, причем в любой социальной сети. Не забывайте о графическом оформлении цитат – для этого есть масса бесплатных онлайн-сервисов, использование которых поможет создавать красивую графику даже без навыков дизайна. Для примера – изображение, созданное при помощи Canva.
design smm
2. Фото и видео рабочего процесса. Если это корпоративный аккаунт – рекламные посты можно смело разбавлять корпоративными фото, отчетами с тематических отраслевых мероприятий.
3. Публикуйте кейсы или расшаривайте чужие. Такой формат подачи информации последнее время более популярен, чем просто заметки или посты.
4. Коммуникативные посты. Задавайте вопросы пользователям. Лучше всего работают простые закрытые вопросы, на которые можно ответить в формате да/нет. Некоторые соцсети предлагают внутренние опросники (например, Вконтакте), для Facebook используются сторонние приложения.
5. Фото продукта. Если товар можно увидеть визуально, то используйте это! Создайте оригинальную композицию с вашим продуктом, снимите серию снимков и периодически публикуйте их. Особенно хорошо такая визуализация работает в Pinterest и Instagram.
6. Изображения, которые не относятся к компании или продукту. Не нужно публиковать все подряд – просто выберите те ассоциации, которые должен вызывать Ваш бренд. Например, IKEA публикуют в своих аккаунтах изображения уютных семейных ужинов, домашние посиделки – товары ассоциируются с уютом и теплом. Starbucks в своем аккаунте часто публикуют фото заката или улыбающихся людей – такое решение помогает позиционировать бренд и вызывать положительные эмоции у клиента на подсознательном уровне.
7. Рабочий процесс. Опубликуйте видео рабочего процесса, производство продукта – пусть клиенты видят, как создается то, что вы предлагаете.
8. Делитесь полезной информацией. Контент извне работает тоже хорошо: нашли полезный ресурс или актуальную статью – делитесь с подписчиками. Иногда полезно шерить даже посты конкурентов.
9. Не забывайте о Pinterest. У наших пользователей эта социальная сеть не нашла широкого распространения, но в ней очень удобный поиск по тегам и тематикам – разбавьте заезженные стоковые изображения новыми фото.
10. Инфографика и статистика. Большой массив информации легче воспринимать, если все данные систематизированы и представлены визуально. Расскажите о достижениях за год, тенденциях в отрасли и пр. Используйте для этого бесплатные сервисы. Ниже — тестовый образец шаблона от Piktochart.
picktochart sample
11. Делитесь лайфхаками и полезными советами – выступайте экспертом в своей отрасли.
12. Стимулируйте подписчиков оставлять отзывы о продукте. Идеально – предложить сделать небольшой обзор продукта и вознаградить самых активных пользователей.
13. Ищите отзывы пользователей или контент, связанный с вашим брендом/продуктом. Делитесь информацией в Вашем аккаунте (искать очень просто по хештегам или по геолокации для местных компаний).
14. Делитесь полезными профессиональными сервисами. Если вы пользуетесь в работе бесплатными продуктами, которые помогут и вашим клиентам – не бойтесь делиться такой информацией. Мы, например, поделились с Вами Canva:)
15. Создайте пост «Один день из жизни компании» или даже серию. Расскажите или даже покажите в фотоотчете один рабочий день сотрудника или отдела.
16. Делитесь своими фаворитами среди вашего ассортимента. Расскажите тем, чем вы гордитесь (это может быть продукт или услуга). Можно собрать мнения каждого сотрудника и опубликовать отдельной подборкой.
17. Анализируйте контент конкурентов и делитесь им. Составьте полезную подборку отраслевых статей или других материалов. Проанализировать контент конкурентов можно при помощи сервиса Popsters.
18. Расскажите о том, как вы проводите досуг. Если это корпоративное мероприятие для всего коллектива или йога, которая помогает руководителю выпустить пар и не сойти с ума – отлично! Немного юмора никогда не помешает: пользователи должны видеть, что ваши сотрудники – тоже люди. Фото станет отличным дополнением к такому посту.
19. Спросите совет у подписчиков: какой вариант продукта или дизайн им больше нравится, проведите небольшое голосование и пр.
20. Оставьте свое мнение касательно актуальных событий и используйте их для создания контента. Избегайте политических событий, анализируйте новости при помощи агрегаторов, а популярные в соцсети темы – при помощи сервисов для сбора и анализа хештегов. Очень интересной была рекламная кампания Aviasales, связанная с разводом Бреда Питта и Анджелины Джоли. Правда, она вызвала больше негативных комментариев, но о малоизвестных авиалиниях узнали практически все пользователи Facebook.
razvod jolie i pitta
21. Устройте экскурс в историю: отобразите старый логотип, историю развития бренда. Иногда можно даже осветить свои ошибки и указать, какие решения вы использовали для их исправления.
22. Используйте популярные мемы в корпоративных аккаунтах: при помощи анализа популярных публикаций или хештегов, узнайте, какие темы актуальны в сети и используйте трендовый юмор. Удачный пример: вирусные челленджи последних годов (Ice Bucket Challenge, Harlem Shake Mannequin Challenge и пр.).
23. Видео инструкции по использованию продукта или профессиональные/пользовательские обзоры.
24. Фотоконкурс. Стимулируйте подписчиков создавать контент для Вас: устройте конкурс на лучшее фото в тематике, связанной с вашим продуктом или бизнесом. Пусть подписчики размечают фото уникальным хештегом, по которым вы сможете выбрать победителя.
25. Вступайте в дискуссию. Не согласны с экспертным мнением на стороннем ресурсе? Отлично : устройте обсуждение и делитесь ссылкой на дискуссию с подписчиками.
26. Публикуйте забавные фото рабочего процесса или продукта и просите пользователей придумать оригинальную подпись к нему.
27. Поздравляйте подписчиков с праздниками. Если вы местная компания, то поздравляйте с вашими региональными праздниками.
28. Делитесь отраслевыми новостями. Собрать их можно при помощи агрегаторов (например, «оповещения» от Google).
29. Используйте тему «правда/ложь»: раскройте самые распространенные мифы о ваших услугах или продукте, дайте подписчикам возможность высказаться за правдивость или ложность утверждения в комментариях.
30. Анализируйте тематические поисковые запросы при помощи Планировщика ключевых слов Google или Yandex Wordstat – публикуйте посты на актуальную тему.
yandex wordstat

Все предложенные идеи могут использоваться практически в любом бизнесе: нужно только немного адаптировать их под вашу целевую аудиторию и ее интересы. Не ограничивайтесь этим списком: проводите вебинары, стимулируйте пользователей брать участие в тематических отраслевых мероприятиях, публикуйте актуальный контент.
Кстати, если у Вас есть и свои интересные идеи или примеры для контента – пишите в комментарии. Возможно, в следующей подборке мы будем благодарить Вас за интересные идеи!