Рубрика: Лайфхаки

Продвигаем мобильное приложение: бесплатно и платно

Вступление

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

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

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

Что такое performance-маркетинг

Performance-маркетинг — это концепция по продвижению того или иного товара для  получения измеримого финансового результата за короткое время.

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

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

С помощью Performance-маркетинга можно:

  • измерить результаты эксплуатируемых каналов по рекламе;
  • оценить бизнес-показатели: CPA и ROI;
  • в реальном времени повлиять на результаты продвижения; 
  • синхронизировать работу всех каналов продвижения (SEO, SMM, email-рассылки, реклама в СМИ).

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

Важно понимать, что Performance-маркетинг будет эффективен только после продолжительной настройки всех каналов продвижения и детального тестирования продукта и его целевой аудитории. И в этом вам с радостью помогут специалисты DIART AGENCY. К ключевым компетенциям digital-агентства относятся как разработка продающей структуры сайта или лендинга (на основе CJM и прототипа), так и создание рекламы и дизайна для любого бизнеса. И кстати, что немаловажно, с DIART AGENCY вам гарантированы внимательное отношение к проекту и скрупулезность в проработке каждой детали.

Основные понятия

Для успешного продвижения приложения в магазинах — в App Store, Google Play и их менее популярных аналогах — нужна продуманная стратегия. Еще до начала работы над приложением важно понимать, кто им будет пользоваться, на какую целевую аудиторию оно рассчитано. А после успешного попадания в ЦА необходимо постоянно продвигать приложение, не давая ему затеряться среди конкурентов на рынке. Именно на этом этапе подключается performance-маркетинг.

Основные понятия мобильного performance-маркетинга: 

  • магазины мобильных приложений («сторы»): App Store, Google Play и т.д.;
  • трекинговые системы («трекеры») для отслеживания установок приложения;
  • бесплатные каналы распространения мобильных приложений (собственный сайт, SMM, реклама в СМИ и т.д.);
  • платные каналы распространения мобильных приложений (Яндекс.Директ, Google Ads и т.д.).

Магазины мобильных приложений («сторы»)

App Store и Google Play — крупнейшие магазины приложений, продвигающие аппы для iOS и Android соответственно. С их помощью возможен охват огромной потенциальной аудитории. Но стоит учитывать, что и конкуренция на этих сторах очень высока. 

В то же время существуют альтернативные магазины приложений — ряд популярных аналогов Google Play (Aptoide, Amazon Appstore, GetApps и многие другие) и целая коллекция китайских сторов, появившихся из-за запрета на сервисы компании Google в Китае. 

При выборе стора/-ов для размещения приложения нужно: 

  • обратиться в тем сторам, которыми пользуется целевая аудитория приложения (например, для Китая это будут TencentMyApp, а для Кореи — SK T-Store);
  • выбрать стор в зависимости от того, на публикации какого типа приложений он специализируется (это могут быть мини-игры, утилиты, бизнес-приложения и т.д.).

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

Трекинговые системы («трекеры»)

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

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

  • Install Referrer — метод атрибуции, основанный на добавлении уникального параметра, который передается по ссылке. 
  • Device ID Matching — метод атрибуции, сохраняющий первоначальный идентификатор пользователя при клике на баннер и сверяющий его с параметрами девайса при установке приложения. 
  • Fingerprint — метод атрибуции, основанный на сборе информации об устройстве в момент прохождения редиректа. 

Мобильные трекеры играют незаменимую роль в performance-маркетинге. Они помогают маркетологам:

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

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

Бесплатные каналы распространения мобильных приложений

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

Представьте, что вы выложили свое мобильное приложение в один из самых популярных доступных магазинов (App Store или Google Play). У приложения хорошие отзывы, отличная оценка, но…оно все равно не достаточно востребовано и запланированные вами прогнозы по скачиваниям и установкам не оправдываются. Что же делать? Обратиться к каналам привлечения бесплатного трафика. 

Бесплатно привлечь внимание к приложению, рассказав о нем потенциальным клиентам, можно разными способами, среди которых: 

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

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

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

