Изучение дизайн-макета в Figma: структура, интерактивные элементы, адаптивность.
Определение функциональных блоков (герой-секция, услуги, кейсы, форма обратной связи и т. д.).
Семантическая HTML-разметка с использованием CSS Grid / Flexbox.
Mobile-first подход для корректного отображения на смартфонах и планшетах.
Оптимизация изображений и анимаций для быстрой загрузки.
Кроссбраузерная проверка (Chrome, Firefox, Safari, Edge).
Создание шаблона сайта на основе вёрстки.
Настройка компонентов (меню, формы, слайдеры).
Настройка отправки данных из форм на почту.
Реализация форм через Битрикс Form или кастомные решения.
Валидация полей (имя, email, телефон).
Защита от спама (капча или скрытые поля).
Проверка адаптивности на разных устройствах.
Тестирование отправки форм и обработки данных.
Оптимизация скорости загрузки (Google PageSpeed Insights).
Обучение клиента управлению контентом в Битрикс.