Разработка нового интерфейса и стиля

Задача

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

О клиенте

10лет
опыт внедрения
в проектном
бизнесе
150
организаций
в системе
85
регионов —
география самого
крупного проекта
15000
сотрудников работает
у самого крупного клиента
Адванты

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

Мы начали с совместной
работы над образом продукта

Адванта Групп обратилась к нам за «косметическим ремонтом».
Изначально клиент хотел осовременить дизайн карточки объекта,
сделать его удобным и симпатичным.

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

Совместно с заказчиком мы провели несколько сессий моделирования продукта. Выделили основные роли, выявили пользовательские проблемы и потребности. После этого мы составили матрицу «Дома качества» – выяснили,
какие функции продукта создают ценности для разных групп пользователей.

Каждую функцию мы взвесили с точки зрения ее важности для конкретной группы.

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

Нарисовали первые прототипы

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

Этот блок — карточка, а иконка
обозначает тип сущности, которая
сейчас открыта
Уведомления сообщений, лайков
и запросов
Это дашборд,
он собирается клиентом
самостоятельно, сюда
можно вынести любые
виджеты
Этапность бизнес-логики,
она задается во время
создания проекта
и полностью меняется
Гугловый
флоатбаттон.
Кнопка всегда
на экране, и через
нее можно создать
любую сущность.
Ниже идут модули системы,
которые ассоциированы
с проектом. Их превеликое
множество, и регулярно
появляются новые
Тут показывается все, что
происходит внутри
проекта — создание записей,
комментарии
и прочее
Меню кастомизируется
пользователем
в зависимости
от выбранной редакции
системы

Готовим стиль

14

встреч

240

дней

234

письма

Результаты работы

Интерфейс самого важного экрана программы – карточки объекта.
Карточка собирается из виджетов. Мы постарались сделать так, чтобы
пользователь сразу видел самую важную информацию.
Графическая модель хорошо выдерживает самые разные комбинации данных.
Цветовая схема интерфейса позволяет Адванте подстраиваться под предпочтения заказчика.

ПОдложка

Пользователи системы могут загружать для объектов фоновые изображения. Это добавляет эмоций и помогает заказчикам Адванты ненавязчиво работать с корпоративной культурой.

material-like стилистика

Сделали главную страницу
и все сверстали

Мы сверстали интерфейс и помогли (на самом деле, все еще помогаем) программистам привязать новый дизайн.

Вот как выглядит домашняя страница и основное меню проекта.

В процессе сделали
новый логотип

История о том, как мы делали новый логотип, заслуживает отдельного повествования — мы перепробовали десятки комбинаций начертаний и гарнитур и подготовили для клиента 3 презентации разных вариантов логотипа. Опустим все метаморфозы, вот результат:

Адванта — старый логотип Было
Адванта — новый логотип Стало
Адванта — знак

Осталось за кадром

to be continued...

Обновленый интерфейс системы управления Адванта уже начал приносить пользу своим владельцам. Когда мы еще только рисовали новый дизайн, у компании Адванта Групп появился очень крупный потенциальный клиент, который рассматривал различные системы управления. Ему в Адванте понравилось все, кроме старого дизайна интерфейса системы. Презентация нового дизайна помогла заключить сделку.

В наших ближайших планах новые совместные работы, в которые входит полное обновление навигации системы и создание мобильной версии.

Отзыв Клиента

Работая с JetStyle, мы получили новый взгляд на развитие продукта «от бизнес-выгод» конечного пользователя. Анализ персонажей и их сценариев позволил нам лучше понять особенности нашего клиента, что сильно повлияло на стратегию развития продукта в целом. В результате мы смогли сформировать ценностное предложение, которое существенно сократило цикл сделки и повысило финансовые показатели компании. А разработанный современный интерфейс дополнил этот результат положительными отзывами наших клиентов

Денис Базин
Денис Базин
директор компании
Команда
Наталья Устименко
НатальяУстименко
Руководитель проекта
Сергей Беляев
СергейБеляев
Технический руководитель
 Алексей Кулаков
АлексейКулаков
Арт-директор
Григорий Копосов
ГригорийКопосов
Дизайнер
Николай Корольков
НиколайКорольков
Дизайнер
Другие работы

Мы работаем над большим количеством крутых
и интересных проектов. Вот еще несколько.