Вёрстка сайта по макету от 5 900 ₽
Что вы получаете
Состав результата, а не список работ: вот что окажется у вас на руках после сдачи.
Точное соответствие макету
вёрстка повторяет дизайн пиксель-в-пиксель: сетка, отступы, шрифты, состояния кнопок и форм.
Адаптив под все устройства
смартфон, планшет, ноутбук, широкий монитор; контрольные точки согласуем заранее.
Кроссбраузерность
одинаковый вид в Chrome, Safari, Firefox, Edge и Яндекс Браузере.
Скорость загрузки 90+
оптимизированные изображения (WebP), ленивая загрузка, минификация: быстрые страницы лучше конвертируют и ранжируются.
Чистый семантический код
валидная HTML-разметка с заголовками, alt-текстами и микроразметкой: база для SEO уже в вёрстке.
Живые элементы
слайдеры, аккордеоны, табы, модальные окна, анимации при скролле, работающие формы с валидацией.
Готовность к CMS
по желанию сажаем вёрстку на WordPress или MODX: вы редактируете контент без программиста.
Что входит в услугу
Цены ориентировочные: точную смету считаем по вашей задаче и фиксируем в договоре.
- Вёрстка лендинга по макету (до 6 экранов) от 5 900 ₽
- Вёрстка многостраничного сайта от 12 900 ₽
- Вёрстка одного экрана / блока от 1 500 ₽
- Вёрстка внутренней страницы по готовому стилю от 2 900 ₽
- Адаптивная (мобильная) версия существующего сайта от 4 900 ₽
- Посадка вёрстки на WordPress (натяжка темы) от 6 900 ₽
- Настройка форм с отправкой на почту и в Telegram от 1 900 ₽
- Исправление чужой вёрстки от 1 900 ₽
- Оптимизация скорости загрузки от 2 900 ₽
- Публикация: домен, хостинг, SSL от 1 900 ₽
Тарифы
Три готовых пакета. Состав можно собрать под задачу – цена и срок фиксируются в договоре.
-
Базовый
от 5 900 ₽
от 3 дней
- Вёрстка лендинга до 6 экранов по макету Figma/PSD: адаптив (3 контрольные точки)
- кроссбраузерность
- слайдеры и аккордеоны
- рабочая форма
- оптимизация изображений
- 1 круг правок
-
Чаще выбирают
от 12 900 ₽
от 6 дней
- Вёрстка сайта до 8 страниц: адаптив
- анимации при скролле
- формы с валидацией и отправкой в Telegram
- семантика и микроразметка
- скорость 90+ по PageSpeed
- публикация на хостинге
- 2 круга правок
-
Максимум
от 29 900 ₽
от 12 дней
- Вёрстка многостраничного сайта + посадка на WordPress: редактируемые блоки в админке
- до 15 шаблонов страниц
- сложные анимации
- интеграция форм с CRM
- настройка домена и SSL
- обучение работе с админкой
- 30 дней поддержки
Цены указаны «от» и не меняются после подписания договора. Расчёт под вашу задачу – бесплатно, за один день.
Как мы работаем
Каждый этап заканчивается результатом, который вы видите и согласуете.
-
01
Заявка и макет
Присылаете макет в Figma или PSD (или описание задачи, если макета нет) – за 1 день бесплатно считаем цену и срок.
-
02
Уточнение требований
Контрольные точки адаптива, браузеры, анимации, куда отправлять формы, нужна ли CMS.
-
03
Предложение и договор
Фиксируем состав, цену и срок.
-
04
Вёрстка
Собираем страницы по макету: сетка, компоненты, адаптив, интерактивные элементы.
-
05
Программирование мелочей
Формы, валидация, отправка заявок на почту и в Telegram, счётчики аналитики.
-
06
Посадка на CMS (по желанию)
Натягиваем вёрстку на WordPress: контент становится редактируемым.
-
07
Тестирование
Прогоняем по устройствам и браузерам, проверяем формы, валидность кода и скорость по PageSpeed.
-
08
Сдача и гарантия
Передаём исходники и/или публикуем на вашем хостинге; бесплатно правим замечания в гарантийный срок.
Кейсы по этой услуге
Всё портфолиоЧто говорят клиенты
Каталог заменил менеджера в роли поисковой строки. Клиент приходит со списком моделей, и разговор начинается с условий поставки, а не с «что у вас есть». Отдельно ценно, что цены и остатки обновляются сами: за год мы не правили на сайте ни одной цифры вручную.
Конструктор снял с менеджеров работу, которую они делали руками пять лет. Смета не поехала, сроки выдержали, код и доступы остались у нас. Сейчас типовые заказы собираются без нас, а менеджеры занимаются нестандартом.
Двенадцать сайтов свели в один и не потеряли позиции – это была главная тревога. Новый филиал маркетолог заводит сам за полчаса, и мы наконец видим честную статистику по каждому городу в одном отчёте.
Кому подходит
Типовые задачи, с которыми к нам приходят за этой услугой.
Есть дизайн – нужен сайт
Заказали макет у дизайнера или нарисовали сами: превращаем его в работающий быстрый сайт.
Дизайнерам и студиям
Аккуратная вёрстка ваших макетов на субподряде: пиксель-в-пиксель, в срок, без общения с вашим клиентом.
Лендинг под рекламу на чистом коде
Максимальная скорость загрузки без тяжести конструкторов – важно при дорогом трафике.
Мобильная версия старого сайта
Сайт «плывёт» на смартфонах: делаем адаптив без полной переделки.
Натяжка вёрстки на CMS
Есть готовая вёрстка или макет – сажаем на WordPress, чтобы вы редактировали контент сами.
Починка чужой вёрстки
Разъехавшиеся блоки, кривой адаптив, конфликтующие стили – исправляем от 1 900 ₽.
Технологии и платформы
- HTML5 / CSS3 / JavaScript – семантическая вёрстка на чистом коде, без лишних библиотек.
- Figma, Photoshop – работаем с макетами в любом виде; из Figma переносим стили и сетку точно.
- Адаптив и Flexbox/Grid – резиновые сетки под любые экраны, mobile-first по запросу.
- WordPress, MODX – посадка вёрстки на CMS с редактируемыми блоками.
- Оптимизация – WebP, ленивая загрузка, минификация CSS/JS – целимся в 90+ по PageSpeed.
- Интеграции – отправка форм на почту и в Telegram, Яндекс Метрика, reCAPTCHA/SmartCaptcha, подключение к CRM.
Почему ФЛЕТКОМ
Цены уровня фриланса и процесс уровня студии: договор, этапы, ответственный за проект.
Фиксированная цена по договору
от 5 900 ₽; считаем по макету до старта, цена не «растёт» в процессе.
Цены уровня фриланса при студийном процессе
согласованные требования, этапы, ответственный за проект.
Срок в договоре
лендинг за 3–6 рабочих дней, и дата зафиксирована.
Качество проверяемо
пиксель-в-пиксель к макету, валидатор W3C, скорость по PageSpeed: критерии приёмки прописываем заранее.
Не только вёрстка
здесь же посадим на CMS, подключим домен, аналитику и CRM: не придётся искать второго исполнителя.
Гарантия 30 дней и бесплатный расчёт
правим замечания после сдачи; расчёт по макету пришлём за 1 день.
Частые вопросы
Всё, о чём спрашивают до подписания договора. Ответы открыты – искать ничего не нужно.
Сколько стоит вёрстка сайта?
От 5 900 ₽ за лендинг до 6 экранов. Медианная цена вёрстки по рынку – около 5 000 ₽ за простые работы, многостраничные сайты – от 12 900 ₽, вёрстка с посадкой на WordPress – от 29 900 ₽. Отдельный экран или блок – от 1 500 ₽. Пришлите макет – точную цену назовём за 1 день бесплатно.
Сколько времени занимает вёрстка?
Лендинг – 3–6 рабочих дней, многостраничный сайт – 6–12 дней, отдельный блок или экран – 1–2 дня. Посадка на CMS добавляет 3–5 дней. Срочная вёрстка возможна за доплату.
Что нужно от меня для старта?
Макет в Figma или PSD с доступом, требования к адаптиву и браузерам (если есть особые), адрес почты или Telegram для заявок с форм. Если макета нет – закажите дизайн у нас, сделаем связку «дизайн + вёрстка» дешевле, чем по отдельности.
Что будет после сдачи?
Передаём все исходники – код полностью ваш, без привязки к нам. 30 дней бесплатно правим замечания по вёрстке. По желанию публикуем сайт на вашем хостинге и настраиваем домен с SSL.
Вёрстка будет адаптивной?
Да, адаптив входит в любой тариф: смартфон, планшет и десктоп – минимум три контрольные точки. Если в макете нет мобильной версии, аккуратно адаптируем дизайн сами и согласуем с вами спорные экраны.
Чем вёрстка на чистом коде лучше конструктора?
Скоростью и контролем: страница на чистом HTML/CSS весит в разы меньше, грузится быстрее и не зависит от тарифов конструктора. Это важно для рекламных лендингов и SEO. Минус – контент без CMS редактирует разработчик; если нужно править самим, добавьте посадку на WordPress.
Сможете доверстать или починить чужую вёрстку?
Да: разъехавшиеся блоки, кривой адаптив, недоделанные страницы – от 1 900 ₽. Сначала посмотрим код и честно скажем, что дешевле – чинить или переверстать проблемные страницы заново.
Работаете с дизайнерами и студиями на субподряде?
Да, это заметная часть наших заказов. Верстаем по вашим макетам пиксель-в-пиксель, соблюдаем сроки, не выходим на вашего клиента и по запросу передаём код в вашем стиле оформления.
Что такое вёрстка сайта и как оценить её качество
Вёрстка – это превращение дизайн-макета в работающую веб-страницу: то, что дизайнер нарисовал в Figma или Photoshop, верстальщик собирает в HTML, CSS и JavaScript. От качества этого этапа зависит, как сайт выглядит на разных экранах, как быстро загружается и как его понимают поисковики. Два сайта с одинаковым дизайном могут отличаться в разы по скорости и позициям в поиске – именно из-за вёрстки.
Цены на рынке – от 3 000 ₽ за простую страницу до 70 000 ₽ за большие проекты, медиана – около 5 000 ₽. Цена зависит от объёма (количество экранов и страниц), сложности макета (анимации, нестандартные сетки, интерактивные элементы), требований к адаптиву и от того, нужна ли посадка на CMS. Дешёвая вёрстка «как-нибудь» обычно означает: без адаптива, с картинками по 2 МБ, дублирующимся кодом и версткой, которая ломается при первой же правке текста.
Качество вёрстки проверяется объективно, даже без технических знаний. Откройте страницу на своём смартфоне и в 2–3 браузерах – ничего не должно «плыть». Прогоните адрес через Google PageSpeed Insights – хорошая вёрстка даёт 85–95+ баллов на мобильных. Проверьте код валидатором W3C – критичных ошибок быть не должно. И сравните страницу с макетом: сетка, отступы и шрифты обязаны совпадать. Добросовестный исполнитель сам предложит эти критерии приёмки и зафиксирует их в договоре – это простой фильтр при выборе подрядчика.
Расскажите, что нужно сделать
Ответим в рабочее время в течение 30 минут, зададим уточняющие вопросы и пришлём расчёт за один день. Консультация бесплатная.
Посчитаем вашу задачу?
Опишите, что нужно сделать: назовём цену и срок, зафиксируем их в договоре.