Год запуска
2021
Что сделали
Аналитика и дизайн
Разработка
Содержание
- Задачи и решение
- Стиль сайта и дизайн-решения
- Проектирование
- 3D анимации
- Внутренние страницы
Год запуска
2021
Что сделали
Аналитика и дизайн
Разработка
Winter Technologies Group – компания, специализирующаяся на управлении разработками и внедрением инновационных решений для создания комфортной и безопасной жизни зимой на базе лучших отечественных и мировых компетенций и технологий.
Одна из задач WTG – поддерживать и участвовать в развитии успешных российских проектов в области зимнего содержания городов и инфраструктуры и выводить их на российские и международные рынки.
Задачи
Отразить обновленное визуальное позиционирование WTG и создать площадку для публикации специализированного контента по технологическим решениям и инжинирингу. Привлечь новых инвесторов, партнеров, соискателей и укрепить уже существующие связи, предоставив развернутую информацию о компании ее услугах в сети интернет.
Решение
Заказчик хотел кардинальной переработки. Мы разработали креативный консистентный дизайн, который позволил увеличить скорость сборки новых страниц, минимизируя возможные ошибки.
- 01. Внедрили обновленный фирменный стиль, используя современные технологии веб-дизайна и разработки.
- 02. Спроектировали удобную навигацию, предоставив пользователю легкий доступ к необходимой информации.
- 03. Создали площадку для предоставления специализированного контента по инжинирингу и моделированию. Привлечению новых инвесторов, партнеров.
- 04. Разработали полноценный медиаресурс, который сможет вовлечь аудиторию в жизнь предприятия.
Стиль сайта и дизайн-решения
В основу дизайна лег обновленный брендбук компании, который мы адаптировали для digital-среды. Развили историю с графическими элементами в фирменном стиле, разработали на их основе 3D абстракции и анимировали на главной странице и разделах. Это решение отлично передает динамику и инновационность компании. Фирменные корпоративные цвета и элементы айдентики используются и на внутренних страницах, разбавляя строгую сетку и систему шаблонных блоков. Комбинируя подходы, сохранили функционал корпоративного сайта, и при этом органично вплели идентичность бренда через визуальный нарратив.
Визуальные решения
При проектировании мы использовали комбинированный подход — соединили элементы корпоративного и промо сайта. На главной странице, где происходит первое касание с компанией создали общее и максимально полное представление о ней через раскрытие трех главных тем в порядке приоритетности, внедрили промо элементы, 3D-анимации, кастомные виджеты и горизонтальный скролл. А внутренние страницы остались сервисными, они просты и понятны в навигации, обеспечивают быстрый доступ к информации.
Для эффектного визуала использовали библиотеки:
-
WebGL - анимации первого экрана;
- Gsap и scrollTrigger — для анимаций при скролле;
- Swiper — для реализации слайдеров;
- Perfect scrollbar — для кастомного скролла.
3D анимации
Смоделировали 3D абстракции для категорий. Это решение отлично передает динамику и инновационность компании. Дополняя строгую сетку и систему шаблонных блоков.
Внутренние страницы
Внутренние страницы унитарны, интуитивно понятны, просты в навигации и обеспечивают быстрый доступ к нужной информации.
