Техническое задание: Доработка шапки сайта

Цель проекта

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

Ключевые проблемы для устранения

  • Бренд-блок (логотипы и название) выглядит разрозненно, большие расстояния между элементами.
  • Главное меню не вмещает все пункты на стандартных разрешениях экрана, последний пункт переносится на вторую строку.
  • Неудачная типографика и интервалы, создающие впечатление "разваленной" композиции.
  • Отсутствие единой логики адаптации при изменении ширины окна браузера.
  • На мобильных устройствах меню-бургер может отображаться некорректно.

Обязательные работы

A. Редизайн бренд-блока (левая часть шапки)

  • Объединить три элемента (два логотипа и текстовое название) в единый, визуально цельный блок.
  • Выровнять все элементы по вертикали (по базовой линии или по центру).
  • Существенно уменьшить расстояния (gap) между элементами внутри блока.
  • Задать фиксированную высоту для логотипов с сохранением пропорций:
    • Для десктопа: 44-48 пикселей.
    • Для мобильных устройств: 32-36 пикселей.

B. Оптимизация главного меню (десктопная версия)

Главное требование: все пункты меню должны оставаться в одной строке.

  • Добавить в существующее меню новый пункт "Контакты".
  • Гарантировать, что меню не переносится на вторую строку при следующих стандартных разрешениях:
    • 1440px
    • 1280px
    • 1024px
  • Если после добавления пункта меню не помещается по ширине - предложить и согласовать оптимальное решение (например, уменьшение межбуквенных интервалов, изменение шрифта, компактное выпадающее меню). Второй ряд пунктов недопустим.

C. Адаптивность и мобильная версия

  • Настроить корректную работу меню-бургера на мобильных устройствах без визуальных "развалов".
  • Обеспечить плавную и логичную трансформацию всех элементов шапки при изменении ширины экрана.

Обязательные брейкпоинты для проверки

Работоспособность и аккуратность верстки необходимо проверить на следующих ширинах экрана: 1440px, 1280px, 1024px, 768px, 480px, 375px.

Технические условия

  • Работа выполняется в рамках конструктора страниц Elementor (Pro).
  • Изменения вносятся через визуальный редактор и настройки виджетов, с возможным добавлением минимального пользовательского CSS для тонкой настройки.
  • Цель - достичь результата без нарушения общей структуры и функциональности сайта.