Continental

Уже во время первых коммуникаций мы определили ключевые бизнес-задачи клиента на текущем этапе — это привлечение инвесторов и запуск маркетинговой деятельности для расширения влияния платформы на рынке. Поэтому всю дальнейшую работу мы построили с фокусом на достижение этих целей.

Было решено:

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

 

Этапы разработки

Разработка проекта проходила в несколько этапов:

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

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

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

Какие технологии мы использовали

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

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

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

В данный момент web-платформа Continental Technology уже запущена, и наша команда продолжает работать над ее развитием.