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