Что входит в такую услугу
Обычно процесс делят на два этапа, но часто их объединяют в одну задачу.
1. Вёрстка по макету. ри этом важно не просто скопировать пиксель в пиксель, а сделать код качественным:
Семантическая разметка — правильные HTML-теги, чтобы код был понятным и удобным для дальнейшей поддержки.
Адаптивность — сайт корректно отображается на смартфонах, планшетах и десктопах. avito.ru +1
Кроссбраузерность — проверка в разных браузерах (Chrome, Firefox, Safari, Edge).
Интерактивность — если в макете есть анимации, модальные окна, сложные формы, для них пишут JavaScript-код.
Оптимизация — подготовка изображений (сжатие, lazy loading), чтобы страница быстро загружалась.
Иногда для ускорения процесса используют плагины для Figma (например, Locofy, TeleportHQ, Figmafy), но финальную полировку всё равно делает человек: автоматический экспорт часто даёт «грязный» код с лишними стилями, а специалист приводит его в порядок.
2. «Натяжка» на CMS. Здесь код адаптируют под логику конкретной системы. Задача — не просто вставить HTML в шаблон, а обеспечить совместимость:
В WordPress часто используют кастомные темы или блоки (Gutenberg). Нужно правильно подключить стили и скрипты, чтобы они не конфликтовали с ядром системы, и подготовить шаблоны для редактора.
В 1С-Битрикс подход иной: там работают с компонентами системы. Верстальщик встраивает свой код в структуру Битрикса так, чтобы элементы (шапка, карточка товара, форма) управлялись через админ-панель, а не были «зашиты» жёстко.
На этом этапе также решают задачи: настраивают динамические блоки (чтобы контент менялся через админку), интегрируют формы с CRM или почтой, обеспечивают работу SEO-метатегов. После интеграции проводят тестирование: проверяют, не сломались ли стили, корректно ли работают скрипты, удобно ли редактировать контент
Как заказать и что обсудить
Чтобы работа прошла гладко, советую сразу обсудить с исполнителем несколько моментов:
Детали макета. Есть ли в Figma варианты для разных экранов? Какие интерактивные элементы нужно реализовать?
Требования к CMS. Какие компоненты уже есть в системе? Есть ли специфические ограничения (например, в Битрикс могут быть свои правила для кастомных блоков)?
Дополнительные задачи. Нужна ли сразу микроразметка (schema.org) для SEO, подключение аналитики, настройка кэширования?
Формат сдачи. В каком виде передаётся код? Есть ли документация (например, как в админке менять текст в определённых блоках)?
