Знакомьтесь, OCTOBER GROUP! Новое прочтение корпоративного сайта - ART3D – 21 год в 3D, Video, Web, Brand

Знакомьтесь, OCTOBER GROUP! Новое прочтение корпоративного сайта

OCTOBER GROUP
Проект
Недвижимость
Сфера
Корпоративный сайт
Тип
Август 2024
Запуск
WOW Awards 2025
серебро

Рассказываем, как разработали первый корпоративный сайт для молодого девелопера с 25-летним опытом.

Главное о кейсе

Перед нами стояла задача создать новый корпоративный сайт для девелопера OCTOBER GROUP. В чем заключался вызов?

  • создать первый корпоративный образ сильного, монолитного девелопера,
  • транслировать ценности и стабильность OCTOBER GROUP.

Вдохновляем без потери информативности

Проекты OCTOBER GROUP — это увлекательные сценарии, уникальные впечатления, жизненные маршруты, которые можно проходить каждый день, переживая их по-новому.

Сайт ОСТОBER GROUP открывает другой мир, который может стать новым началом для клиентов компании, дает им уверенность в девелопере, подтверждает правильность их выбора.

Как мы это сделали?

Визуальная основа концепции — метафорический язык архитектурных образов и лаконичные цвета.

Главным в создании образа стал video key visualуниверсальный язык архитектуры. Строгий, точный, чистый. Выверенная тонкая анимация и образ, устремленный вперед и вверх. Он же стал основой корпоративного стиля.

Ключевые моменты

При разработке мы уделили особое внимание следующим моментам:

— нашли уникальный цветовой и шрифтовой код, на уровне визуального восприятия воплощающий стиль компании;

— использовали дизайн, анимацию, функциональность для трансляции философии бренда;

— продумали навигацию: максимальная эргономика для мобильной и десктопной версии. Классический скролл в сочетании с функциональной анимацией и бесшовными переходами.

Видео — на главной

В названии «OCTOBER» заложена идея постоянного обновления.

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

Динамика «силовой линии»

Визуальная концепция сайта стилистически поддерживает ДНК бренда. Чтобы добавить динамики и уйти от сухости корпоративного сайта, блоки расположены со смещением.

Основной раздел

Принципы компании транслируются через призму проектов. Можно просмотреть все списком или открыть каждый проект отдельно. Что это дает?

+ люди и эмоции;

+ примеры вместо обещаний;

+ интерактив и вовлеченность.

Продуманная мобильная версия

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

Комментарий клиента

Сайт эффективно выполняет свою задачу — формирует соответствующий образ и Tone of Voice, выгодно презентует все проекты компании.
Элегантный интерфейс, продуманная структура и сдержанная анимация создают профессиональное впечатление и отражают наш подход к созданию проектов.

Стек технологий

Состав работ:

  • Дизайн интерфейса
  • Video key visual
  • Анимация
  • Мобильная версия

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

Nuxt

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

GSAP

Для создания потрясающих анимационных эффектов, которые делают наш сайт динамичным и привлекательным, мы использовали библиотеку GSAP (GreenSock Animation Platform). Она помогла реализовать плавные переходы между страницами, а также захватывающие анимации, связанные со скроллингом. Теперь каждое движение на нашем сайте — это не просто переход, а настоящее зрелище, которое увлекает и удивляет наших посетителей.

Swiper

Для создания удобных и эстетически привлекательных галерей карточек мы выбрали библиотеку Swiper. Благодаря ей наши пользователи могут легко и приятно просматривать большие объемы информации, не теряя при этом удовольствие от взаимодействия. Swiper обеспечивает плавный и интуитивно понятный скроллинг, делая каждый просмотр карточки особым событием.

Следующий кейс:

Видео LUCE: как подружились итальянский характер и русская душа



избранное
{{ value.length }}
еще
звук без звука