Адаптивный дизайн блоков для сайта на Битрикс
Цель
Осмысленная адаптация десктопного макета (1348 пикс) под мобильные устройства и планшеты с учетом пользовательского опыта. Требуется подготовить дизайн для брейкпоинтов: 1200 пикс, 990 пикс, 768 пикс, 600 пикс. Необходимо перекомпоновать сетку, адаптировать таблицы, формы и карточки, а также оптимизировать элементы под сенсорное управление (принцип Mobile-first).
Что входит в работу
- Брейкпоинты: проработанные макеты для всех указанных разрешений (1200, 990, 768, 600 пикс).
- Перекомпоновка сетки: перестроение колонок, порядок элементов, размеры блоков на меньших экранах.
- Адаптация контентных блоков: таблицы, формы, карточки товаров / статей - корректное отображение и читаемость на устройствах.
- Для мобильных: оптимизация интервалов, размеров кнопок, целей касания (условие Mobile First).
Дополнительное требование
Подготовка минимального UI-кита: соберите все компоненты, которые используются в дизайне (кнопки, иконки, шрифты, поля ввода и т.п.) в одном наборе. Это упростит передачу верстальщику и обеспечит единый стиль на всех брейкпоинтах.
Требование к портфолио
Для положительного отклика и сотрудничества обязательно наличие в портфолио примеров работ с аналогичными проектами: адаптация сложных интерфейсов под планшеты и мобильные телефоны. Выполнение ТЗ обсуждается по результатам просмотра портфолио.