Telegram

Вёрстка сайта по макету

Pixel-perfect вёрстка из Figma: HTML, CSS, JS. Адаптив, скорость, кроссбраузерность.

Цена от 18 000 ₽
Сроки 3–10 дней
Обсудить задачу →

Вёрстка — это когда макет из Figma превращается в рабочий HTML, который одинаково хорошо выглядит во всех браузерах и на всех устройствах. Без конструкторов, без тяжёлых библиотек, без «поплывёт на мобилке».

Работаю с семантической разметкой, современным CSS (Grid, Flexbox, custom properties), чистым JS или лёгкими библиотеками — по задаче. Если нужно — интегрирую в CMS (1С-Битрикс, WordPress, Laravel).

Цены и сроки

Задача Цена Срок
Лендинг (до 10 блоков) от 18 000 ₽ 3–5 дней
Корпоративный сайт (до 10 страниц) от 40 000 ₽ 7–10 дней
Интернет-магазин от 60 000 ₽ 10–15 дней
Интеграция в CMS от 15 000 ₽ зависит от объёма

Точная цена и срок — после разбора макета. Сроки примерные, часть работ можно ускорить AI-assisted подходом.

Что входит в вёрстку

01

HTML

Семантическая разметка, доступность (a11y)

02

CSS

Grid, Flexbox, custom properties

03

JS

Ванильный или Alpine — без тяжёлых зависимостей

04

Адаптив

Mobile-first, от 320px, retina-графика

05

Анимации

Плавные, с prefers-reduced-motion

06

Кроссбраузерность

Chrome, Safari, Firefox, Edge, мобильные

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

  1. 01

    Макет

    Figma, проверка на нестыковки, вопросы

  2. 02

    Вёрстка

    HTML + CSS + JS, итеративно с демо

  3. 03

    Адаптив

    Все брейкпоинты из макета

  4. 04

    Тесты

    Кроссбраузерность, скорость, доступность

Нужна консультация по стеку? 3 000 ₽/час — помогу с выбором технологий, хостинга, архитектуры.

Важно. Сроки примерные — точные зависят от объёма макета и пожеланий. Часть работ можно ускорить AI-assisted подходом. Не верстаю «по картинке» — нужен Figma с компонентами и состояниями.
Вёрстка сайта по макету

Вопросы о вёрстке

Что входит, какие макеты подходят, как проверяем результат.

Сколько стоит вёрстка?
Лендинг до 10 блоков — от 18 000 ₽. Корпоративный сайт до 10 страниц — от 40 000 ₽. Интернет-магазин — от 60 000 ₽. Точная цена — после разбора макета.
Какие макеты подходят?
Figma с компонентами и состояниями (hover, focus, disabled). По картинке или PDF — не верстаю, слишком много догадок. Если макета нет — помогу с прототипом или порекомендую дизайнера-партнёра.
Что входит в вёрстку?
HTML, CSS, JS. Адаптив от 320px. Кроссбраузерность (Chrome, Safari, Firefox, Edge, мобильные). Доступность (a11y) — базовая. Анимации — плавные, с prefers-reduced-motion.
Можно ли сразу с интеграцией в CMS?
Да. Могу сверстать и интегрировать в 1С-Битрикс, WordPress, Laravel — по задаче. Интеграция считается отдельно, зависит от CMS и объёма.
Не нашли ответ? Напишите →
Смотрите также

Другие услуги

Разработка лендинга

Лендинг для продукта, услуги, рекламной кампании. Структура и вёрстка, адаптив, аналитика.

Подробнее →

Разработка корпоративного сайта

Сайт компании: разделы, каталог, формы. Laravel, 1С-Битрикс, WordPress. AI-assisted подход — быстрее.

Подробнее →

Исправление ошибок на сайте

Срочное исправление ошибок: белые экраны, битые формы, конфликты плагинов, ошибки вёрстки. От 5 000 ₽.

Подробнее →
Контакты

Свяжитесь со мной в мессенджере

Достаточно пары сообщений: что за проект, что нужно сделать и в какие сроки. Короткий разбор задачи до 5 минут — бесплатно.

Основной способ связи

Пишите сразу в мессенджер — так я точно увижу задачу и отвечу в порядке очереди, обычно в течение рабочего дня.

Написать в Telegram

Ник в мессенджерах: @alexwebexpert

Телефон

Резервный канал

Телефон — резервный канал для экстренных вопросов. Если удобно письменно, лучше сразу в мессенджер: так задача точно не потеряется.

График работы

  • По будням10:00 — 19:00 GMT+7
  • Суббота и воскресеньевыходной

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

Готовы обсудить проект? Напишите в удобный мессенджер.

Telegram