Создаём и развиваем сервисы, приложения и веб-сайты с продуманным взаимодействием для компаний с помощью симбиоза креатива и технологий для создания продукта.
О компании
LUP (ex-LabelUp) — популярный сервис для размещения рекламы на каналах блогеров в социальных сетях. Платформа объединяет авторов в таких популярных тематиках, как: Lifestyle, Beauty, Sport, Fashion, Travel и т.д. Агентство располагает продакшном и помогает разрабатывать стратегии и креативные сценарии, создавать фото и видео, интегрировать бренды в контент популярных блогеров. Компания включена в АБА (Ассоциация Блогеров и Агентств).
Среди клиентов: Решениями LabelUp пользуются Яндекс, Сбер, Т-Банк, ВТБ, Вкусно и точка, МТС, Aviasales, PepsiCo, L'Oreal, Heinz и другие.
Среди клиентов: Решениями LabelUp пользуются Яндекс, Сбер, Т-Банк, ВТБ, Вкусно и точка, МТС, Aviasales, PepsiCo, L'Oreal, Heinz и другие.
Что делали
01
Переосмысление пользовательского опыта: упрощение userflow и разработка удобных сценариев
02
Общий редизайн платформы с учётом мобильной версии и лендингов. Разработка креативов
Одной из ключевых проблем сервиса была связана с незамысловатым инструментом платформы — фильтрация. Среди 400 000 лидеров мнений, пользователи в лице рекламных агентств, испытывали трудности с настройкой параметров поиска, из-за чего приходилось либо обновлять страницу для сбрасывания поиска или же вручную менять каждый параметр.
Отсеяли старые низкоуровневые фильтры в угоду более практичных
Проблема и решение
К фильтрам подход был изменён. Визуальный вес параметров упростили в несколько раз, а настройка фильтров теперь происходит в рамках открытого списка и есть возможность удалять желаемые критерии без открытия дропдауна или же можно глобально сбросить фильтры. Кроме того мы добавили быстрые действия: Добавить в избранное, в подборку, в кампанию или в пересечение и запросить статистику.
Влад Гончаров
Дизайн-директор
Показатели уровня и географии подписчиков и другие метрики обладали перегруженностью и в процессе исследования мы выявили, что агентства часто испытывали сложности в ходе изучения показателей. Это касалось в том числе с пунктами, которые были набраны мелким шрифтом для экономии места несмотря на их значимость. В дополнении к вышеизложенному, дизайн метрик уступал конкурентам и был громоздкий, а незаметный CTA в виде получения PDF-отчёта не выполнял главную задачу.
Пересобрали аналитику и упростили метрики
Проблема и решение
Студией была предложена концепция «островов» для упрощения структуры страницы и мы реализовали интерфейс более дружелюбным. Метрики и диаграммы были отрисованы с нуля в более наглядном и в компактном виде, а ранее низкоконверсионная главная кнопка с выгрузкой отчёта обрела новую жизнь и стала активно себя продавать за счёт яркого фона и расположения в закреплённой панели.
Влад Гончаров
Дизайн-директор
Процесс создания и добавления в подборку было сложным. Это занимало определенное время и чтобы было создать подборку и включить сюда желаемых блогеров, пользователю необходимо было пройти через джунгли в 4 клика. Интерфейс в целом был запутанным для рядового пользователя и это вызвало необходимость упростить.
В подборку на раз-два. В 2 клика, вместо массивных 4
Проблема и решение
Решение было принято в пользу упрощения юзер-флоу до 2-х кликов, а также мы оставили вспомогательной функцией добавления блогеров без создания папки и бренда. Таким образом появилась лаконичная структура взаимодействия: Настроили фильтры ➔ видим показатели ➔ включили в подборку ➔ Всё.
Влад Гончаров
Дизайн-директор
Создание рекламных кампаний осуществлялось через множество этапов, а его запуск не гарантировался из-за многабукв и техническими особенностями. Это усложняло рекламным агентствам жизнь и усиливалось давление на работу поддержки. А среди мобильных пользователей, редактирование и управление кампаниями так и вовсе не пользовалось спросом из-за известных проблем с интерфейсом.
Кампании. Теперь по-шагово
Проблема и решение
В ходе брейншторма, процесс создания мы поделили на шаги для минимилизации расфокуса и больше сосредоточить внимание на важных моментах. Добавились новые элементы, такие как: уровень и процент заполняемости, а также шаги. Кампании стали изолированы и обзавелись статусами и аватарками блогеров. Также мы организовали создание кампании более прозрачным и дружелюбным процессом на любом устройстве.
Влад Гончаров
Дизайн-директор
Подключение аккаунтов проходило через серию барьеров в виде нерешённых кейсов. Так, например, сервис подключает блогеров с аудиторией не менее 3000 подписчиков, однако об этом узнавали только по всплывающему уведомлению после заполнения формы регистрации. А тематики отображались вне этапа регистрации, из-за чего можно было пропустить заполнение важных пунктов.
Сделали понятной и прозрачным процесс добавления аккаунта
Проблема и решение
Мы постарались учесть данные проблемы и совместно с продактом решили целые ветки кейсов: упростили выбор соцсети, отобразили информеры о минимальном допустимом кол-ве подписчиков, добавили мотивацию о преимуществах подключения аккаунта. Там же добавили возможность сбора охватов и наглядно отобразили тематики с указанием лимитов до 3-х категорий.
Влад Гончаров
Дизайн-директор
Пересечение аудитории содержало в себе перегруженную таблицу с показателями и не позволял добавлять блогеров в текущее пересечение.
Пересечение аудитории. Теперь без сложного паззла
Проблема и решение
Студией был упрощен порядок данных в таблице. Проработали момент с краткой информацией о блогерах в виде зафиксированной панели с возможностью добавлять новых блогеров из каталога и также выгружать данные в формат Excel.
Влад Гончаров
Дизайн-директор
Тарифная сетка недостаточно отображала выгоду для пользователей в компиляции со слабым CTA, а действующий тариф никак не выделялся. Кроме того пользователь не мог сходу понять какой из тарифов может быть выгодным для его бюджета.
Кол-ту-экшн или новая сетка тарифов
Проблема и решение
Мы разработали новый дизайн тарифов, используя яркий и заметный стиль с проработанным CTA. А ещё у тарифов появилась понятная сравнительная таблица и что получает пользователь за подписку. Таким образом мы объяснили пользователю преимущества использования подписки и отобразили выгоду приобретения годовой подписки.
Влад Гончаров
Дизайн-директор
В процессе разработки новой версии платформы, появилась необходимость в создании телеграм-бота с помощью которого можно легко проверять и собирать аналитику блогеров через Telegram, при этом не регистрируясь на сайте.
Подготовили интерфейсы оплаты для Telegram-бота
Проблема и решение
После настройки бота мы разработали интерфейсы с оплатой за выбранное кол-во запросов, аля мощность, и возможность выбрать срок работы бота. Интерфейс до предела простой. Всего два пользовательских элемента: это срок службы бота и настройка мощности бота. Доступно и просто.
Влад Гончаров
Дизайн-директор
Решение данных задач позволило снизить нагрузку на поддержку и увеличить предложение на рынке. Упрощено взаимодействие с платформой и улучшена компонентность в целом. Начиная с создания и управления кампаниями и заканчивая поиском и добавлением инфлюенсеров в подборки через новые фильтры. Кроме того рекламодатели теперь сосредоточены на качестве аккаунта с любого устройства, в том числе включая телеграм-бот.
Итоги проделанной работы
Дата выпуска: 15 марта 2023
UX/UI-дизайн
Владислав Гончаров
Фронтенд-разработчики
Олег Чурилов
Продакт-менеджер
Эльвира Климанова
Александр Почечура
Алексей Дерушев
Анимации, моушн
Настя Добро
Designed by Flatonica. Март 2024 г.
Хотите так же? Мы можем начать уже сегодня
hi@flatonica.com
Влад Гончаров
дизайн-директор
дизайн-директор
Влад подробно ознакомится с Вашей задачей и в течение одного рабочего дня подготовит смету и уточняющие вопросы для начала работ
Стать клиентом или партнером
zakupki@flatonica.com
Пригласить в тендер (закупки)
Мы работаем с корпорациями
и компаниями. Во всём мире
Успешно консультируем и разрабатываем цифровые решения для бизнеса и государства. Среди клиентов: LabelUp, JAMI LUP, Аукционный Дом РФ, Сколково, ВНИИИМТ, ЗаЧестныйБизнес, BID1 и др.
