Техническое задание на верстку сайта под Битрикс

Цель проекта

Создание корректно работающего, адаптивного 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 и т.д.).
• Предоставить инструкцию по подключению шрифтов, скриптов и стилей.

Этапы и результат работы

1. Анализ макетов, уточнение деталей.
2. Верстка всех страниц и компонентов.
3. Проверка адаптивности и кроссбраузерности.
4. Тестирование интерактивных элементов.
5. Передача готового шаблона в виде архива с исходными файлами и описанием.

Начало работы после согласования ТЗ и утверждения сроков.