Continental Technology це новий погляд на індустрію криптовалют. Платформа поєднує власний унікальний блокчейн, GameFi, Crypto Wallet та можливості AI, забезпечуючи інтелектуальну інтеграцію будь-яких технологій. Головна цінність стартапу в тому, що він робить цифрову взаємодію зручнішою, приватнішою, безпечнішою і менш дорогою.
Клієнту була потрібна веб-платформа з високим рівнем персоналізації для залучення інвесторів, запуску маркетингової активності та розширення впливу на ринку.
Які виклики стояли перед нашою командою
Коли клієнт звернувся до нас, у нього вже був сайт, що функціонує, проте він не справлявся з поставленими завданнями. Нам потрібно було повністю переглянути візуальну виставу стартапу в інтернеті і створити функціональний фронтенд, який зможе правильно презентувати Continental потенційним інвесторам. Ми провели комунікацію з клієнтом, вивчили ринок та визначили для себе чотири ключові цілі:
- Створити UI у футуристичному стилі із застосуванням 3D-графіки, щоб максимально точно донести до аудиторії цінності та погляди Continental Technology.
- Спроектувати ефективний UX, адаптований під максимальну кількість аксесуарів, у тому числі виставкові стенди.
- Врахувати можливості для подальшого розвитку ресурсу: розширення функціоналу та впровадження інтерактивної 3D-кімнати для просування гри Metacontinental.
- Знайти оптимальний баланс "якість-продуктивність" для вмісту сайту, щоб забезпечити швидкодію системи на всіх пристроях.
Як проходила розробка
Розробка проекту виконувалась поетапно. Кожен крок ми погоджували із замовником, щоб фінальний результат повністю відповідав його очікуванням.
Розповідаємо про кожен етап докладніше:
1. Збір інформації та дослідження
Вивчили бізнес-завдання та вимоги клієнта, провели аналіз ринку та найближчих конкурентів. Результат: сформували та затвердили зі стороною замовника чітку концепцію розробки.
2. Проєктування
Продумали UX та User flow, функціональну частину та створили інтерактивний прототип проекту. Із важливого: панель навігації перемістили у ліву частину екрану, щоб сайт було зручно використовувати під час презентацій на виставкових стендах. Це рішення також зробило зовнішній вигляд платформи унікальним та впізнаваним на тлі конкурентів.
3. Розробка UI
Відмалювали унікальний інтерфейс користувача з високим рівнем персоналізації, який підкреслює інноваційні можливості Continental Technology.
4. Frontend-розробка
Розробили клієнтську частину проекту, з якою користувачі взаємодіють на стороні браузера. Для досягнення максимальної продуктивності та збереження гарної якості графіки, провели глибоку оптимізацію контенту, помітно зменшивши кількість полігонів.
5. QA-тестування
Ретельно протестували всі компоненти інтерфейсу та реалізовані функції, знайшли проблеми та усунули.
Технології
Для клієнта було важливо, щоб клієнтська частина сайту працювала швидко та стабільно. Щоб досягти оптимального результату, ми взяли перевірені технології:
- Vue.js — легкий фреймворк не перевантажує пам'ять і надає величезний набір інструментів для реалізації технічно складних проектів. Крім цього, він забезпечує надійну інтеграцію з іншими бібліотеками, тому тут вибір був очевидним.
- Gsap - використовувався для створення вражаючих анімацій, що не потребують великого обсягу ресурсів.
- Three.js - кроссбраузерна бібліотека була необхідна для створення та відображення анімованої 3D-графіки в інтерфейсі браузера.
- Nuxt.js – задіяли для рендерингу графіки на сервері (SSR) та статичної генерації, що дозволило помітно прискорити завантаження сторінок.
Результат
Завдяки професійним діям нашої команди, інноваційний стартап Continental Technology зміг запустити ефективний сайт, який допоможе йому швидко розвиватися на ринку та залучати інвесторів у всьому світі.
Ми, у свою чергу, продовжуємо працювати над проєктом.
Наразі наші зусилля зосереджені на масштабуванні ресурсу, реалізації нових фіч та ідей клієнта.