Платные каналы распространения мобильных приложений

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

  • Google Ads — контекстная онлайн-реклама для размещения на страницах с результатами поиска Google;
  • Яндекс.Директ — сервис для размещения контекстной рекламы на Яндексе; 
  • Facebook Ads — сервис для запуска рекламных кампаний на Facebook (и, соответственно, Instagram);
  • myTarget — платформа для настройки рекламы во ВКонтакте, на Одноклассниках, Моем Мире и других социальных сетях от Mail.Ru Group.

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

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

Для начала разберемся, почему Performance-маркетинг предполагает проведение анализа конкурентов. Представьте ситуацию: ваше мобильное приложение уже год на рынке, и дела вроде бы идут неплохо. Есть стабильные продажи, от клиентов регулярно поступают позитивные отзывы о сервисе…А теперь обратите внимание на два ключевых параметра: LTV и CRR (посмотреть их можно с помощью инструмента Google Analytics).

  • LTV (LifeTimeValue) — параметр, демонстрирующий жизненную ценность клиента. То есть ту прибыль, которую бизнес получит от пользователя за все время работы с ним. 
  • CRR (CustomerRetention) — параметр, демонстрирующий способность бизнеса удерживать клиента. 

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

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

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

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

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

MVP

Полезным шагом в подготовке конкурентного приложения будет создание MVP (Minimal Viable Product) — тестовой версии приложения. С ее помощью бизнес может:

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

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

Правила ранжирования в App Store и Google Play

Успешность и популярность приложения сильно зависят от качественного ранжирования в магазинах App Store и Google Play. На первый взгляд, может показаться, что эти два магазина похожи, но это не совсем так. Да, в обоих можно совершать покупки программ, книг, фильмов. Но ранжируются приложения в системах по-разному.

Сравним параметры ранжирования App Store и Google Play и выясним, какие правила ранжирования им свойственны:

  1. Название. 
  • В App Store под поисковый индекс попадает до 30 символов. 
  • В Google Play больше – до 50 символов.
  1. Подзаголовок. 
  • В App Store подзаголовок играет не последнюю роль, занимая до 30 символов. 
  • В Google Play отсутствует возможность добавления подзаголовков.
  1. Ключевые слова. 
  • В App Store ключевые слова должны содержать не более 100 символов + употребляться в верных словоформах. 
  • В Google Play поля под ключевые слова отсутствуют, нельзя использовать брендовые запросы (в том числе брендовые запросы конкурентов), выдача приложений персонализирована. 
  1. Краткое описание приложения. Доступно в обоих магазинах. 
  • В App Store под описание проекта выделяется 170 символов, но оно не попадает под индекс. Плюс его можно менять. Указав, например, что на товар действует скидка. 
  • В Google Play под описание продукта выделяется всего 80 символов. Менять релиз нельзя, зато он индексируется.
  1. Отзывы. 
  • В App Store отзывы не индексируются. 
  • А Google Play отзывы индексируются. Причем алгоритм учитывает ключевые слова в комментариях. Значит, ключи можно вставлять прямо в текст отзыва — ранжирование будет лучше.
  1. Локализация. 
  • В App Store есть понятия главной и дополнительной локализации у одной страны. Для пользователя это означает, что в зависимости от настроек языка на устройстве, он будет видеть разные страницы приложения с разными метаданными. Для разработчика — что при индексации приложения поисковым движком App Store будут учтены текстовые индексируемые поля.
  1. Встроенные покупки. 
  • У App Store встроенные покупки — это одна из главных фишек. На экране приложения пользователь видит возможность приобрести предмет в игре, подписку, какую-либо услугу. Каждая услуга имеет название, иконку и краткое описание. Подобные предложения занимают больше места на экране юзера, что положительно сказывается на общей конверсии. 
  • В Google play встроенные покупки отсутствуют.

Продвижение в App Store

Чаще всего продвижение приложений на App Store осуществляется тремя основными способами: 

  • через работу с ключевыми словами и фразами;
  • через вывод приложения в топ по популярным запросам (Trending Searches);
  • с помощью выхода в ТОП App Store или по категориям. 

