JagaJam Аналитика
Завершено в 2016
Дизайн и верстка интерфейса JagaJam Анатилики.
Задача
Разработать в соответствии с обновленным фирменным стилем и новым функционалом интерфейс JagaJam Аналитики.
О продукте
JagaJam — это аналитическая платформа для построения эффективных коммуникаций брендов с аудиторией социальных сетей.
Основной продукт компании — Аналитика — система глубокого анализа в социальных сетях.
Компания выросла, пришло время развивать сервис и выходить на новые рынки. Останавливал только морально устаревший интерфейс. За проектированием, оформлением и версткой обратились к нам.
Первое, что мы сделали, это обновили дизайн публичного сайта. Далее следовала работа по обновлению основного продукта компании — Аналитики.
Проектирование
Перед началом проектирования интерфейса нам была предоставлена исчерпывающая информация о его работе, о желаемом функционале и даже наброски схем страниц.
Мы обработали всю входящую информацию, и подготовили прототип в Invision на основе разработанных нами схем интерфейса.
Помимо схем для экранов стационарных компьютеров были подготовлены схемы для экранов смартфонов.
Оформление
Дизайн публичного сайта уже был готов к началу работ над интерфейсом Аналитики. Нам необходимо было сохранить преемственность оформления в интерфейсе, и сделать его более утилитарным.
Сводка
После авторизации пользователя встречает сводка по всем социальным сетям, в которых он ведет наблюдение за сообществами.
Страницы соц. сетей
По каждой социальной сети доступен список наблюдаемых страниц. Представление списка можно настраивать.
Страница
По наблюдаемой странице доступно множество информации: аудитория и ее вовлеченность, содержание постов, тип контента, список комментариев.
Посетители
О каждом участнике сообщества в социальной сети доступен большой обьем данных.
... и множество других экранов и их состояний.
Верстка
Перед версткой были подготовлены макеты для четырех разрешений экранов: для широких и средних экранов стационарного компьютера, для планшета и для смартфона. Была сделана адаптивная верстка, которая позволяет пользоваться интерфейсом практически на любых устройствах вне зависимости есть ли курсор.
Снабдив все макеты небольшими видео роликами, показывающими переходы между разными состояниями страниц, все материалы были переданы в верстку, а оттуда — разработчикам клиента.
Чтобы воспользоваться обновленным интерфейсом JagaJam Аналитики, нужно стать клиентом компании JagaJam.
Взгляните на другие сайты и интерфейсы
reStore
Ruptly Pass
Uber