Создаём и развиваем сервисы, приложения и веб-сайты с продуманным взаимодействием для компаний с помощью симбиоза креатива и технологий для создания продукта.
LabelUP
Клиент:
Лейбл Ап
Услуги:
UX/UI дизайн, редизайн
Релиз:
15 марта 2023
Adtech
Product Design
Сайт
labelup.ru
LabelUP
Клиент:
Лейбл Ап
Услуги:
UX/UI дизайн, редизайн
Релиз:
15 марта 2023
Adtech
Product Design
Сайт
О клиенте
LabelUP — популярный сервис для размещения рекламы на каналах блогеров в социальных сетях. Платформа объединяет авторов в таких популярных тематиках, как: Lifestyle, Beauty, Sport, Fashion, Travel и т.д. Агентство располагает продакшном и помогает разрабатывать стратегии и креативные сценарии, создавать фото и видео, интегрировать бренды в контент популярных блогеров.
Среди клиентов: Procter & Gamble, ВТБ, Huawei, Aviasales, Unilever, Johnson & Johnson, Red Bull, Heinz, Avon, Тинькофф, Ситимобил, ИКЕА, Nivea, L'Oreal, Яндекс, Amway, Gillette, Sony, METRO, Mars, PepsiCo, McDonald's, Oriflame, Сбербанк, Tefal, Чистая Линия, Lufthansa и другие.
Среди клиентов: Procter & Gamble, ВТБ, Huawei, Aviasales, Unilever, Johnson & Johnson, Red Bull, Heinz, Avon, Тинькофф, Ситимобил, ИКЕА, Nivea, L'Oreal, Яндекс, Amway, Gillette, Sony, METRO, Mars, PepsiCo, McDonald's, Oriflame, Сбербанк, Tefal, Чистая Линия, Lufthansa и другие.
Переосмысление пользовательского опыта: упрощение userflow и разработка удобных сценариев
Общий редизайн платформы
с учётом мобильной версии и лендингов. Разработка креативов
Одной из проблем сервиса была связана с фильтрацией блогеров. Среди 400 000 лидеров мнений, пользователи в лице рекламных агентств, испытывали трудности с настройкой параметров поиска, из-за чего приходилось либо обновлять страницу для сбрасывания поиска или же вручную менять каждый параметр.
В новой версии фильтров подход был изменён кардинально. Визуальное отображение параметров стало в несколько раз проще, а настройка и задавание параметров теперь происходит в рамках открытого списка и можно удалять нужные параметры без его открытия или же глобально сбросить фильтрацию
В новой версии фильтров подход был изменён кардинально. Визуальное отображение параметров стало в несколько раз проще, а настройка и задавание параметров теперь происходит в рамках открытого списка и можно удалять нужные параметры без его открытия или же глобально сбросить фильтрацию
Отсеяли старые низкоуровневые фильтры в угоду более практичных
Проблема и решение
Статистика показателей уровня подписчиков, география подписчиков, охваты и другие метрики являлись перегруженными и в процессе изучения данных, агентства испытывали сложности с восприятием информации, особенно в важных частях набранные мелким шрифтом. Вдобавок ко всему метрики были устаревшие по сравнению с конкурентами.
Было предложено обновить все блоки с метриками в наиболее компактный, современный и не менее важно в удобный интерфейс который наглядно и в лучшем виде расскажет рекламодателям об инфлюенсере.
Было предложено обновить все блоки с метриками в наиболее компактный, современный и не менее важно в удобный интерфейс который наглядно и в лучшем виде расскажет рекламодателям об инфлюенсере.
Новый дизайн метрик
и упростили изучение
информации
Проблема и решение
Старая версия преобладала тернистым пользовательским путём. Добавление блогера в подборку занимал время и приходилось произвести больше 4-х кликов, только чтобы создать подборку и затем уже добавлять интересующих нас блогеров.
В новой версии мы упростили флоу до 2-х кликов и добавили возможность добавлять без создания папки и бренда. Настроили фильтры, увидели средние показатели, включили в подборку. Всё.
В новой версии мы упростили флоу до 2-х кликов и добавили возможность добавлять без создания папки и бренда. Настроили фильтры, увидели средние показатели, включили в подборку. Всё.
Облегчили добавление блогеров в подборку. В 2 клика, вместо массивных 4.
Проблема и решение
Данный раздел является одним из ключевых функционалов в сервисе. Основной проблемой являлся громоздкий процесс создания кампании во множество этапов и также наблюдались технические ошибки, что усложнял жизнь многим рекламным агентствам и усиливалось давление на поддержку. Помимо прочего, редактирование и управление кампаниями было очень некомфортным занятием в мобильной версии.
В редизайне процесс создания был поделён на шаги. Были улучшены UX-компоненты. Добавлены наглядные статусы и упростили вид созданных кампаний. Сделали процесс создания более дружелюбным и прозрачным процессом.
В редизайне процесс создания был поделён на шаги. Были улучшены UX-компоненты. Добавлены наглядные статусы и упростили вид созданных кампаний. Сделали процесс создания более дружелюбным и прозрачным процессом.
Создание кампаний стало более понятной и доступной, а управление более простым.
Проблема и решение
Подключение аккаунта блогера проходил через целые барьеры в виде нерешённых кейсов, как например, нельзя было понимать минимальное число подписчиков для подключения, а тематики отображались отдельно от подключения и можно было попросту пропустить какие-либо пункты.
В редизайне мы постарались учесть данную проблему и решили целые ветки кейсов: отобразили минимальное кол-во подписчиков, упростили выбор соцсети, добавили мотивацию зачем нужно добавлять в базу, добавили возможность сбора охватов и наглядно отобразили тематики с лимитом до 3-х категорий.
В редизайне мы постарались учесть данную проблему и решили целые ветки кейсов: отобразили минимальное кол-во подписчиков, упростили выбор соцсети, добавили мотивацию зачем нужно добавлять в базу, добавили возможность сбора охватов и наглядно отобразили тематики с лимитом до 3-х категорий.
Сделали понятной и более прозрачной процесс добавления аккаунта инфлюенсера
Проблема и решение
Старая версия пересечений обладала объёмным списком недостатков, особенно это было актуально к визуальной составляющей: перегруженная таблица, кратка сводка о блогерах была почти незаметной, интерфейс был в целом неудобен и вызывал вопросы.
В редизайне таблица была упрощена и реализована в более наглядном виде. Проработали момент с краткой информацией о блогерах в виде зафиксированной панели с возможностью добавить новых блогеров из каталога и также выгрузить данные в формат Excel.
В редизайне таблица была упрощена и реализована в более наглядном виде. Проработали момент с краткой информацией о блогерах в виде зафиксированной панели с возможностью добавить новых блогеров из каталога и также выгрузить данные в формат Excel.
Пересечения аудитории на раз-два. Теперь без сложного паззла.
Проблема и решение
Тарифная сетка плохо отображала выгоду для пользователей в компиляции со слабым CTA. Общий визуальный вид был очень слабым и не проработанным с точки зрения UX.
Мы привели тарифы в более яркий и в более заметный стиль, с проработанным CTA и добавили сравнение тарифных опций. Таким образом выбор тарифа стал проще, мы объяснили пользователю преимущества того или иного тарифа, а также добавили гибкую возможность отображать выгоду от приобретения годовой подписки.
Мы привели тарифы в более яркий и в более заметный стиль, с проработанным CTA и добавили сравнение тарифных опций. Таким образом выбор тарифа стал проще, мы объяснили пользователю преимущества того или иного тарифа, а также добавили гибкую возможность отображать выгоду от приобретения годовой подписки.
Проработали CTA и обновили тарифную сетку сервиса
Проблема и решение
У сервиса отсутствовал бот с помощью которого можно легко проверять и собирать аналитику блогеров прямо через Telegram. Когда бот был создан и настроен, мы добавили ряд интерфейсов с оплатой за выбранное количество запросов и срока работы бота. Интерфейс реализован в воздушном и в простом стиле, в котором есть всего 2 пункта для регулирования: это срок службы бота и настройка мощности бота. Просто, понятно и доступно.
Подготовили интерфейсы оплаты для Telegram-бота
Проблема и решение
Взаимодействие с платформой полностью изменилось. Пользователям стало проще создавать и управлять кампаниями, искать инфлюенсеров через поиск был упрощён благодаря новому подходу к фильтрам, а изучение метрик в статистике с расставленными приоритетами, позволило рекламодателям сосредоточиться на качестве аккаунта. Решили кейсы и с подключением аккаунта блогера в базу сайта. Если ранее система обладала как техническими так и визуальными недостатками, в новой версии мы свели подключение в 2 шага с прозрачными требованиями к аккаунту и очевидным выбором тематик.
Результат
Если вам требуется дизайн или редизайн сервиса, оставляйте заявку. Мы будем рады создать ноу-хау
Дизайнер UX/UI
Владислав Гончаров
Фронтенд-разработчики
Олег Чурилов
Продакт-менеджер
Эльвира Климанова
Александр Почечура
Алексей Дерушев
Анимации, моушн
Анастасия Доброквашина
Instagram — проект компании Meta Platforms Inc., деятельность которой запрещена на территории Российской Федерации.