Кому подходит
Когда нужна
только вёрстка
Если макета ещё нет, эта страница не про вас — смотрите разработку под ключ.
У вас есть свой дизайнер
Макет нарисован штатным дизайнером или фрилансером, и нужен тот, кто соберёт его без потерь
Вы дизайнер или агентство
Рисуете сами, а вёрстку отдаёте на сторону — работаем под вашим брендом и по вашим срокам
Сайт в готовом фирменном стиле
Бренд-бук и макеты страниц уже согласованы — осталось перенести их на платформу
Макет
Какой макет мы
берём в работу
Минимум — десктопная версия. Чем аккуратнее собран макет, тем меньше доработки и тем дешевле вёрстка.
Обязательно
Десктопная версия всех страниц. Без неё оценивать не из чего
Желательно
Мобильная версия, стили текста и цвета, собранные в Figma, компоненты кнопок и карточек
Хорошо бы
Состояния ховеров, анимации, отдельные экспорты иконок и иллюстраций
Мобильной версии нет — не страшно. Адаптивы, недостающие состояния и доработку макета делаем сами: по сетке и логике десктопа, в вашем стиле. Это считается отдельно и зависит от того, сколько нужно достроить.
Состав работ
Что входит в вёрстку
Полный список работ. Ничего из перечисленного не считается дополнительной опцией.
01
Разбор макета
Проверяем сетку, шрифты, повторяющиеся элементы и места, где дизайн не сработает на Tilda. Говорим об этом до старта
02
Настройка проекта
До вёрстки подключаем фирменные шрифты и задаём стили текста и цвета в настройках Tilda, чтобы весь сайт собирался на одной системе. Графика — иконки в SVG, изображения в WebP
03
Вёрстка в Zero Block
Пиксель-в-пиксель, с сеткой и отступами макета
04
Адаптив под все разрешения
Десктоп, ноутбук, планшет, мобильные. Проверяем на реальных устройствах
05
Анимация и ховеры
Появление блоков, состояния кнопок и карточек — по макету или предложим свои
06
Формы и заявки
Приём на почту, в Telegram или CRM. Проверяем доставку каждой формы
07
Базовое SEO
Title, description, заголовки, ЧПУ, alt, sitemap, robots
08
Аналитика
Метрика и цели на формы и клики по мессенджерам
09
Публикация и гарантия
Домен, SSL, передача доступов, 30 дней гарантии
Стоимость
От чего зависит
цена вёрстки
Оцениваем по макету индивидуально — пришлите ссылку на Figma, назовём сумму и срок.
Объём
Количество страниц и уникальных экранов. Повторяющиеся блоки дешевле
Готовность макета
Есть ли мобильная версия, стили и компоненты. Чем меньше достраивать, тем меньше сумма
Интерактив
Анимации, калькуляторы, табы, слайдеры и всё, что требует кода
Оценку даём по макету, а не по описанию. Скриншоты и «примерно пять страниц» не показывают сложность — нужна ссылка на Figma с правом просмотра. Ответим со сметой в течение 1–2 рабочих дней.
Этапы
Как проходит работа
Оплата поэтапная: следующий этап начинается после согласования предыдущего.
ЭТАП 01
Разбор макета и оценка
Смотрим файл, отмечаем вопросы и места под доработку, присылаем смету
1–2 днябесплатно
ЭТАП 02
Вёрстка десктопа
Настраиваем проект, собираем страницы в Zero Block, показываем на тестовом адресе
3–5 днейоплата этапа
ЭТАП 03
Адаптивы и анимация
Планшет и мобильные, ховеры, появление блоков, формы
2–4 дняоплата этапа
ЭТАП 04
Проверка и публикация
Тест на устройствах, SEO и аналитика, домен, передача доступов
1–2 днявключено
Честно
Что не входит
в вёрстку
Если это нужно — посчитаем отдельно или предложим разработку под ключ.
Дизайн с нуля и новые страницы, которых нет в макете
Тексты и контент для страниц
Исследование аудитории и семантика
Тариф Tilda и домен
Платные шрифты и стоковые изображения
Сложные интеграции и модули на коде
Сравнение
Вёрстка или разработка
под ключ
Если макета нет или его нужно переосмыслить — разработка под ключ закроет всё сразу.
Таблицу можно листать в сторону
Параметр
Вёрстка по макету
Разработка под ключ
Дизайн
ваш, готовый
рисуем в Figma
Тексты и структура
ваши
пишем и проектируем
Срок
1–2 недели
от 3 недель
Стоимость
от 70 000 ₽
от 110 000 ₽
Кому
есть дизайнер и готовый макет
нужен сайт с нуля
Макет только для десктопа — возьмёте?
Да. Мобильную версию и планшет соберём сами — по сетке и логике десктопа, в вашем стиле. Это оценивается отдельно, сумму назовём вместе с основной сметой.
Макет собран не очень аккуратно. Это проблема?
Нет, но это влияет на сумму. Разные отступы на похожих экранах, шрифты без стилей, отсутствие компонентов — всё это приходится выравнивать при вёрстке. Чем чище макет, тем быстрее и дешевле работа.
Будет пиксель-в-пиксель?
На десктопе — да, в пределах того, что позволяет браузер. На мобильных сохраняем пропорции и логику, но экран другой — где-то блоки перестраиваются. Спорные места показываем до сдачи.
Можно ли что-то поменять в макете по ходу?
Мелкие правки — в рамках этапа. Новые блоки и страницы после согласования сметы оформляем отдельно, с вашего согласия.
Сверстаете анимации из прототипа Figma?
Да, если они реализуемы в Zero Block или кодом. Сложную анимацию оцениваем отдельно — посмотрим прототип и скажем, как это будет работать на сайте.
Сможем ли мы дальше править сайт сами?
Да. Сайт собран в Zero Block без хаков — тексты, картинки и цены меняются в редакторе Tilda. Покажем, как это делать.
Дальше
Что может понадобиться
дальше
Вёрстка — это старт. Дальше сайту нужен трафик и поддержка.
Дизайн
Разработка под ключ
Если макета нет или его нужно переосмыслить: исследование, тексты, дизайн и вёрстка
Трафик
Яндекс Директ
Реклама на готовый сайт. При заказе в комплексе — скидка 15% на первый месяц
После запуска
Поддержка сайта
Новые блоки и правки по макетам вашего дизайнера пакетами часов