Техническое задание: Верстка адаптивного лендинга

Основная задача

Создать полностью рабочий, адаптивный и кроссбраузерный одностраничный сайт (лендинг) на основе предоставленного дизайн-макета.

Ключевые требования к верстке

  • Использование HTML5, CSS (SCSS) и чистого JavaScript.
  • Полное соответствие предоставленному макету.
  • Адаптивность под все основные разрешения экранов (мобильные, планшеты, десктоп).
  • Кроссбраузерная совместимость (последние версии Chrome, Firefox, Safari, Edge).
  • Плавность всех анимаций и переходов. Недопустимы резкие скачки или визуальные артефакты.

Функциональность на JavaScript

Обязательные элементы:

  • Интерактивное бургер-меню для мобильных устройств.
  • Плавная прокрутка по якорным ссылкам.
  • «Липкий» (sticky) заголовок, меняющий состояние при скролле.
  • Один или несколько слайдеров, реализованных на библиотеке Swiper.js.

Сборка проекта

  • Настройка сборщика Gulp.
  • Минификация итоговых CSS и JS файлов.
  • Оптимизация всех изображений для веба (сжатие без потери качества).

Результат работы

Исполнитель предоставляет полный исходный код проекта (включая настроенную сборку) и готовую к размещению на хостинге папку с оптимизированными файлами.

UX-аудит веб-сайта

Необходим экспертный поверхностный аудит юзабилити сайта. Нужно выявить ключевые ошибки пользовательского опыта и предложить способы их устранения без проведения углубленных A/B-тестов.

Создание видеоролика для информационного экрана

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