Привет! Рассказываем, как Flatonica провела редизайн площадки для коллаборации брендов и инфлюенсеров в социальных сетях, упростив юзер-флоу и взаимодействие с сервисом.
Несколько слов о клиенте
LabelUP — популярный сервис для размещения рекламы на каналах блогеров в VK, YouTube, Twitter, Twitch, Facebook*, Instagram*. Платформа объединяет авторов в таких популярных тематиках, как: Lifestyle, Beauty, Sport, Fashion, Travel и т.д. Агентство располагает продакшном и помогает разрабатывать стратегии и креативные сценарии, создавать фото и видео, интегрировать бренды в контент популярных блогеров.
Компания была основана во времена шрифта Lobster в 2014 и из год в год набирает обороты. Так, например, холдинг «Е-генератор» приобрел 49% компании, а не так давно LabelUp и Insight People объединились для создания новой экосистемы инфлюенсер-маркетинга.
Решениями LabelUp пользуются Яндекс, Сбер, Тинькофф, ВТБ, Aviasales, PepsiCo, L'Oreal, Heinz и представители малого бизнеса.
Проблематика и её решение
Платформа при всех её плюсах и наличии собственного продакшна, обладала устаревшим интерфейсом, низкой отзывчивостью, сложным юзер-флоу и сильно уступала в глазах конкурентов по удобству создания и ведения кампаний, чем нагружала лишний раз техподдержку сервиса. Руководством компании было решено развивать онлайн-сегмент компании и первым шагом послужило разработать редизайн платформы с учётом адаптивной версии и с последующим добавлением новых социальных сетей и инструментария.
Отсеяли старые низкоуровневые фильтры в угоду более практичных
Одной из ключевых проблем сервиса была связана с незамысловатым инструментом платформы — фильтрация. Среди 400 000 лидеров мнений, пользователи в лице рекламных агентств, испытывали трудности с настройкой параметров поиска, из-за чего приходилось либо обновлять страницу для сбрасывания поиска или же вручную менять каждый параметр.
К фильтрам подход был изменён. Визуальный вес параметров упростили в несколько раз, а настройка фильтров теперь происходит в рамках открытого списка и есть возможность удалять желаемые критерии без открытия дропдауна или же можно глобально сбросить фильтры. Кроме того мы добавили быстрые действия: Добавить в избранное, в подборку, в кампанию или в пересечение и запросить статистику.
Пересобрали аналитику и упростили метрики
Показатели уровня и географии подписчиков, охваты и другие метрики обладали перегруженностью и в процессе исследования было выявлено, что агентства часто испытывали сложности в ходе изучения показателей. Это касалось в том числе с пунктами, которые были набраны мелким шрифтом для экономии места несмотря на их значимость. В дополнении к вышеизложенному, дизайн метрик уступал конкурентам и был награмаждён, а незаметный CTA в виде получения PDF-отчёта не выполнял главную задачу.
Студией была предложена концепция «островов» для упрощения структуры страницы и мы реализовали интерфейс более дружелюбным. Метрики и диаграммы были отрисованы с нуля в более наглядном и в компактном виде, а ранее низкоконверсионная главная кнопка с выгрузкой отчёта обрела новую жизнь и стала активно себя продавать за счёт яркого фона и расположения в закреплённой панели.
В подборку на раз-два. В 2 клика, вместо массивных 4
Процесс создания и добавления в подборку было сложным. Это занимало некоторое время и чтобы создать подборку и включить сюда желаемых блогеров, пользователю необходимо было пройти через джунгли в 4 клика.
Мы упростили юзер-флоу до 2-х кликов, а также оставили вспомогательной функцией добавления блогеров без создания папки и бренда. Настроили фильтры ➔ видим показатели ➔ включили в подборку ➔ Всё.
Кампании по-шагово
Создание рекламных кампаний осуществлялось через множество этапов, а его запуск не гарантировался из-за многабукв и техническими особенностями. Это усложняло рекламным агентствам жизнь и усиливалось давление на работу поддержки. А среди мобильных пользователей, редактирование и управление кампаниями так и вовсе не пользовалось спросом из-за известных проблем.
В ходе брейншторма, процесс создания мы поделили на шаги для минимилизации расфокуса и больше сосредоточить внимание на важных моментах. Добавились новые элементы, такие как: уровень и процент заполняемости, а также шаги. Кампании стали изолированы и обзавелись статусами и аватарками блогеров. Также мы организовали создание кампании более прозрачным и дружелюбным процессом на любом устройстве.
Сделали понятной и более прозрачной процесс добавления аккаунта инфлюенсера
Подключение аккаунтов проходило через компиляцию барьеров в виде нерешённых кейсов. Так, например, сервис подключает блогеров с аудиторией не менее 3000 подписчиков, однако об этом узнавали только по всплывающему уведомлению после заполнения. А тематики отображались вне этапа подключения, из-за чего можно было попросту пропустить заполнение важных пунктов.
Мы постарались учесть данные проблемы и совместно с продактом решили целые ветки кейсов: упростили выбор соцсети, отобразили информеры о минимальном допустимом кол-ве подписчиков, добавили мотивацию о преимуществах подключения аккаунта. Там же добавили возможность сбора охватов и наглядно отобразили тематики с указанием лимитов до 3-х категорий.
Пересечение аудитории. Теперь без сложного паззла
Пересечение аудитории содержало в себе перегруженную таблицу с показателями и не позволял добавлять блогеров в текущее пересечение.
Студией был упрощен порядок данных в таблице. Проработали момент с краткой информацией о блогерах в виде зафиксированной панели с возможностью добавлять новых блогеров из каталога и также выгружать данные в формат Excel.
Кол-ту-экшн или новая сетка тарифов
Тарифная сетка недостаточно отображала выгоду для пользователей в компиляции со слабым CTA, а действующий тариф никак не выделялся. Кроме того пользователь не мог сходу понять какой из тарифов может быть выгодным для его бюджета.
Мы разработали новый дизайн тарифов, используя яркий и заметный стиль с проработанным CTA. А ещё у тарифов появилась понятная сравнительная таблица и что получает пользователь за подписку. Таким образом мы объяснили пользователю преимущества использования подписки и отобразили выгоду приобретения годовой подписки.
Подготовили интерфейсы оплаты для Telegram-бота
В процессе разработки новой версии платформы, компания запланировала запустить телеграм-бота с помощью которого можно легко проверять и собирать аналитику блогеров через Telegram, при этом не регистрируясь на сайте.
После настройки бота мы разработали интерфейсы с оплатой за выбранное кол-во запросов, аля мощность, и возможность выбрать срок работы бота. Интерфейс до предела простой. Буквально 2 пользовательских элемента: это срок службы бота и настройка мощности бота. Доступно и просто.
Итоги
Решение данных задач позволило снизить нагрузку на поддержку и увеличить предложение на рынке. Упрощено взаимодействие с платформой и улучшена компонентность в целом. Начиная с создания и управления кампаниями и заканчивая поиском и добавлением инфлюенсеров в подборки через новые фильтры. Кроме того рекламодатели теперь сосредоточены на качестве аккаунта с любого устройства, в том числе включая телеграм-бот.
А ещё мы сделали шоурил!
Уже более года обновлённой платформой пользуются маркетологи из Яндекса, Сбера и т.д. На сегодня сервис улучшается и развивается. Активно ведётся работа над обновлениями основных продуктов LabelUp и обсуждается дальнейший план отрисовки лендингов и всего остального.
Предлагаем вам посмотреть наш кейс на Behance и подписаться на наш телеграм-канал Flatonica — там мы делимся над чем работаем и не только. Приглашаем!
В публикации упоминаются продукты Meta (владеет Facebook, Instagram и WhatsApp) признана в России экстремистской организацией и запрещена.
