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