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

Основная задача

Выполнить качественную, pixel-perfect верстку адаптивного сайта на основе готового дизайна. Все интерактивные элементы, анимации и сетка должны строго соответствовать макету.

Что будет предоставлено

  • Подробное техническое задание (ТЗ)
  • Полный макет сайта в Figma со всеми состояниями
  • Все необходимые материалы: шрифты, векторные иконки, изображения

Требования к результату

Качество кода и соответствие макету

  • Чистый, валидный и семантически правильный HTML/CSS/JavaScript код.
  • Полное визуальное соответствие макету (pixel-perfect).
  • Соблюдение всех отступов, размеров, шрифтов и цветов из дизайна.

Адаптивность и кроссбраузерность

  • Полностью адаптивная верстка для трех ключевых разрешений: десктоп, планшет, мобильное устройство.
  • Корректное отображение и работа в последних версиях современных браузеров.

Функциональность и структура

  • Реализация всех интерактивных элементов и анимаций, указанных в ТЗ и макете.
  • Аккуратная и логичная файловая структура проекта.
  • Результат должен быть предоставлен в виде архива или ссылки на репозиторий GitHub.

Будет большим плюсом

  • Использование современных подходов: CSS Grid / Flexbox, методология БЭМ, препроцессор SCSS.
  • Доказанный опыт в адаптивной и кроссбраузерной верстке.
  • Четкая коммуникация и соблюдение согласованных сроков.