JAMSkinsНовий візуальний напрям для всього продукту.
Як продуктовий та UX/UI-дизайнер, я створив інтерфейси продукту й брав участь у розробці майже всіх користувацьких сценаріїв. Перетворив попередній візуальний стиль на кіберпанкову концепцію, яку платформа використовує зараз.
- Ігрова платформа та маркетплейс скінів
- Продуктовий та UX/UI-дизайн
Коротко про проєкт
- Моя роль
- Продуктовий та UX/UI-дизайнер. Дизайн інтерфейсів усього продукту й участь у майже всіх користувацьких сценаріях.
- Задача
- Розробити новий кіберпанковий візуальний напрям і перенести його на інтерфейси продукту.
- Ключова робота
- Візуальна концепція, сценарії каси, ігрові інтерфейси, відкриття кейсів і пов’язана бібліотека кейсів.
- Реалізований результат
- Моя візуальна концепція стала основою поточного вигляду платформи. Бібліотека кейсів пов’язана з відкриттям, Upgrader і маркетплейсом.
Завдання
Попередня версія потребувала іншого візуального напряму. Я розробив кіберпанкову концепцію та переніс її на екрани продукту. Паралельно працював над взаємодіями в іграх і сценаріями каси. Робота охопила вигляд платформи та зв’язки між її основними процесами.
Зв’язки всередині продукту
Спільна візуальна концепція
Я перетворив візуальний стиль інтерфейсів продукту. Ця концепція стала основою поточного вигляду платформи.
Бібліотека кейсів із подальшими діями
Додана бібліотека поєднує кейси з відкриттям, Upgrader і маркетплейсом. Вона стала спільною точкою входу до цих сценаріїв.
Інтерфейс
Мій внесок охоплював інтерфейси продукту й участь у майже всіх користувацьких сценаріях. Значна частина роботи стосувалася каси, самих ігор та механік відкриття кейсів. Макети нижче показують, як спільні елементи керування й візуальні патерни поєднують ці розділи.
- Ігрові інтерфейси
- Cases, Mines, Dice та Upgrader мають спільну візуальну мову й інформацію, потрібну для конкретної механіки. Upgrader виділяє ймовірність, а Dice показує результат поруч зі шкалою.
- Предмети й колекції
- У макетах показано колекції кейсів та екрани предметів. Обраний предмет, інформація про нього й наступна дія розташовані разом.
- Адаптивні екрани
- Мобільні версії зберігають стиль продукту й перебудовують керування для меншого дисплея. Головна взаємодія залишається поруч із навігацією та допоміжною інформацією.
- Прогрес та айдентика
- Значки рангів і персонажі формують упізнавану систему прогресу. Вони доповнюють візуальний стиль, зберігаючи зрозумілі підписи й елементи керування.
Оригінальний дизайн
Перегляньте екрани, користувацький сценарій, типографіку та палітру в оригінальному візуальному кейсі.
Дизайнер: Олексій Алтунін
Я продуктовий та UX/UI-дизайнер із понад 6 роками досвіду. Працюю над веб- і мобільними інтерфейсами, зокрема SaaS-платформами, CRM та ERP, дашбордами й маркетплейсами.
Працюєте над складним продуктом?
Розкажіть про продукт, його користувачів і те, що хочете поліпшити.
