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

Jarvis2024

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

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

(01)

(01)

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

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

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

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

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

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

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

(02)

(02)

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

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

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

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

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

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

Проблемы текущего MVP Изображение
Проблемы текущего 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 Изображение
UI-kit Изображение

(10)

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

(10)

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

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

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

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

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

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

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

Клиент

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

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

Клиент

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

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

Авторы

Авторы

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

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

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

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

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

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

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

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

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

Авторы

Авторы

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

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

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

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

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

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

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

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

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