JagaJam Аналитика

JagaJam Аналитика — Изображение №1 — Интерфейсы на Dprofile

JagaJam Аналитика

Завершено в 2016

Дизайн и верстка интерфейса JagaJam Анатилики.

Задача: разработать в соответствии с обновленным фирменным стилем и новым функционалом интерфейс JagaJam Аналитики.

О продукте

JagaJam — это аналитическая платформа для построения эффективных коммуникаций брендов с аудиторией социальных сетей.

Основной продукт компании — Аналитика — система глубокого анализа в социальных сетях.

Компания выросла, пришло время развивать сервис и выходить на новые рынки. Останавливал только морально устаревший интерфейс. За проектированием, оформлением и версткой обратились к нам.

Первое, что мы сделали, это обновили дизайн публичного сайта. Далее следовала работа по обновлению основного продукта компании — Аналитики.

Проектирование

Перед началом проектирования интерфейса нам была предоставлена исчерпывающая информация о его работе, о желаемом функционале и даже наброски схем страниц.

Мы обработали всю входящую информацию, и подготовили прототип в Invision на основе разработанных нами схем интерфейса.

JagaJam Аналитика — Изображение №2 — Интерфейсы на Dprofile

Помимо схем для экранов стационарных компьютеров были подготовлены схемы для экранов смартфонов.

Оформление

Дизайн публичного сайта уже был готов к началу работ над интерфейсом Аналитики. Нам необходимо было сохранить преемственность оформления в интерфейсе, и сделать его более утилитарным.

Сводка

После авторизации пользователя встречает сводка по всем социальным сетям, в которых он ведет наблюдение за сообществами.

JagaJam Аналитика — Изображение №3 — Интерфейсы на Dprofile

Страницы соц. сетей

По каждой социальной сети доступен список наблюдаемых страниц. Представление списка можно настраивать.

JagaJam Аналитика — Изображение №4 — Интерфейсы на Dprofile

Страница

По наблюдаемой странице доступно множество информации: аудитория и ее вовлеченность, содержание постов, тип контента, список комментариев.

JagaJam Аналитика — Изображение №5 — Интерфейсы на Dprofile

Посетители

О каждом участнике сообщества в социальной сети доступен большой обьем данных.

JagaJam Аналитика — Изображение №6 — Интерфейсы на Dprofile

... и множество других экранов и их состояний.

Верстка

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

JagaJam Аналитика — Изображение №7 — Интерфейсы на Dprofile

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

Чтобы воспользоваться обновленным интерфейсом JagaJam Аналитики, нужно стать клиентом компании JagaJam.

Оценить

Добавить в коллекции...

От автора