Кратко
- Есть готовый макет Figma с адаптивом или чёткими комментариями.
- Нужен handoff верстальщику/разработчику CMS без переделки UI.
- Важны семантика, скорость и совпадение с макетом на mobile/desktop.
Что такое вёрстка HTML
Вёрстка — этап между дизайном и бэкендом/CMS: структура документа, стили, интерактив (меню, табы, формы, слайдеры), доступность базового уровня и скорость. Современный стандарт — mobile-first, семантические теги, CSS-переменные под дизайн-токены, ленивая загрузка изображений с заданными размерами.
Чем отличается
«Дизайн и макет» — Figma без кода. «Сайт под ключ» / разработка сайтов — полный цикл с CMS. Вёрстка HTML — когда макет уже есть и нужен качественный фронт-код для интеграции.
Когда подходит
- Есть готовый макет Figma с адаптивом или чёткими комментариями.
- Нужен handoff верстальщику/разработчику CMS без переделки UI.
- Важны семантика, скорость и совпадение с макетом на mobile/desktop.
Когда не подходит
Нет макета и структуры страниц — сначала дизайн и макет. Если нужен весь сайт с админкой — смотрите разработку сайтов / сайт под ключ.
Как мы работаем
- Аудит макета: компоненты, состояния, breakpoints
- Семантическая разметка и CSS-архитектура
- Адаптив, интерактив, формы
- Оптимизация медиа и базовая доступность
- Сборка, тест браузеров, передача в интеграцию
Связанные услуги
FAQ
Pixel-perfect обязателен?
Совпадение ключевых отступов, типографики и сетки — да. Микропиксели на всех ОС не обещаем: учитываем рендер шрифтов и субпиксели.
Отдаёте чистый HTML или React?
По умолчанию статический HTML/CSS/JS. По запросу — компоненты под React/Vue или шаблоны под WordPress/Bitrix.
Входит ли анимация?
Базовые CSS/JS-эффекты из макета — да. Сложная motion-графика и 3D считаются отдельно.
Сколько длится вёрстка лендинга?
Обычно от нескольких дней до 1–2 недель в зависимости от блоков, адаптива и интерактива. Точный срок — после просмотра Figma.