Редизайн платформы
для эффективного управления интернет рекламой

Подрядчик

Origami

Год

2023 – н.в.

Команда

Дизайнер
Проект менеджер
Продукт оунер
Разработчики

Результаты

Полный редизайн платформы

Роль

UI/UX дизайнер
User Flow
Визуальный дизайн
Usability тестирование

Краткий обзор

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

Задачи

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

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

Универсальность для всех пользователей
Адаптировать интерфейс под разные уровни опыта — от новичков до экспертов.

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

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

Процесс

Исследование и анализ
Провел интервью с текущими пользователями Origami (10 человек: 5 новичков, 5 опытных специалистов) для выявления болевых точек.
Изучил конкурентов (например, Alytics, eLama) для определения лучших практик.
Проанализировал упоминания Origami в статьях и отзывах, чтобы понять восприятие платформы.

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

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

Прототипирование
Составил wireframes для основных экранов (дашборд, создание кампании, аналитика).
Создал интерактивные прототипы в Figma для тестирования.

Дизайн и тестирование
Разработал финальный UI с использованием новой дизайн-системы.
Провел юзабилити-тестирование с 5 пользователями, чтобы проверить удобство.

Сложности
и их решения

Сложность 1: Упрощение без потери функциональности
Проблема: Пользователи привыкли к детализированным данным, но их избыток мешал восприятию.
Решение: Внедрил прогрессивное раскрытие информации — базовые данные видны сразу, а детали доступны по клику. Например, на дашборде показаны только ключевые метрики (CTR, CPC, конверсии), а полный отчет открывается в отдельной вкладке.

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

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

Сложность 4: Сопротивление изменениям
Проблема: Постоянные пользователи могли негативно воспринять радикальные изменения.
Решение: Сохранил знакомые паттерны (например, расположение меню), но сделал их более современными и удобными.

Результат

Снижение количества ошибок новичков на 25% за счет подсказок и четкой структуры.

Увеличение удовлетворенности пользователей на 35%
(по результатам опроса тестеров).

Сокращение времени на создание кампании на 40% благодаря упрощенному мастеру.