Дизайн интерфейса для ADVgame

Клиент

ADVGame — это CPA-площадка для продвижения онлайн-игр. Сервис объединяет интересы рекламодателей и веб-разработчиков.

Задача

Обновить элементы визуальной коммуникации с веб-мастерами и рекламодателями: разработать дизайн и спроектировать интерфейс.

 

Дизайн и проектирование интерфейсов для ADV game

Прототипирование интерфейса

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

 

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

 

Дизайн 

При прототипировании мы сделали основные акценты на переработку распределения важности блоков на страницах личных кабинетов веб-мастера и рекламодателя. 

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

Приведём пример редизайна дашборда:

 

Разработка интерфейса ADVGame

 

  • Меню сайта переместили в левый сайдбар. Данный вариант является повсеместным и удобным при работе с платформами и сервисами, есть возможность на долгосрочной перспективе добавлять новые разделы сайта.
  • Основная статистика теперь представляется в графическом виде. Так удобно отслеживать изменения по показателям и анализировать свою работу.
  • Финансовый блок логически остался без изменений, так как при аналитике  было выведено, что данное расположение удовлетворяет пользователей.
  • Данные менеджера были перенесены в левый сайдбар в меню. Это важная информация, которая может понадобится пользователям в любое время для выяснения любых вопросов, связанных с сервисом. Если выделяется персональный менеджер — он должен помогать и делать так, чтобы пользователь приносил прибыль не только себе, но и к компании.
  • В блок с основными показателями внедрена функция, с помощью которой можно отслеживать тенденции роста (в %) определенного показателя.

И ещё несколько страниц из личного кабинета веб-мастера:

 

Каталог программ. Раскрытая сортировка по параметрам
Каталог программ. Внутренняя страница с описанием
Статистика по дням
Статистика по конверсиям
Статистика по дням. Модальное окно программы

Результат

В итоге мы улучшили и обновили дизайн интерфейса личного кабинета для веб-мастеров и рекламодателей.

 

Главная страница
Профиль пользователя
Финансы
Техподдержка. Развернутое меню, новый тикет
Техподдержка. Тикет, вопрос решен
Блоки компонентов
Блоки компонентов

 

Команда проекта

  • Максим

    Дизайнер

  • Евгений

    Проект-менеджер

  • Евгения

    Дизайнер

  • Антон

    Дизайнер

  • Екатерина

    Дизайнер

Смотреть следующий проект

Давайте обсудим ваш проект