Техническое задание на верстку сайта
Основная задача
Необходимо преобразовать макет из Figma в рабочий, адаптивный HTML/CSS/JS код.
Ключевые требования
Технический стек и подход
- Аккуратная, поддерживаемая и семантическая верстка.
- Визуальное соответствие макету без фанатичного Pixel Perfect.
- Два допустимых варианта:
- Использование Bootstrap 4 (сборка через SCSS без переписывания сетки).
- Чистая, собственная сетка и чистый JavaScript.
- Все стили пишутся в SCSS, исходные файлы передаются заказчику.
Детали реализации
- Векторная графика (SVG из макета) должна остаться SVG в коде.
- Подключение шрифтов через
@font-face.
- Полноценный адаптив под мобильные устройства, планшеты и десктопы.
- Использование семантически корректных HTML-элементов (кнопки, чекбоксы, поля ввода).
- Минимизация использования сторонних библиотек.
Качество и совместимость
- Кроссбраузерная поддержка: последние версии Chrome, Firefox, Safari, Edge.
- Опыт интеграции верстки в CMS Битрикс будет дополнительным плюсом.
Результат работы
Исполнитель предоставляет все исходные файлы:
- HTML-разметку.
- SCSS-файлы и собранный CSS.
- Набор иконок (шрифтовые или SVG).
- Шрифты, использованные в проекте.