0%

Digital-Агенство

Сайт группы компаний
«Winter Technologies Group»

Корпоративные и промосайты
Год запуска
2021
Что сделали
Аналитика и дизайн
Разработка
Смотреть сайт
Содержание
Год запуска
2021
Что сделали
Аналитика и дизайн
Разработка

Winter Technologies Group – компания, специализирующаяся на управлении разработками и внедрением инновационных решений для создания комфортной и безопасной жизни зимой на базе лучших отечественных и мировых компетенций и технологий.

Одна из задач WTG – поддерживать и участвовать в развитии успешных российских проектов в области зимнего содержания городов и инфраструктуры и выводить их на российские и международные рынки.

Смотреть сайт

Задачи

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

Решение

Заказчик хотел кардинальной переработки. Мы разработали креативный консистентный дизайн, который позволил увеличить скорость сборки новых страниц, минимизируя возможные ошибки.
  • 01. Внедрили обновленный фирменный стиль, используя современные технологии веб-дизайна и разработки.
  • 02. Спроектировали удобную навигацию, предоставив пользователю легкий доступ к необходимой информации.
  • 03. Создали площадку для предоставления специализированного контента по инжинирингу и моделированию. Привлечению новых инвесторов, партнеров.
  • 04. Разработали полноценный медиаресурс, который сможет вовлечь аудиторию в жизнь предприятия.

Стиль сайта и дизайн-решения

В основу дизайна лег обновленный брендбук компании, который мы адаптировали для digital-среды. Развили историю с графическими элементами в фирменном стиле, разработали на их основе 3D абстракции и анимировали  на главной странице и разделах. Это решение отлично передает динамику и инновационность компании. Фирменные корпоративные цвета и элементы айдентики используются и на внутренних страницах, разбавляя строгую сетку и систему шаблонных блоков. Комбинируя подходы, сохранили функционал корпоративного сайта, и при этом органично вплели идентичность бренда через визуальный нарратив.
image
image

Визуальные решения

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

Для эффектного визуала использовали библиотеки: 
  • WebGL - анимации первого экрана;
  • Gsap и scrollTrigger — для анимаций при скролле;
  • Swiper — для реализации слайдеров;
  • Perfect scrollbar — для кастомного скролла.
image
image
image

3D анимации

Смоделировали 3D абстракции для категорий. Это решение отлично передает динамику и инновационность компании. Дополняя строгую сетку и систему шаблонных блоков.  
image

Внутренние страницы

Внутренние страницы унитарны, интуитивно понятны, просты в навигации и обеспечивают быстрый доступ к нужной информации.
image
image
image
image