Верстка сайта по макету
Превращаем макет в рабочие страницы: аккуратный код, мобильная версия, состояния кнопок и полей. Готово к подключению к любой системе управления. Блок от 7 000 руб., лендинг от 25 000 руб.
Что вы получаете на выходе
Открываются и работают, можно показать и проверить.
Проверена на телефоне, а не только сжата по ширине.
Наведение, нажатие, ошибка в поле, пустой список.
Структура, по которой чужой разработчик разберется.
В современных форматах, чтобы страница грузилась быстро.
Как собрать и где что лежит.
Верстка, дизайн, CMS и программирование: чем отличаются
Верстка — четвертый этап. Страницы уже работают в браузере, но редактировать их еще нельзя.
| Что отвечает на вопрос | ТЗ | Прототип | Дизайн | Верстка | CMS |
|---|---|---|---|---|---|
| Что должно быть на сайте | да | частично | нет | нет | нет |
| Как расположено на экране | нет | да | да | да | нет |
| Как это выглядит | нет | нет | да | да | нет |
| Работает в браузере | нет | нет | нет | да | да |
| Можно редактировать самим | нет | нет | нет | нет | да |
После верстки нужен еще один шаг — подключение к системе управления. Иначе тексты придется править в коде.
Когда верстку заказывают отдельно
Команда умеет в логику, но не хочет тратить время на верстку.
Макет готов, нужен только код.
На готовом сайте добавляется секция или форма.
На телефоне разъезжается, надо переделать по-человечески.
Сайт на самописном движке, нужны просто чистые страницы.
Макет есть, запуск через неделю.
Какой макет нужен для точной оценки
Если чего-то из списка нет — оценим все равно, но с запасом. Дозаполнить дешевле.
- Макет в рабочем файле, а не картинкой
- Мобильная версия хотя бы для ключевых страниц
- Шрифты названы и доступны
- Состояния кнопок и полей нарисованы
- Изображения приложены в исходном качестве
- Понятно, какие блоки повторяются на разных страницах
Из картинки не вытащить точные размеры, шрифты и отступы. Верстальщик будет их измерять на глаз, а вы потом искать расхождения. Мы возьмемся, но заложим время на замеры и предупредим об этом до старта.
Цена и варианты
| Вариант | Цена | Срок | Что входит | Когда выбирать |
|---|---|---|---|---|
| Отдельный блок | от 7 000 руб. | 1-2 дня | Код блока, адаптив, наведение | Один блок или форма |
| Простая страница | от 15 000 руб. | 2-4 дня | Страница, адаптив, базовые состояния | Обычная страница без логики |
| Лендинг | от 25 000 руб. | 4-7 дней | Полная страница, адаптив, базовый интерактив | Готовый макет посадочной |
| Корпоративный сайт | от 40 000 руб. | 7-12 дней | Главная и типовые внутренние шаблоны | Набор страниц для сайта компании |
| Премиум-корпоративный | от 65 000 руб. | 10-15 дней | Больше шаблонов, состояния, аккуратный интерактив | Много деталей и адаптива |
| Каталог или магазин | от 80 000 руб. | 10-20 дней | Категория, карточка, корзина, состояния | Товарные шаблоны |
| Сложный интерфейс | по смете от 110 000 руб. | отдельно | Кабинет, таблицы, роли, много состояний | Интерфейсные экраны |
| Правки после утверждения | 3 000 руб./час | по задаче | Новые блоки, изменения макета | Состав меняется после старта |
Стартовая цена действует при готовом нормальном макете и понятном составе страниц. Неполный макет, отсутствие мобильной версии, много анимации, срочность и починка чужого кода считаются отдельно.
Что влияет на стоимость
Что входит и что не входит
- Код страниц с адаптивом
- Состояния элементов
- Оптимизация изображений
- Проверка в основных браузерах
- Инструкция по сборке
- Гарантия на верстку
- Подключение к системе управления — отдельная услуга
- Программирование логики и обработка форм на сервере
- Наполнение страниц контентом
- Хостинг и домен
- Дизайн и правка макета
Процесс работы
| Этап | Что делаем | Что на выходе |
|---|---|---|
| 1. Проверка макета | Смотрим, что готово и чего не хватает | Список вопросов и точная оценка |
| 2. Первый шаблон | Верстаем главную или ключевую страницу | Подход согласован |
| 3. Остальные шаблоны | Делаем в той же структуре | Комплект страниц |
| 4. Адаптив и состояния | Мобильная версия, наведения, ошибки | Полный набор |
| 5. Проверка | Браузеры, телефоны, скорость | Отчет о проверке |
| 6. Передача | Отдаем архив и инструкцию | Готово к подключению |
Как выглядит передача результата
- Архив с файлами и понятной структурой папок
- Страницы открываются локально и в браузере
- Мобильная версия проверена на реальном телефоне
- Работают все состояния, которые были в макете
- Изображения сжаты и в современных форматах
- Есть файл с описанием: где что лежит и как собрать
Если задача звучит иначе
| Если задача звучит так | Это услуга | Почему |
|---|---|---|
| «Макета нет» | Дизайн сайта | Верстать пока нечего |
| «Нужно, чтобы можно было редактировать» | Подключение верстки к CMS | Следующий этап после верстки |
| «Нужен сайт целиком» | Разработка сайта | Верстка входит в работу |
| «На телефоне все разъезжается» | Адаптация под мобильные | Починка существующего |
Расскажите про задачу
Частые вопросы
Сколько стоит верстка?
После верстки сайт готов?
Можно сверстать по картинке?
Входит ли мобильная версия?
Сможет ли другой разработчик доработать?
Делаете ли анимацию?
Есть гарантия?
Сверстаем?
Пришлите макет или скажите, что нужно. Посмотрим и назовем точную цену со сроком.
Отвечаем по будням с 12:00 до 21:00. Екатеринбург +7 (343) 351-74-32, Москва +7 (499) 322-77-02.
