Доработка дизайн-макетов страниц «Месторождения»

Ключевая задача

Адаптировать существующие десктопные макеты страниц раздела «Месторождения» под единую стилистику сайта и разработать их адаптивные версии для планшетов и смартфонов.

Исходные материалы

• UI-kit проекта в Figma (цвета, типографика, компоненты)
• Готовые страницы-референсы: Главная, Каталог, Карточка товара
• Частично готовые десктопные макеты страниц месторождений
• HTML-прототипы со структурой блоков

Детализация работ

1. Страница «Листинг месторождений»

Текущее состояние: Имеется только десктопная версия, не соответствующая общей стилистике. Адаптивные версии отсутствуют.

Требуемые доработки:

• Десктоп (1440px): Привести визуальное оформление в соответствие с UI-kit и референсными страницами.
• Планшет (768px):
  • Блок фильтров: реализовать в виде горизонтального скролла или сворачиваемой панели.
  • Карта: адаптировать под ширину экрана с сохранением интерактивности.
  • Сетка карточек месторождений: перевести на 2 колонки.
• Мобильная версия (375px):
  • Блок фильтров: реализовать через кнопку «Фильтры» с выпадающей панелью.
  • Карта: предусмотреть упрощенный вид или возможность скрытия.
  • Сетка карточек месторождений: перевести на 1 колонку.

2. Общие технические требования

• Формат работы: Figma
• Обязательные брейкпоинты: 1440px (Desktop), 768px (Tablet), 375px (Mobile).
• Стилистика должна быть полностью унифицирована с основным сайтом.