Цены на вёрстку и фронтенд
Простая вёрстка
- HTML, CSS, JavaScript, Webpack, SCSS, Pug
- Простая вёрстка, нет анимаций, все макеты в наличии, включая адаптив.
- Однотипные блоки и элементы на разных страницах отрисованы дизайнером одинаково.
- Простые элементы и блоки. Не горят сроки. Тестирование заказчиком.
Сложная вёрстка
- HTML, CSS, JavaScript, Webpack, SCSS, Pug, анимации
- Сложные блоки интерфейсов, анимации, интерактив, валидация.
- Исправление ошибок дизайнера, додумывание функционала за ПМ и дизайнера.
- Адаптив без макета дизайна. Сроки критичны.
О ценах на вёрстку сайтов
Не всегда клиент понимает сколько часов вёрстки ему будет достаточно для его проекта. Точнее, почти никогда клиент этого не знает. Поэтому приведу здесь какие-то примеры проектов для приблизительной оценки стоимости и сроков вёрстки сайта или интернет-магазина.
Все приведённые ниже цены на вёрстку сайтов усреднённые. “Средняя температура по больнице”. Очень сильно цены-сроки зависят от качества макета дизайна. Также не всегда для сайта требуется столько страниц, сколько я привожу в примере. Поэтому стоимость может колебаться как в большую, так и в меньшую сторону.
Не стесняйтесь, звоните нам сразу, присылайте ваши макеты дизайна для вёрстки, мы бесплатно оценим качество макетов, рассчитаем стоимость HTML-вёрстки, проконсультируем.
Мы можем также повысить компетенции вашей команды и осуществить контроль и приёмку макетов дизайна от вашего дизайнера или приёмку вёрстки от вашего верстальщика по стандартам вёрстки. Это обеспечит дальнейшее качество вашего сайта и удобство его использования.
Зачастую заказчик приносит макеты от дизайнера-полиграфиста или просто от непрофессионала и не понимает, почему их нельзя нормально сверстать — “вот всё же нарисовано, делайте, как нарисовано”. К сожалению, так это не работает и нашему верстальщику часто приходится доделывать за псевдо-вебдизайнерами их работу.
Поэтому мы рекомендуем обращаться за разработкой дизайна сайта или информационной системы к профессионалам своего дела и именно к web-дизайнерам.
Для понимания, сколько стоит вёрстка сайта в среднем, вы можете ориентироваться на наш прайс-лист по вёрстке сайта. По этой ссылке доступен наш калькулятор разработки, вёрстки и интеграции сайта с системой управления.
По умолчанию количество страниц сайтов взято с некоторым запасом. Для лендинга это, понятно, одна страница, для корпоративного сайта — семь страниц, для интернет-магазина — восемь страниц.
Не забывайте, что помимо вёрстки макета десктопной версии сайта (сайт для монитора компьютера), есть ещё вёрстка адаптива или адаптивной версии сайта (вёрстка сайта для мобильных и прочих устройств) — у нас это по умолчанию вёрстка для планшета и смартфона.
Также не стоит забывать, что если ваш сайт создан с помощью системы управления (CMS), то помимо HTML-CSS вёрстки вам понадобится ещё и интеграция (привязка) этой вёрстки в систему управления, например, 1С-Битрикс.
Цены на вёрстку сайтов и интернет-магазинов
Вёрстка сайта лендинга (1 страница)
Вёрстка десктопной версии — 28800 руб., 16 часов работ.
Вёрстка адаптива — 14400 руб., 8 часов.
Итого: 43200 руб., 24 часа.
В случае использования CMS:
Интеграция вёрстки с CMS — 16000 руб., 8 часов.
Всего: 59200 руб., 32 часа.
Вёрстка корпоративного сайта (7 страниц)
Вёрстка десктопной версии — 104400 руб., 58 часов работ.
Вёрстка адаптива — 64800 руб., 36 часов.
Итого: 169200 руб., 94 часа.
В случае использования CMS:
Интеграция вёрстки с CMS — 72000 руб., 36 часов.
Всего: 241200 руб., 130 часов.
Вёрстка интернет-магазина (8 страниц)
Вёрстка десктопной версии — 115200 руб., 64 часа работ.
Вёрстка адаптива — 72000 руб., 40 часов.
Итого: 187200 руб., 104 часа.
В случае использования CMS:
Интеграция вёрстки с CMS — 80000 руб., 40 часов.
Всего: 267200 руб., 144 часа.
Цены приведены, ориентируясь на нижеследующие параметры:
HTML5, CSS3, SCSS, Flex/Grid, Animation CSS, Bootstrap 4, JavaScript, jQuery, установка сторонних плагинов js, web-шрифты, кроссбраузерность (поддержка последних 3 версий), семантичность, комментирование кода, минификация.
Главная страница — до двенадцати, внутренняя до шести функциональных блоков средней сложности, например:
- Шапка (логотип, меню, контактная информация)
- Фиксированное меню (перемещается при скролле страницы)
- Футер (контактная информация, меню, копирайт)
- Форма поиска
- Форма обратной связи
- Широкоформатный слайдер
- Список товаров/услуг
- Контент — текст, изображения, то есть наполнение сайта
- Карта Яндекс
- Кнопка “наверх” (перемещает в начало страницы)
- Простая анимация (hover-эфекты при наведении на ссылки, кнопки, блоки)
Верстаем очень качественно. Делаем любую вёрстку по требованиям Заказчика.
Вёрстка личных кабинетов, информационных систем, порталов, любых веб-интерфейсов
Здесь нет никаких иных оценок, кроме определения объёмов работ на основе нашего опыта. Присылайте на оценку макеты интерфейсов, заказывайте помощь в работе и контроль за вашим дизайнером в части пригодности макета для дальнейшей вёрстки и эксплуатации.
Большой опыт в вёрстке и фронтенде!
Верстали и верстаем всё для интернета. Для российских и зарубежных компаний. Сайты-визитки, шаблоны писем, лэндинги, крупные интернет-магазины, порталы со сложными интерфейсам, включая и опыт работ с RTL (right-to-left) текстами (на примере смеси иврита-RTL и английского-LTR). Интерфейсы, анимации, формы.
Проведём валидацию проекта, поможем дизайнеру, проконсультируем, реализуем без дизайнера то, что он не отрисовал.
Наши менеджеры уже заждались Вас! Звоните!
P.S.
Смотрите также абонентскую поддержку сайта.
С 2005 года мы выполнили свыше тысячи работ. Первое место по количеству работ на технологии “Parser” (в рейтинге parser.ru).
Создаём, поддерживаем сайты на 1С-Битрикс, увеличиваем продажи. Здесь представлены некоторые наши работы.
- Администратор.Базовый
- Администратор.Бизнес
- Администратор.Модули
- Разработчик Bitrix Framework
- Технология Композитный сайт
- Контент-менеджер
- 1С-Битрикс. Установка и настройка
- Конфигурирование веб-систем для оптимальной работы
- Основные технологии и расширение типовых возможностей системы
- Интеграция с 1C
- Участник “Программы мониторинга качества внедрения”
- Сертифицированный специалист по Яндекс.Директ
- Сертифицированный специалист по Яндекс.Метрике
- Android-разработчик
- Менеджер интернет-проекта
- Адаптивная и мобильная верстка
- Git — система контроля версий
- Сертифицированный специалист по поисковой рекламе Google AdWords
- Сертифицированный специалист по мобильной рекламе Google AdWords
- Сертифицированный специалист по медийной рекламе Google AdWords
- Сертифицированный специалист по видеорекламе Google AdWords
- Сертифицированный специалист по Google Analytics
вёрстку сайта