Техническое задание на верстку сайта под Битрикс
Цель проекта
Создание корректно работающего, адаптивного HTML/CSS шаблона на основе предоставленного дизайна в Figma для последующей интеграции в систему управления сайтом (CMS) Битрикс.
Исходные материалы
- Полный дизайн-проект сайта в формате Figma (макеты для всех разрешений: desktop, tablet, mobile).
- Дополнительные графические материалы (иконки, изображения, шрифты) экспортированы и подготовлены.
Технические требования к верстке
Общие требования
- Верстка должна быть семантической (корректное использование тегов HTML5).
- Кроссбраузерная совместимость: последние версии Chrome, Firefox, Safari, Edge, а также корректное отображение в Internet Explorer 11.
- Полная адаптивность под все типы устройств (responsive design).
- Оптимизация скорости загрузки: сжатие изображений, минимизация CSS/JS.
- Чистый, комментированный и логически структурированный код.
Требования для интеграции с Битрикс
- Верстка должна быть подготовлена как шаблон сайта для Битрикс.
- Выделение повторяющихся компонентов (header, footer, сайдбары и т.д.) в отдельные включаемые области.
- Подготовка CSS-классов и структуры для типовых компонентов Битрикс (например, для вывода меню, breadcrumbs, форм).
- Верстка должна учитывать, что текстовый контент будет динамическим (длина заголовков, описаний может меняться).
- Все интерактивные элементы (слайдеры, табы, аккордеоны, модальные окна) должны быть реализованы и корректно работать.
Структура проекта
- Готовый шаблон должен иметь стандартную для Битрикс структуру папок (css, js, images, components и т.д.).
- Предоставить инструкцию по подключению шрифтов, скриптов и стилей.
Этапы и результат работы
- Анализ макетов, уточнение деталей.
- Верстка всех страниц и компонентов.
- Проверка адаптивности и кроссбраузерности.
- Тестирование интерактивных элементов.
- Передача готового шаблона в виде архива с исходными файлами и описанием.
Начало работы после согласования ТЗ и утверждения сроков.