Рассказываем, как разработали первый корпоративный сайт для молодого девелопера с 25-летним опытом.
Перед нами стояла задача создать новый корпоративный сайт для девелопера OCTOBER GROUP. В чем заключался вызов?
Проекты OCTOBER GROUP — это увлекательные сценарии, уникальные впечатления, жизненные маршруты, которые можно проходить каждый день, переживая их по-новому.
Сайт ОСТОBER GROUP открывает другой мир, который может стать новым началом для клиентов компании, дает им уверенность в девелопере, подтверждает правильность их выбора.
Визуальная основа концепции — метафорический язык архитектурных образов и лаконичные цвета.
Главным в создании образа стал video key visual — универсальный язык архитектуры. Строгий, точный, чистый. Выверенная тонкая анимация и образ, устремленный вперед и вверх. Он же стал основой корпоративного стиля.
При разработке мы уделили особое внимание следующим моментам:
— нашли уникальный цветовой и шрифтовой код, на уровне визуального восприятия воплощающий стиль компании;
— использовали дизайн, анимацию, функциональность для трансляции философии бренда;
— продумали навигацию: максимальная эргономика для мобильной и десктопной версии. Классический скролл в сочетании с функциональной анимацией и бесшовными переходами.
В названии «OCTOBER» заложена идея постоянного обновления.
Видеообложка сайта передает идею цикличности через архитектурные образы, игру цвета и света. Крупные планы, абстрактные формы и узнаваемые фрагменты проектов создают медитативное настроение.
Визуальная концепция сайта стилистически поддерживает ДНК бренда. Чтобы добавить динамики и уйти от сухости корпоративного сайта, блоки расположены со смещением.
Принципы компании транслируются через призму проектов. Можно просмотреть все списком или открыть каждый проект отдельно. Что это дает?
+ люди и эмоции;
+ примеры вместо обещаний;
+ интерактив и вовлеченность.
Мобильная версия сайта представляет собой полностью самостоятельный продукт. В ней мы сохранили весь функционал десктопной версии. Навигацию и меню разработали специально для смартфона. Предусмотрели удобную вертикальную верстку, крупные шрифты. Контент быстро загружается даже с помощью сотовой связи.
Сайт эффективно выполняет свою задачу — формирует соответствующий образ и Tone of Voice, выгодно презентует все проекты компании.
Элегантный интерфейс, продуманная структура и сдержанная анимация создают профессиональное впечатление и отражают наш подход к созданию проектов.
Несмотря на всю внешнюю сдержанность при разработке сайта были использованы современные высокотехнологичные решения, с помощью которых мы предоставляем пользователям функциональность и незабываемый визуальный опыт.
В основе нашей программной архитектуры лежит мощный фреймворк Nuxt. Благодаря ему мы добились невероятной скорости загрузки страниц и плавности работы сайта. Nuxt позволил нам создать структурированную и легко поддерживаемую кодовую базу, что гарантирует стабильность и долгосрочную эволюцию нашего веб-проекта.
Для создания потрясающих анимационных эффектов, которые делают наш сайт динамичным и привлекательным, мы использовали библиотеку GSAP (GreenSock Animation Platform). Она помогла реализовать плавные переходы между страницами, а также захватывающие анимации, связанные со скроллингом. Теперь каждое движение на нашем сайте — это не просто переход, а настоящее зрелище, которое увлекает и удивляет наших посетителей.
Для создания удобных и эстетически привлекательных галерей карточек мы выбрали библиотеку Swiper. Благодаря ей наши пользователи могут легко и приятно просматривать большие объемы информации, не теряя при этом удовольствие от взаимодействия. Swiper обеспечивает плавный и интуитивно понятный скроллинг, делая каждый просмотр карточки особым событием.