1. **Анализ макета**: Проверяю макет в Figma/Photoshop на целостность, наличие всех состояний (hover, active), адаптивы, шрифты, отступы. Уточняю спорные моменты с дизайнером. 2. **Подготовка**: Настраиваю сборку (Webpack/Vite), подключаю препроцессоры (SCSS), нормализацию стилей, UI-кит если есть. 3. **Базовая разметка**: Создаю HTML-скелет, семантические теги (`

`, `

`), grid/flex структуру. ```html

Заголовок

``` 4. **Стилизация**: Пишу CSS по БЭМ, mobile-first подход, адаптивные единицы (rem, vw). Проверяю Pixel Perfect. 5. **Интерактив**: Добавляю базовый JS для меню, слайдеров, валидации форм. Тестирую на разных устройствах. 6. **Оптимизация**: Сжимаю изображения (WebP), минифицирую код, проверяю Lighthouse. 7. **Сдача**: Делаю ревью с тимлидом/заказчиком, правлю замечания. Фиксирую версию в Git.