Каждый из этих способов эффективен, имеет свои особенности и достоин отдельной статьи. Но сегодня мы хотим порекомендовать вам 5 неочевидных советов для продвижения приложения на App Store:

  1. Запустите MVP (то есть приобщите людей к тестированию!). На вас будет работать сарафанное радио, эффект эксклюзивности и открытость перед публикой. Люди почувствуют себя частью проекта, а, значит, неминуемо установят ваше приложение.
  2. Работайте с  медиа. Найдите подходящую по тематике площадку, наймите хорошего копирайтера или журналиста. Пусть он пишет обзоры на приложение, делает гайды и создает рекламные материалы.
  3. Используйте раздел «Что нового». Добавляйте в этот раздел информацию о продукте, об обновлениях, об исправленных ошибках. Делитесь новостями с людьми — сделайте товар живым и постоянно развивающимся.
  4. Поработайте над видимостью приложения в App Store. Действуйте, как разработчик, занимаясь ASO-продвижением мобильного приложения.
  5. Продвигайте приложение в интернете. Социальные сети — это хорошая реклама без больших затрат. Растите аудиторию, рассказывайте про продукт во ВКонтакте, Instagram и т.д.

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

Продвижение в Google Play

Выделим основные моменты, на которые следует обратить внимание при продвижении продукта в магазине от Google:

  1. Выбор категории для приложения. Гугл рекомендует выбирать категорию товара максимально точно для лучшего ранжирования. 
  2. Используйте фичеринг. Фичеринг позволяет бесплатно попадать в тематические подборки на главной странице магазина. Размещается предложение автоматически и двигается по площадке с помощью алгоритма. 
  3. Раздел «Выбор редакции», в который попадают лучшие приложения площадки. Раздел обновляется 1 раз в 3 недели или месяц, зато гарантирует рост скачиваний и популярности.
  4. Бесплатные рекомендации. Чем чаще ваше приложение скачивается, тем активнее магазин продвигает его.

Не забывайте, что самое главное условия для успешного продвижения в Google Play (как и в App Store) — это высокое качество продукта. Плюс не упускайте возможность позаботиться о привлекательности приложения: добавьте яркую иконку высокого качества, опишите свой продукт ясно и по существу.

Заключение

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

Используйте их аккуратно, анализируйте полученные результаты и не переставайте двигаться вперед!   

Как адаптировать сайт под мобильные устройства: пошаговая инструкция

Вступление

Сегодня больше половины транзакций в сети осуществляются с использованием мобильных устройств. Согласно статистике «Similarweb Introduces», мобильный трафик за период с 2017 по 2021 год уже вырос на 50%. И продолжает неуклонно расти.

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

Изображение: maestro / shutterstock.com

Проблемы, которые решает адаптация сайта

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

Проблема 1: Некорректное отображение текста и элементов

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

Проблема 2: Отсутствие популярности ресурса

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

Проблема 3: Низкое ранжирование сайта в поисковой выдаче

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

Изображение: maestro / shutterstock.com

Проблема 4: Низкая конверсия

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

Проблема 5: Неработающий таргетинг

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

Приступаем к адаптации

Комплексная адаптация сайта — это сложный технический процесс, который лучше поручить специалисту (веб-разработчику или веб-дизайнеру). Тем не менее, простейшую верхнеуровневую адаптацию можно сделать и самостоятельно. 

Существует три основных вида адаптации сайта:

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

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

Создание адаптивного дизайна

Адаптивный дизайн — самый простой и эффективный способ общей адаптации веб-ресурса. Его суть состоит в том, что сам по себе код сайта HTML остается без изменений. Наша задача — видоизменить дизайн сайта, сделав его адаптивным.

Изображение: maestro / shutterstock.com

