Имиджевый сайт для международного ивент-агентства

Meet Future — инновационная компания, предоставляющая услуги во многих странах Европы и Азии. Имея офисы в Великобритании и ОАЭ, компания уверенно укрепляет свой статус лидера в сфере технологических мероприятий.

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

Почему Meet Future?

• Современные технологии для уникальных мероприятий.
• Креативный подход и смелые идеи.
• Глобальный охват и адаптация к потребностям клиентов.

По мере роста влияния и амбиций возникла необходимость представить бренд в Интернете, чтобы укрепить лидирующие позиции и подчеркнуть инновационный подход Meet Future.

Клиент поставил перед нами амбициозные задачи, требующие комплексного подхода к реализации проекта. Основные задачи включали в себя:

• Адаптация ко всем типам гаджетов. Сайт должен был быть полностью адаптивным с учетом четырех ключевых брейкпоинтов, чтобы обеспечить комфортное использование на любом устройстве.
• Реализация 3D-сцен. Руководство компании настаивало на использовании 3D-технологий, чтобы подчеркнуть инновации бренда и создать эффект погружения для пользователей.
• Современные анимационные сценарии. Динамичность и мобильность стали ключевыми элементами дизайна, которые делают сайт живым и привлекательным для аудитории
• Редактирование контента. Важно было предоставить возможность легко обновлять информацию без участия разработчиков, что позволило бы команде клиентов самостоятельно управлять контентом
• Масштабируемость. Проект должен был быть готов к расширению спектра услуг в будущем с учетом роста компании и ее амбиций
• Разветвленная архитектура CMS. Для реализации сервисов четырех типов, кейсов и блога со статьями требовалась сложная, но в то же время удобная архитектура CMS, отвечающая потребностям компании
• Интерактивная презентация медиаматериалов. Большое количество демонстрационных материалов требовало нестандартного подхода к их представлению. Для этого было разработано множество интерактивных слайдеров, позволяющих эффективно показывать медиаконтент

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

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

Тип компоновки был определен как резиновый с адаптацией на четырех основных точках. Максимальная ширина контейнера составляла 1290 пикселей. Отдельно была предусмотрена адаптация для планшетов и мобильных устройств (как вертикальных, так и горизонтальных).

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

Их использование предусматривалось в нескольких ключевых элементах:

• Hero-раздел главной страницы: логотип компании собирался воедино после завершения работы прелоадера, что создало еффектное интро
• Акценты в заголовках: 3D-элементы добавили динамичности и инноваций.
• Декоративные элементы: плавно перемещались по странице при прокрутке и реагировали на движения курсора.
• Планета в разделе «Контакты» крутится в зависимости от выбранного филиала агентства с указанием локации офиса в выбранной стране

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

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

Работа над проектом длилась с марта по август 2024 года, то есть около пяти месяцев. Это адекватный срок для проекта такого уровня сложности

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

Таким образом, около 20% времени было потрачено на обеспечение идеальной работы проекта.

В начале сентября 2024 года мы успешно завершили проект и передали его клиенту, который остался полностью доволен результатом

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