Создание сайтов — удалённая работа в Москве

Корпоративный сайт (сайт компании). Платформа: React. Функционал сайта: Интеграции: Форма - Интеграция с Hubspot API, Google Analytics, WhatsApp, почта, телефон, Instagram, LinkedIn, Facebook. Контент есть. Пожелания и особенности: # Messe.ae Цели проекта: Обновление текущего сайта [https://messe.ae](https://messe.ae/) с целями: - SEO - оптимизация (продвижение сайта в поисковиках); - Оптимизация сайта - отрисовка, загрузка и тд - Улучшение конверсии лидов в заявки - Редизайн # Общие требования - Адаптивность: кроссбраузерная и адаптивная верстка (десктоп, планшет, мобильный) - Язык: Английский - SEO: Чистая семантическая верстка, корректные заголовки H1–H6, alt-теги, микроразметка, структурированные URL, Meta Title / Description для всех страниц и тд - Скорость: Сайт должен загружаться быстро и без задержек — как на компьютере, так и на телефоне. Желательно, чтобы страницы открывались за 1–2 секунды, даже если интернет не самый быстрый. Все картинки и элементы должны быть оптимизированы по весу, чтобы не тормозили сайт - Интеграции: Форма - Интеграция с Hubspot API, Google Analytics, WhatsApp, почта, телефон, Instagram, LinkedIn, Facebook - Домен: Сайт остается на текущем домене [messe.ae](http://messe.ae/) - Переключение темы сайта (светлая/темная) # Структура сайта и страницы ## Home page - Хедер с меню, контактами и кнопкой - Главный баннер - видео с кнопкой и текстом на переднем плане - Блок “Our Projects“ с 4 ч/б плашками с категориями проектов. Каждую можно пролистывать, при наведении на нее мышкой фото становится цветным, увеличивается и появляется описание стенда. Есть кнопки “Our Projects“ с переходом на страницы категорий внутри сайта. - Блок с преимуществами “Why messe.ae only?**”**. 3 плашки с текстом, внутри каждой есть кнопки для перехода на соответствующий раздел внутри сайта. - Блок с клиентами. Лого клиентов в движении, при наводе на определенное лого motion останавливается. При наводе на определенное лого оно становится цветным и увеличивается в размере. При нажатии на определенное лого открывается страница с проектами для этого клиента. - CTA - фраза и кнопка. - Блок с календарем выставок по категориям. Все выставки кликабельны и ведут на официальный сайт выставки. Числа в календаре подсвечиваются в зависимости от того, есть ли в эти даты выставки. При наведении на число подсвечиваются выставки, которые будут в этот день. - Блок с наградами. Кликабельные ссылки на статьи. - Блок с текстом и картой мира, на которой отмечены локации производств [Messe.ae](http://Messe.ae) и 5D. - Блок с текстом. - Блок с текстом про IFES. - Блок с текстом про Expoglobal. - Блок с ссылками на документы об анти-коррупции и аудитом. - Блок с текстом Mission-Vision-Core Value. - Форма “Discuss Your project”. - Футер с контактами, страницами Career, Privacy Policy и Cookie Policy. ## About us Page - Текстовая часть с описанием истории компании. - Таймлайн с историей компании. - 6 текстовых блоков с фоном с эффектом параллакса ## Projects Page - Текстовый блок - Фильтрация по клиентам. Использование алфавита над фильтром. Пролистывание списка клиентов. - Фильтрация по размеру стенда. - Фильтры согласующиеся, работают сообща. - Блоки со всеми клиентами и проектами для них ## Project Page - Кнопка “назад” - Количество проектов - Блок с текстом про клиента - Информация о стенде: выставка, год, размер, клиент (если не прямой) - Фото стенда (и тд по аналогии) - Контент для блока будет предоставлен в полном объеме позже - Нужно обсудить как будут выглядеть сами статьи и сколько их потому что нужно будет все отдельно верстать ## Articles Page - Главная страница с превью последней статьи, списком категорий блога и перечнем всех статей. - При переходе в категорию открывается небольшой текст и перечень статей этой категории. Наверху кнопка “назад”. ## Article Page - При переходе в статью обложка видоизменяется (появляется черный градиент и надписи), далее сам текст статьи, после него CTA - кнопка, далее - блок со следующими статьяfми. Наверху кнопка “назад”. - После 10 секунд пребывания на странице со статьей выскакивает Модальное окно с предложением подписаться на LinkedIn. Его можно закрыть, нажав на крестик. Обновление текущего сайта.