Для этого мы можем:

  • Значительно увеличить шрифт текста, представленного для ознакомления посетителям сайта.
  • Разделить дизайнерские блоки на сайте (при их наличии), уменьшив их количество по горизонтали (это избавит посетителя от нужны листать сайт влево-вправо).
  • Сделать контекстное меню открывающимся/всплывающим, не забыв при этом сделать каждый пункт меню читаемым.
  • Уменьшить формат изображений и GIF-изображений на сайте до такого, какой будет удобен посетителям для просмотра с экрана их смартфонов.
  • Сделать маркированные списки на сайте доступными для прочтения и восприятия (для это цели их часто приходится видоизменять).

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

  1. Открываем доступ к коду страницы (или ее исходному ресурсу). Речь идет о параметрах CSS, JScript, изображениях всех форматов и тому подобное.
  2. Вписываем в код страницы специальный метатег под названием «Viewport». Он позволит нам настроить ширину страницы под нужды того или иного устройства, в нашем случае — мобильного. Параллельная переадресация при использовании этого метатега самостоятельно не применяется.
  3. После инжекта метатега (HTML-код которого Вы легко можете найти в открытых источниках), создаем разметку и настраиваем CSS-фреймворк, используя инструкции и свойства кода.

ВАЖНО! Каждое из перечисленных действий выполняется вне зависимости от типа сайта и его дизайна. Случается, что полученная веб-версия становится более компактной благодаря смещению формата по горизонтали, но не становится адаптивной из-за наложения блоков друг на друга и некорректного переноса шрифтов.

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

Изображение: Десктопная версия сайта логистической компании / allitec.ru
Изображение: Мобильная версия сайта логистической компании / allitec.ru

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

Создание мобильной версии сайта

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

ВАЖНО! При создании мобильной версии сайта обязательным условием станет вписывание в код сайта тега типа «Link rel=»alternate» с добавлением действующего адреса мобильного сайта. Зачем нужен этот тег? После создания второй веб-страницы и присвоения ей доменного имени, автоматическая система идентификации поисковых систем (у Яндекса и Гугла уж точно) посчитает оба сайта за дубликат одного и, скорее всего, заблокирует один из доменов к выдаче. У поисковиков это называется антиспам-политикой.

Динамическая демонстрация

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

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

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

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

Также вы можете использовать специальные онлайн-конструкторы по созданию сайтов. Самым популярным из них является к Tilda. 

Создание сайта на Tilda

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

Изображение: Tilda / tilda.ru

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

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

Вместе с тем, сервис обладает и рядом особенностей:

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

Другие конструкторы сайтов

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

  • Wix.com;
  • uKit.com;
  • Nethouse.ru;
  • Конструктор сайтов от Tinkoff.ru;
  • Bitrix24.ru.

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

Как проверить готовый сайт на адаптивность

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

При работе с браузера Google Chrome просто нажмите F12 и выберите соответствующую функцию в «Инструментах разработчика». Аналогичная процедура применяется в Yandex Browser.

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

Изображение: source / shutterstock.com

Заключение

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

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

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

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

Как составить грамотное ТЗ на дизайн: подробная инструкция

Вступление

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

Что дает грамотное ТЗ

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

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

Грамотное ТЗ — прочитайте детальную статью

Кто в команде

В создании дизайна принимают участие две стороны: 

  • Руководитель. Человек, который ставит задачу специалисту или группе специалистов, контролирует ход ее выполнения и принимает результат. В роли руководителя может выступать владелец бизнеса или любое другое лицо, принимающее решения (маркетолог, директор по маркетингу и др.).
  • Исполнитель. Один или несколько специалистов, работающие инхаус или на аутсорсе. Это могут быть графические и UX/UI-дизайнеры, 3D-аниматоры, моушн-дизайнеры.

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

Изображение: сервис Canva / canva.com

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

Что нужно знать ДО создания ТЗ

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

  • Что за ПРОДУКТ планируется продвигать? У вас должно быть четкое представление о продукте, его преимуществах и особенностях.
  • Кто КОНКУРЕНТЫ и как они работают? Разберитесь, кто продвигает аналогичные товары/услуги, какие каналы и способы продвижения для этого используются.
  • Для какой ЦЕЛЕВОЙ АУДИТОРИИ предназначен продукт? Составьте детальный портрет вашей целевой аудитории. Дисклеймер. Не стоит ограничиваться набором сухих характеристик – пол, возраст, регион проживания. Согласитесь, что в категорию, например, мужчин 25-40 лет, проживающих в Москве и Московской области, попадают очень разные люди. 

Постарайтесь составить подробный портрет ЦА, выделив ее особенности, нужды и боли.

Как составить ТЗ

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

