Continental

Вже під час перших комунікацій ми визначили ключові бізнес-завдання клієнта на поточному етапі — залучення інвесторів та запуск маркетингової діяльності для розширення впливу платформи на ринку. Тому всю подальшу роботу ми збудували з фокусом на досягнення цих цілей.

Було вирішено:

• Створити дизайн у футуристичному стилі з використанням анімованої 3D-графіки, що максимально точно донесе цінність Continental до цільової аудиторії.
• Передбачити можливості подальшого масштабування веб-платформи — розширення функціоналу, реалізації інтеграцій та впровадження інтерактивної 3D-кімнати для просування гри Metacontinental.
• Використовувати вміст високої якості, але в балансі з оптимальною продуктивністю системи на мобільних і десктопних пристроях.

Етапи розробки

Розробка проекту проходила у кілька етапів:

• Збір інформації. Ми вивчили вимоги та бізнес-завдання клієнта, провели аналіз його існуючого сайту та основних гравців на ринку. У результаті було сформовано і затверджено чітку концепцію реалізації проекту.
• Проєктування. На основі готової концепції був ретельно продуманий та розроблений прототип платформи. Він складався з чотирьох основних компонентів: варфреймів інтерфейсу, UX-дизайну, таблиці з описом функціоналу та блок-схем модулів.

• Розробка дизайну. Дизайнери малювали унікальний дизайн, що охоплює максимально широку кількість розширень — від смартфонів та планшетів до великих екранів та виставкових стендів.

• Frontend-розробка. Розробка інтерфейсу на програмному рівні включала: реалізацію візуального оформлення та анімацій, організацію взаємодії з користувачем через інтерактивні елементи та обробку дій користувача. Щоб досягти мінімальної швидкості завантаження сторінок і зберегти високу якість графіки, ми провели глибоку оптимізацію і знизили кількість полігонів.
• Тестування. Після завершення розробки всі компоненти інтерфейсу були ретельно протестовані та налагоджені.

Які технології ми використовували

При виборі технологічного стеку ми віддали перевагу інноваційним JavaScript-бібліотекам та фреймворкам:

• Vue.js — для вирішення завдань рівня подання та спрощення роботи з бібліотеками.
• Gsap — створення веб-анімацій.
• Three.js – для відображення анімованої 3D графіки.
• Nuxt.js – для організації всіх етапів рендерингу UI.

Команда AVADA MEDIA спроєктувала та розробила клієнтську частину інвестиційної веб-платформи Continental Technology, яка стане ефективним інструментом для залучення інвесторів та масштабування екосистеми.

Наразі web-платформа Continental Technology вже запущена, і наша команда продовжує працювати над її розвитком.