Адаптивная HTML/CSS-вёрстка по макету
Выполняю этап «адаптивная html/css-вёрстка по макету» с учётом текущего состояния проекта, требований к результату и необходимых проверок.
Услуга
Вёрстка сайтов
Превращаю дизайн из Figma в рабочие HTML/CSS-шаблоны для сайта, интерфейса или отдельных страниц. Учитываю сетку, типографику, интерактивные состояния и поведение элементов на разных экранах.
Вёрстка сайтов
Адаптивная вёрстка сайтов по Figma. Превращаю дизайн из Figma в рабочие HTML/CSS-шаблоны для сайта, интерфейса или отдельных страниц. Учитываю сетку, типографику, интерактивные состояния и поведение элементов на разных экранах.
Для адаптивной реализации использую CSS и, по задаче, Bootstrap и JavaScript. Проверяю меню, формы, таблицы, карточки, изображения и доступность основных сценариев на мобильной ширине.
Стоимость услуги
Цена зависит от объёма задач, глубины проработки, количества материалов и выбранного формата сотрудничества. Ниже приведены ориентировочные тарифы на Вёрстка сайтов.
Тарифы по объёму работ
| Формат | Наличный расчёт | Безналичный расчёт | Что входит |
|---|---|---|---|
| Старт | 39 000 ₽/проект | 48 750 ₽/проект | Адаптивная HTML/CSS-вёрстка по макету; Сетка Bootstrap или компонентная CSS-архитектура; Интерактивные элементы на JavaScript. |
| Оптимальный | 62 400 ₽/проект | 78 000 ₽/проект | Адаптивная HTML/CSS-вёрстка по макету; Сетка Bootstrap или компонентная CSS-архитектура; Интерактивные элементы на JavaScript; Проверка точности на основных разрешениях; Оптимизация изображений, шрифтов и загрузки. |
| Комплексный | 93 600 ₽/проект | 117 000 ₽/проект | Адаптивная HTML/CSS-вёрстка по макету; Сетка Bootstrap или компонентная CSS-архитектура; Интерактивные элементы на JavaScript; Проверка точности на основных разрешениях; Оптимизация изображений, шрифтов и загрузки; Подготовка к интеграции в MODX или другую CMS. |
Наличный расчёт — скидка 20% от безналичной цены. Итоговая смета зависит от объёма и фиксируется после брифа или диагностики.
Что входит в услугу
Сетка Bootstrap или компонентная CSS-архитектура
Выполняю этап «сетка bootstrap или компонентная css-архитектура» с учётом текущего состояния проекта, требований к результату и необходимых проверок.
Интерактивные элементы на JavaScript
Выполняю этап «интерактивные элементы на javascript» с учётом текущего состояния проекта, требований к результату и необходимых проверок.
Проверка точности на основных разрешениях
Выполняю этап «проверка точности на основных разрешениях» с учётом текущего состояния проекта, требований к результату и необходимых проверок.
Оптимизация изображений, шрифтов и загрузки
Выполняю этап «оптимизация изображений, шрифтов и загрузки» с учётом текущего состояния проекта, требований к результату и необходимых проверок.
Подготовка к интеграции в MODX или другую CMS
Выполняю этап «подготовка к интеграции в modx или другую cms» с учётом текущего состояния проекта, требований к результату и необходимых проверок.
Форматы работы
Разовая работа по согласованному техническому заданию
Поэтапное выполнение с промежуточной проверкой
Расширенный проект с дополнительными задачами
Последующая доработка по отдельному согласованию
Тарифные планы
Старт
39 000 ₽ /проект
Адаптивная HTML/CSS-вёрстка по макету; Сетка Bootstrap или компонентная CSS-архитектура; Интерактивные элементы на JavaScript.
- Адаптивная HTML/CSS-вёрстка по макету
- Сетка Bootstrap или компонентная CSS-архитектура
- Интерактивные элементы на JavaScript
Популярный
Оптимальный
62 400 ₽ /проект
Адаптивная HTML/CSS-вёрстка по макету; Сетка Bootstrap или компонентная CSS-архитектура; Интерактивные элементы на JavaScript; Проверка точности на основных разрешениях; Оптимизация изображений, шрифтов и загрузки.
- Адаптивная HTML/CSS-вёрстка по макету
- Сетка Bootstrap или компонентная CSS-архитектура
- Интерактивные элементы на JavaScript
- Проверка точности на основных разрешениях
- Оптимизация изображений, шрифтов и загрузки
Комплексный
93 600 ₽ /проект
Адаптивная HTML/CSS-вёрстка по макету; Сетка Bootstrap или компонентная CSS-архитектура; Интерактивные элементы на JavaScript; Проверка точности на основных разрешениях; Оптимизация изображений, шрифтов и загрузки; Подготовка к интеграции в MODX или другую CMS.
- Адаптивная HTML/CSS-вёрстка по макету
- Сетка Bootstrap или компонентная CSS-архитектура
- Интерактивные элементы на JavaScript
- Проверка точности на основных разрешениях
- Оптимизация изображений, шрифтов и загрузки
- Подготовка к интеграции в MODX или другую CMS
Для кого подходит услуга
Вёрстка сайтов подходит компаниям, предпринимателям и специалистам, которым нужен понятный рабочий результат и системный подход к задаче.
Компании, которым требуется адаптивная вёрстка сайтов по figma
Владельцы действующих коммерческих сайтов
Малый и средний бизнес
Проекты с потребностью в развитии сайта
Почему выбирают меня
Под задачу бизнеса
Сайт проектируется под заявки, продажи, презентацию услуг или автоматизацию.
Адаптивный результат
Интерфейс проверяется на телефонах, планшетах и десктопах.
Производительность
Скорость и техническое качество учитываются ещё на этапе разработки.
Готовность к продвижению
SEO-структура и аналитика закладываются до запуска, а не после.
Как проходит работа
- Изучаю цель проекта и согласовываю критерии результата: адаптивная вёрстка сайтов по figma.
- Проверяю исходные материалы и определяю объём: адаптивная html/css-вёрстка по макету.
- Готовлю и согласовываю решение: сетка bootstrap или компонентная css-архитектура.
- Реализую функциональность: интерактивные элементы на javascript.
- Проверяю качество: подготовка к интеграции в modx или другую cms; передаю результат и рекомендации.
Ответы на частые вопросы
| Вопрос | Ответ |
|---|---|
| Можно ли заказать только вёрстку без программирования CMS? | Да. Можно подготовить отдельные HTML/CSS/JS-шаблоны, а интеграцию с CMS выполнить следующим этапом или силами другой команды. |
| От чего зависит стоимость? | От количества страниц или функций, интеграций, состояния исходного проекта и выбранного тарифа. Итоговый объём согласовывается до начала работ. |
| Что необходимо для начала? | Описание задачи, адрес существующего сайта (если есть), примеры желаемого результата и технические доступы по необходимости. |
| Можно ли начать с минимального пакета? | Да, если базовый пакет закрывает задачу. Необходимые дополнительные работы согласовываются отдельно до их выполнения. |
Итоги и рекомендации
Что вы получаете. Результат — структурированная фронтенд-вёрстка, которую можно интегрировать в MODX Revolution или другую CMS.
Стоимость и состав работ зависят от выбранного пакета, исходного состояния проекта и дополнительных требований. Перечень задач согласуется перед началом разработки.
С этой услугой часто заказывают
Создание сайта под ключ
Беру на себя полный цикл создания сайта для бизнеса: от проработки целей и содержания до программирования, настройки CMS и проверки перед запуском. Формат проекта выбирается под конкретную задачу, а не по универсальному шаблону.
от 104 000 ₽/проектот 130 000 ₽/проект
Доработка сайта
Если сайт уже работает, часто достаточно исправить проблемные элементы или расширить функционал. Дорабатываю существующие страницы, адаптивную версию, формы, каталог и пользовательские сценарии без обязательной полной переработки проекта.
от 15 600 ₽/проектот 19 500 ₽/проект
Разработка сайта на MODX Revolution
Разрабатываю сайты на MODX Revolution, когда нужна свободная структура разделов, собственные шаблоны и нетиповой функционал без ограничений конструктора. Подход применим к корпоративным проектам, каталогам и интернет-магазинам.
от 104 000 ₽/проектот 130 000 ₽/проект
Редизайн сайта
Редизайн нужен, когда текущий интерфейс устарел или мешает посетителям найти информацию и оставить заявку. Работа охватывает не только внешний вид: пересматриваются навигация, расстановка акцентов и удобство мобильной версии.
от 78 000 ₽/проектот 97 500 ₽/проект
Нужна помощь с выбором?
Свяжитесь со мной для бесплатной консультации. Помогу подобрать оптимальное решение для вашего бизнеса и рассчитаю точную стоимость.