Manava: кейс кіберспортивної платформи

КейсПродукт

Інтерфейс на Next.js, підключений до адмінки Directus і зовнішніх API, з анімацією по всьому продукту.

Клієнт: MANAVAКіберспортивна платформа зі змаганнями на навичках, турнірами й нагородами NAVA.
Тип: ПродуктВебпродукт сімома мовами.
Наша частина: ВеброзробкаІнтерфейс, анімація й інтеграції API, Directus як адмінка.
Стек: Next.js · Directus · Three.js · Swiper.jsІнтерфейс на Next.js, адмінка на Directus, 3D на Three.js, слайдери на Swiper.
Терміни: 13 тижнівВід наданого дизайну до запуску сайту.

Про проєкт

Інтерфейс кіберспортивної платформи

Ми реалізували інтерфейс MANAVA на Next.js: каталог ігор за платформами, кар’єрні шляхи, результати рейтингу, кроки реєстрації й анімація по всьому продукту, підключення до зовнішніх API, Directus як адмінка та сім мовних версій. Проєкт зайняв 13 тижнів.

тижнів розробки: 13
мовних версій: 7
ігор у популярному каталозі: 6

Бриф

Завдання

Реалізувати інтерфейс продукту, анімацію та інтеграції API, а адмінку зробити на Directus.

<01> Вхід · Від клієнтаГотовий дизайн
<02> ROOKS · 13 тижнівВеброзробка
<03> Результат · ЗапущеноІнтерфейс кіберспортивної платформи

Що ми зробили

Інтерфейс продукту у трьох шарах: що бачать гравці, чим керує команда і на чому працюють дані.

Інтерфейс
Next.js з анімацією.
Керування
Directus CMS як адмінка.
Інтеграції
Зв’язок інтерфейсу із зовнішніми API.

На живому сайті

Ключові функції

Прелоадер: Анімований екран завантаження.
Каталог ігор: Популярні ігри за платформами з кнопкою «Get started».
Кар’єрні шляхи: Сольні ігри, командні турніри й реферальна мережа.
Рейтинг: Реальні результати користувачів.
Кроки реєстрації: Як почати за кілька кроків.
Мови: Англійська, німецька, іспанська, португальська, українська, російська, турецька.