Доработка дизайн-макетов страниц

Доработка дизайн-макетов страниц «Месторождения»
1. Общая информация
Проект: Сайт компании по продаже гранитной продукции
Задача: Доработка дизайн-макетов двух страниц раздела «Месторождения» с приведением к единой стилистике сайта и созданием адаптивных версий
Формат: Figma
Брейкпоинты: Desktop (1440px), Tablet (768px), Mobile (375px)

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

3. Страница «Листинг месторождений»
3.1. Текущее состояние
Есть десктопная версия, но стилистика отличается от основного сайта. Адаптивные версии отсутствуют.
3.2. Что нужно сделать
Десктоп — привести к единой стилистике:
Шапка страницы с заголовком, описанием и строкой поиска — по аналогии со страницей каталога
Блок фильтров (цвет, регион добычи, особенности) — стилизовать как фильтры в каталоге товаров
Интерактивная карта месторождений — сохранить функционал, привести оформление к общему стилю
Сетка карточек месторождений — унифицировать с карточками товаров (фото текстуры, название, регион, цвет камня, краткое описание, кнопка «Подробнее»)
Группировка карточек по цветам (серый, черный, красный, желтый/коричневый) — секционные заголовки
Tablet (768px):
Фильтры — горизонтальный скролл или сворачиваемая панель
Карта — адаптировать под ширину экрана, сохранить интерактивность
Сетка карточек — 2 колонки
Mobile (375px):
Фильтры — кнопка «Фильтры» с выпадающей панелью
Карта — упрощенный вид или возможность скрыть
Сетка карточек — 1 колонка

4. Страница «Карточка месторождения»
4.1. Текущее состояние
Частично отрисован десктоп (шапка, сфера применения, варианты обработки, цветовые варианты, характеристики, технология добычи, сертификаты). Остальные блоки только в HTML-прототипе. Адаптивы отсутствуют.
4.2. Блоки для отрисовки (Desktop + Tablet + Mobile)
Уже есть в макете (нужны только адаптивы):
Шапка с названием, описанием, фото текстуры, локацией, кнопками действий
Сфера применения (текстовый блок)
Варианты обработки (карточки: термообработка, полировка, бучардирование, пиление)
Цветовые варианты (карточки с образцами цветов)
Характеристики гранита (таблица с табами: физические свойства / минералогический состав)
Технология добычи (этапы с описаниями + галерея)
Свидетельства и аккредитации (карточки сертификатов)
Нужно отрисовать полностью (Desktop + Tablet + Mobile):
Продукция месторождения — табы по категориям (благоустройство, облицовка, архитектура, мемориальная), карточки товаров в каждой категории
FAQ — аккордеон с вопросами и ответами
Реализованные проекты — карточки проектов (фото, категория, год, название)
Похожие месторождения — горизонтальный слайдер с карточками других месторождений
4.3. Адаптация существующих блоков
Tablet (768px):
Шапка — вертикальная компоновка (фото сверху, текст снизу)
Карточки обработки/цветов — 2 колонки
Таблица характеристик — горизонтальный скролл или упрощение
Технология добычи — текст и галерея друг под другом
Mobile (375px):
Все карточки — 1 колонка
Табы характеристик — горизонтальный скролл
Галерея технологии — слайдер
Сертификаты — 2 колонки или слайдер

5. Общие требования
Использовать компоненты из UI-kit проекта
Соблюдать типографику и цветовую палитру сайта
Элементы должны быть организованы в компоненты с вариантами (states)
Auto Layout для всех блоков
Именование слоев на английском языке
Референс по стилистике: страница «Все товары из гранита»

6. Результат работы
Страница «Листинг месторождений» — Desktop, Tablet, Mobile
Страница «Карточка месторождения» — Desktop, Tablet, Mobile (с доработкой недостающих блоков)
Все макеты в едином Figma-файле проекта