Лого проектаЛого проекта
Геймдев
Разработчики
Web
Анализ
Проектирование
Дизайн интерфейса
Дизайн-контроль

Jarvis2024

Рефакторинг внутреннего сервиса для разработчиков видеоигр в международной геймдев компании Saber Interactive

Award
Рекомендуемое на
dprofile.ru
Award
Рекомендуемое на
dprofile.ru
Главное изображение

(01)

(01)

Какая задача поступила

Какая задача поступила

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

Какая задача поступила

Какая задача поступила

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

Какая задача поступила Изображение

(02)

(02)

Проблемы текущего MVP

Проблемы текущего MVP

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

Проблемы текущего MVP

Проблемы текущего MVP

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

Проблемы текущего MVP Изображение

(03)

(03)

Этапы работы

Этапы работы

Анализ

Анализ

Сбор информации, интервью, требования

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

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

Сборка флоу, информационная архитектура, прототипирование

Дизайн

Дизайн

Концепция, макеты, UI-kit

Этапы работы

Этапы работы

Анализ

Анализ

Сбор информации, интервью, требования

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

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

Сборка флоу, информационная архитектура, прототипирование

Дизайн

Дизайн

Концепция, макеты, UI-kit

Этапы работы Изображение
Этапы работы Изображение

(04)

(04)

Над чем мы работали и что получилось

Над чем мы работали и что получилось

Усовершенствовали систему запуска и проверки билдов, а также упростили логику сервиса, который автоматизирует процесс мониторинга ошибок в коде

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

Также систематизировали работу над дизайном, что снизило издержки
на разработку при масштабировании проекта

Над чем мы работали и что получилось

Над чем мы работали и что получилось

Усовершенствовали систему запуска и проверки билдов, а также упростили логику сервиса, который автоматизирует процесс мониторинга ошибок в коде

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

Также систематизировали работу над дизайном, что снизило издержки
на разработку при масштабировании проекта

Над чем мы работали и что получилось Изображение
Над чем мы работали и что получилось Изображение
Над чем мы работали и что получилось Изображение

(05)

(05)

На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест

На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест

На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест

На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест

На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест Изображение
На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест Изображение
На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест Изображение
На экране отображаются списки билдов и стадии его отработки с возможностью детального просмотра и отслеживания проблемных мест Изображение

(06)

(06)

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

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

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

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

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

(07)

(07)

Адаптировали дизайн под мобильную версию, чтобы разработчики могли видеть, насколько успешно запускаются и отрабатываются билды

Адаптировали дизайн под мобильную версию, чтобы разработчики могли видеть, насколько успешно запускаются и отрабатываются билды

Адаптировали дизайн под мобильную версию, чтобы разработчики могли видеть, насколько успешно запускаются и отрабатываются билды

Адаптировали дизайн под мобильную версию, чтобы разработчики могли видеть, насколько успешно запускаются и отрабатываются билды

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

(08)

(08)

Прототип

Прототип

Исходя из бизнес-требований изучили подходящие референсы и спроектировали дизайн в соответствии с общим лэйаутом интерфейса, уменьшили количество паттернов, улучшили эргономику продукта и избавились от ненужных элементов

Прототип

Прототип

Исходя из бизнес-требований изучили подходящие референсы и спроектировали дизайн в соответствии с общим лэйаутом интерфейса, уменьшили количество паттернов, улучшили эргономику продукта и избавились от ненужных элементов

Прототип Изображение
Прототип Изображение

(09)

(09)

UI-kit

UI-kit

UI-kit

UI-kit

UI-kit Изображение

(10)

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

(10)

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

Благодарим дизайн-студию UxPRO за проделанную работу. Проект был непростым из-за сложной специфики и требований разработчиков

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

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

Благодарим дизайн-студию UxPRO за проделанную работу. Проект был непростым из-за сложной специфики и требований разработчиков

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

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

Клиент

Евгений Цымбалюк

Руководитель проекта

Клиент

Евгений Цымбалюк

Руководитель проекта

Авторы

Авторы

Сергей Мерзлов

Сергей Мерзлов

Проектирование, UX/UI

Проектирование, UX/UI

Артур Хестанов

Артур Хестанов

Оформление кейса

Оформление кейса

Оставить заявку

Авторы

Авторы

Сергей Мерзлов

Сергей Мерзлов

Проектирование, UX/UI

Проектирование, UX/UI

Артур Хестанов

Артур Хестанов

Оформление кейса

Оформление кейса

Оставить заявку