Верстка сайтов по готовому макету из Figma

У вас есть готовый макет в Figma и нужен работающий сайт. Я перевожу дизайн в код: точно по макету, с адаптивом под все экраны и без «плавающих» блоков на реальном контенте.

Что входит в работу

• Pixel perfect по макету — отступы, шрифты, сетка и состояния элементов один в один с Figma.
• Адаптив от 320 px — мобильные, планшеты, ноутбуки, широкие мониторы. Если в макете только desktop и mobile — промежуточные состояния продумываю сам.
• Семантичный HTML — корректная структура заголовков, микроразметка Schema.org, атрибуты для доступности.
• Анимации и интерактив — прототипы из Figma, hover-состояния, слайдеры, аккордеоны, модальные окна, валидация форм.
• Кросс-браузерность — Chrome, Safari, Firefox, Edge, включая мобильные версии.
• Оптимизация — сжатие изображений, WebP, lazy load, критический CSS. Цель — 90+ в PageSpeed Insights.

Как проходит работа

1. Разбор макета. Смотрю файл, проверяю сетку, компоненты, шрифты и полноту состояний. Сразу говорю, чего не хватает и где дизайн сломается на реальных данных.
2. Оценка. Присылаю фиксированную стоимость, срок и состав работ. Без пересчётов в процессе, если объём не меняется.
3. Верстка. Собираю страницы блоками, выкладываю на тестовый домен — вы видите прогресс с первого дня, а не в конце.
4. Правки. Сверяем с макетом, правлю расхождения. Правки по верстке в рамках макета — бесплатно.
5. Передача. Отдаю исходники в Git с документацией по сборке. Или сразу интегрирую в CMS и выкладываю на прод.

Технологии

Выбираю стек под задачу, а не наоборот:

• Статика и лендинги — HTML, SCSS, TypeScript, сборка через Vite.
• Компонентная верстка — React или Next.js, если сайт будет расти или нужен SSR и хорошее SEO.
• Интеграция в CMS — Drupal, WordPress, 1С-Битрикс. Верстка сразу ложится в шаблоны, контент редактируется из админки.

Что нужно от вас

• Ссылка на макет в Figma с доступом на просмотр.
• Шрифты — или лицензия, или разрешение подобрать аналог из Google Fonts.
• Контент: тексты и изображения. Если контента нет, верстаю на заглушках и оставляю запас на реальную длину текстов.

Частые вопросы

Макет неаккуратный: нет сетки, компонентов и мобильной версии. Возьмётесь?

Да. Приведу к рабочему виду сам и покажу, какие решения принял и почему. Это добавляет к сроку 1–3 дня.

Можно доверстать страницы к существующему сайту?

Можно. Разбираюсь в текущем коде и делаю новые страницы в том же стиле и на том же стеке, чтобы проект не превратился в лоскутное одеяло.

А если после сдачи нужно что-то поправить?

Правки по верстке в рамках согласованного макета — бесплатно и без ограничения по срокам. Новые блоки и функциональность оцениваю отдельно.

Кто хостит и выкладывает сайт?

Могу настроить хостинг, домен, SSL и деплой. Могу отдать исходники вашей команде — с инструкцией по сборке.

Обсудим ваш макет

Пришлите ссылку на Figma — в течение дня отвечу, сколько это стоит, сколько займёт и на что в макете стоит посмотреть ещё раз до старта верстки.