Чек-лист грамотного ТЗ

  1. Вразумительный заголовок. Включите в него всю основную информацию: «кто исполнитель», «что должен сделать», «к какой дате нужно сделать».
  2. Имя и фамилия исполнителя и его контакты. Укажите конкретного исполнителя.
  3. Описание задачи. Составьте максимально детальное описание.
  4. Исходная информация. Опишите продвигаемый товар/услугу, целевую аудиторию (ту, для которой создается креатив), ожидаемый результат.
  5. Технические требования. Дайте четкий перечень технических свойств креатива и мест его размещения: формат, размер, расширение и т.п.
  6. Общие требования. Приложите список всех требуемых характеристик креатива: цвета, шрифты, элементы и т.п.
  7. Количество. Укажите точное количество необходимых креативов.
  8. Примеры. Приложите к файлу референсы в виде скринов или ссылок.
  9. Имя и фамилия постановщика задачи и его контакты. Чтобы исполнитель при необходимости мог уточнять задачу в ходе выполнения.
  10. Срок выполнения. Укажите конкретные даты и время: дату постановки и дату окончания срока выполнения задачи.

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

Что понадобится?

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

Составить крутое ТЗ помогут:

  • Google Документы. Можно использовать любой текстовый редактор, но Google Документы хороши тем, что дают возможность совместного доступа к создаваемым документам.
  • Программа для создания скриншотов (например, удобные и бесплатные Joxi или Monosnap). Скриншоты пригодятся для демонстрации приглянувшихся референсов конкурентов.
  • Инструмент для выгрузки топовых сайтов конкурентов. Подборка сайтов, попавших в топы Яндекса и Google по схожим с вашими запросам, понадобится для выявления самых высокоранжируемых конкурентов. У них можно подглядеть что-нибудь интересное: оригинальный рекламный баннер, интересный способ показа кейсов и др (в зависимости от задачи).
  • Сервис для создания макетов Balsamiq Mockups. Для большей наглядности после создания текстового ТЗ можно собрать для дизайнера макет рекламного креатива, страницы или даже сайта. Так вы точно сможете быть уверены, что вас правильно поймут.
  • Немного времени и терпения. Дисклеймер. Любой инструмент из предложенных можно заменить на знакомую вам альтернативу.

Заголовок

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

В заголовок добавляем:

  • дату постановки задачи и дату дедлайна;
  • суть задачи;
  • ответственное за выполнение лицо.

Имя и фамилия исполнителя и его контакты

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

Описание задачи

Четко сформулируйте задачу:

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

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

Исходная информация

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

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

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

Рекламные креативы различаются по техническим характеристикам на:

  • статичные изображения;
  • GIF-анимация и анимационная графика (моушн-дизайн);
  • видео (со звуком/без, с субтитрами/без, со спецэффектами/без).

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

Чтобы дизайнер точнее выполнил задачу, добавьте в ТЗ следующую информацию: 

  •  площадка, на которой будет размещен креатив (например, YouTube);
  • формат (например, MPEG4); 
  • размер; 
  • расширение;
  • вес файла;
  • количество кадров в секунду;
  • все остальное, что посчитаете важным.

Общие требования

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

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

Количество

Укажите точное количество креативов, которые вам нужны. Если количество не указано или указан диапазон – например, 5-10 креативов – велика вероятность получить работу, выполненную по минимуму.

Примеры

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

ФИО постановщика задачи и его контактные данные

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

Бонус: как ставить задачи так, чтобы людям было комфортно

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

Изображение: сервис Canva / canva.com

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

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

Итоги

Не пожалейте времени на составление продуманного и подробного техзадания на дизайн. Не поленитесь и проверьте свое ТЗ перед отправкой исполнителю по нашему Чек-листу. Ведь лучше потратить пару часов на постановку задачи, чем получить кота в мешке (и заплатить за него).

Как мы нашли графического дизайнера в штат за 4 дня с помощью классного ТЗ

Вступление

DIART AGENCY, молодое digital-агентство, в декабре 2020 года искали графического дизайнера через сервис hh.ru. Рассказываем, как все было и что из этого вышло. 

130 откликов за 3 часа

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

  • Креативный. Наше агентство работает с клиентами из сфер агропромышленности, энергетики, производства и транспортной логистики. А потому в дизайнере мы ищем способность делать сложное ясным и привлекательным. 
  • Адекватный. Важно, чтобы человек понимал, что уместно, а что нет. Нам не нужен креатив ради креатива, шуточки на грани фола, двусмысленности и прочие упражнения в остроумии.
  • Командный игрок. Если можно один раз найти подходящего специалиста, то…лучше так и сделать. Текучка — не наш случай. 

Мы не стали изобретать велосипед и пошли за дизайнером на hh.ru. 

День первый. Знакомимся с рынком и составляем вакансию.

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

Знакомимся с рынком

На момент написания статьи (август 2021 года) сервис hh.ru по запросу «графический дизайнер» выдает 13,5 тысяч резюме за месяц в России:

Количество резюме по запросу «графический дизайнер» за период с 09.07.21 по 09.08.21 в России

А вот резюме специалистов с подходящим для нас опытом от 1 до 3 лет и, соответственно, подходящими зарплатными ожиданиями нашлось почти в 7(!) раз меньше:

Количество резюме по запросу «графический дизайнер» с опытом от 1 до 3 лет за период с 09.07.21 по 09.08.21 в России

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

Составляем вакансию

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

В текст добавили:

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

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

Получаем первые отклики

В первые три часа на вакансию откликнулись более 100 человек: 

Нашу вакансию просмотрели 1 286 человек, из которых 241 оставили заявки

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

Уровень зарплаты в составленной нами вакансии

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

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

День второй. Составляем творческое ТЗ

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

  • навыки и компетенции, указанные соискателем в резюме; 
  • манеру подачи результата (как кандидат общался, был ли вежлив, как оформил работу);
  • скорость работы (кто-то сделает ТЗ за 2 часа, а кто-то за 2 дня);
  • мотивацию и заинтересованность кандидата;
  • степень ответственности (способность делать работу в срок и предупреждать в случае возникновения непредвиденных обстоятельств; предоставлять качественный, а не сделанный по принципу «и так сойдет» результат).

Мы постарались составить максимально творческое ТЗ, чтобы дать дизайнерам возможность покреативить вне рамок и шаблонов. 

Для нас было важно: 

  • Продемонстрировать, как нам приятен интерес человека к нашей вакансии.
  • Предложить задачу, в которой можно проявить креативность. 
  • Гарантировать обратную связь (нет ничего более неприятного, чем стараться и получить в награду глубокомысленное молчание!).
  • Указать конкретную дату сдачи ТЗ.

Плюс мы считаем, что тестовое задание не должно быть слишком объемным, а потому предложили ТЗ, которое специалисту с подходящей для нас компетенцией реально сделать за 1,5–2 часа.  

Тестовое задание, которое мы отправили всем откликнувшимся кандидатам на 2-ой день поиска

День третий. Получаем результаты ТЗ и отбираем лучших кандидатов

В ответ на разосланные ТЗ мы рассчитывали получить в лучшем случае 5–10 работ от самых заинтересованных ребят. Но результат превзошел все наши ожидания! На третий день поиска графического дизайнера нам поступило более 80 выполненных техзаданий.

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

87 соискателей из 241 откликнувшихся на вакансию отправили нам выполненные ТЗ

День четвертый. Выбираем лучшего кандидата

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

Выбираем лучшие работы

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

Собеседование

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

Собрали в папке все ТЗ для голосования внутри команды

Рекомендации компаниям в поиске

От момента публикации вакансии на hh.ru до выхода на работу нашей новой, действительно классной, сотрудницы прошло меньше недели. Это рекорд даже для digital-сферы. Поэтому мы взяли на себя смелость дать пару советов компаниям, находящимся в поиске творческих специалистов: 

  • Подходите к составлению вакансии креативно и с душой. 
  • Просите сделать тестовое задание. Работы в портфолио могут не соответствовать реальным навыкам кандидата. 
  • Предлагайте адекватное тестовое: дайте соискателю возможность покреативить и не требуйте выполнения слишком времязатратных задач (1,5–2 часа на ТЗ — идеально). 
Как проходит Юзабилити Тестирование — в крупных компаниях и банках