Верстка сайтов по дизайн‑макетам на 1С‑Битрикс

Превратим макет Figma в рабочий сайт или интернет-магазин: сверстаем адаптивные интерфейсы, интегрируем шаблоны и компоненты 1С‑Битрикс, подключим формы, каталог и нужные сервисы.
Вы получите готовый к запуску проект, а не набор HTML-файлов

Пришлите ссылку на макет и кратко опишите нужные функции. В течение 1 рабочего дня предоставим предварительную оценку стоимости и срока

  • С 2015 года разрабатываем и развиваем проекты на 1С‑Битрикс
  • 20 специалистов в продуктовой команде
  • Для компаний и агентств подключаемся напрямую или берем на себя техническую реализацию проекта
  • До запуска проверяем адаптив, браузеры, формы и ключевые пользовательские сценарии

У вас уже есть дизайн? Мы доведем его до работающего сайта

Подключимся после утверждения макетов: проверим их комплектность, оценим объем работ, сверстаем интерфейсы и интегрируем их с 1С‑Битрикс

  • Сайт визуально соответствует макетам на согласованных разрешениях
  • Содержимое, каталог и повторяющиеся блоки редактируются через административную панель
  • Формы, фильтры, корзина и интерактивные состояния работают
  • Срок, состав работ и исключения понятны до начала разработки

Кому подходит услуга

  • Компания

    Когда актуально:

    Есть собственный дизайнер или готовый дизайн от подрядчика

    Что делаем:

    Мы берем на себя верстку, разработку на 1С‑Битрикс, тестирование и запуск

  • Дизайн- или рекламное агентство

    Когда актуально:

    Нужно передать техническую часть без найма собственной команды разработчиков 1С‑Битрикс

    Что делаем:

    Мы делаем техническую реализацию под брендом агентства, прозрачную оценку и согласованный порядок взаимодействия с конечным заказчиком

  • Продуктовая команда

    Когда актуально:

    Нужно усилить внутреннюю разработку для запуска новой версии или раздела

    Что делаем:

    Предоставим техническую команду, которая работает по вашим правилам и использует вашу систему постановки задач и контроля версий

Результат — готовый к запуску и дальнейшему развитию проект

  • Адаптивные интерфейсы

    Версии для компьютеров, планшетов и смартфонов — по макетам либо по заранее согласованным правилам адаптации

  • Шаблоны и компоненты 1С‑Битрикс

    Повторяющиеся и динамические блоки работают через штатные механизмы системы управления сайтом

  • Редактируемое содержимое

    Услуги, проекты, сотрудники, новости, ответы на частые вопросы, товары и другие виды материалов настраиваются для управления через административную панель

  • Функциональные сценарии

    Формы, каталог, фильтры, корзина, личный кабинет и интеграции — в согласованном составе

  • Проверенный результат

    Тестируем согласованные браузеры и разрешения, формы и основные пользовательские сценарии

  • Исходный код и запуск

    Размещаем код в согласованной системе контроля версий, показываем результат на тестовой площадке и переносим его на основной сайт

В оценку входят только необходимые проекту работы

  • Верстка интерфейсов

    Что входит:

    Верстка уникальных шаблонов, адаптивных версий, состояний, анимации и интерактивных элементов

    Когда нужна:

    Если нужны готовые HTML/CSS/JS-шаблоны либо у заказчика есть собственный разработчик 1С‑Битрикс

  • Интеграция с 1С‑Битрикс

    Что входит:

    Шаблон сайта, шаблоны компонентов, инфоблоки, формы, меню, каталог и управление содержимым

    Когда нужна:

    Если нужны не статические шаблоны, а работающий сайт на 1С‑Битрикс

  • Функции и интеграции

    Что входит:

    Связь с 1С и другими внешними системами, оплата, доставка, поиск, личный кабинет и нестандартная бизнес-логика

    Когда нужна:

    Если проект выходит за рамки типовых компонентов и информационных разделов

Точно воспроизводим дизайн и учитываем дальнейшее развитие сайта

Сверяем сетку, типографику, отступы, состояния элементов и поведение интерфейса на согласованных разрешениях. Если макет не учитывает объем реального содержимого, особенности браузеров или ограничения 1С‑Битрикс, заранее сообщаем об этом и предлагаем технически обоснованное решение

  • Проверяем комплектность макетов до финальной оценки
  • Фиксируем правила адаптации и состояния элементов
  • Сохраняем возможность обновлять и развивать проект
  • Для повторяющихся элементов создаем единые компоненты
  • Не вносим изменения в ядро 1С‑Битрикс

Содержимое сайта остается в управлении вашей команды

Выносим повторяющиеся и динамические данные в компоненты и инфоблоки: сотрудников, услуги, проекты, статьи, ответы на частые вопросы, баннеры, товары и другие виды материалов. После запуска ответственный сотрудник изменяет эту информацию через административную панель, без правок исходного кода страниц. Для всех типов контента подготовим подробные инструкции по добавлению и обновлению контента

Стоимость зависит от числа уникальных шаблонов и функций — не от количества страниц

Десять страниц могут собираться на двух шаблонах, а один экран — содержать сложный каталог, фильтры и интеграции. Поэтому сначала изучаем макеты и требования, затем составляем подробный перечень работ и согласуем оценку до старта

  • Только верстка

    Что показываем в расчете:

    Уникальные шаблоны, адаптивные версии, состояния и интерактивные элементы

  • Верстка + 1С‑Битрикс

    Что показываем в расчете:

    Верстка, шаблон сайта, компоненты, инфоблоки, формы и публикация

  • Интернет-магазин / сервис

    Что показываем в расчете:

    Каталог, корзина, личный кабинет, оплаты, доставки и интеграции

Как строится работа

  1. Получаем макеты и исходные данные

    Ссылка на Figma, описание функций, доступы к существующему проекту и ограничения по сроку

  2. Проверяем комплектность

    Проверяем адаптивные версии, состояния элементов, набор интерфейсных компонентов, формы, содержимое и неоднозначные места. Формируем список вопросов

  3. Составляем подробную оценку

    Отдельно оцениваем верстку, интеграцию с 1С‑Битрикс и разработку нестандартных функций. Согласуем состав работ, стоимость и срок

  4. Верстаем интерфейсы

    Собираем адаптивные шаблоны, состояния, анимации и интерактивные элементы

  5. Интегрируем с 1С‑Битрикс

    Подключаем компоненты, инфоблоки, формы, каталог и согласованные внешние сервисы

  6. Тестируем и запускаем

    Показываем результат на тестовой площадке, исправляем замечания, переносим изменения на основной сайт и передаем материалы

До публикации проверяем сайт на тестовой площадке

  • Соответствие согласованным макетам и правилам адаптации
  • Работа на актуальных версиях основных браузеров из согласованной матрицы
  • Формы, проверка правильности заполнения, сообщения об ошибках и успешная отправка
  • Основные сценарии каталога, корзины, поиска и личного кабинета — если они входят в проект
  • Корректность редактирования содержимого в административной панели
  • Базовая проверка скорости загрузки и отсутствия критических ошибок в работе интерфейса

Вы отвечаете за дизайн и работу с клиентом. Мы — за техническую реализацию на 1С‑Битрикс

Проверяем макеты, оцениваем разработку и передаем готовый результат. С конечным заказчиком взаимодействуем только с согласия агентства

  • Работаем по соглашению о неразглашении
  • Подключаемся к вашим рабочим чатам, системе постановки задач и системе контроля версий либо используем свои инструменты
  • Заранее предупреждаем, если в макетах не хватает состояний или логики
  • Берем на себя только верстку либо всю техническую реализацию на 1С‑Битрикс
  • После запуска можем остаться на поддержке и развитии проекта

Все изменения согласовываем заранее

  • Состав работ фиксируем

    В оценке перечисляем, что входит в верстку, интеграцию с 1С‑Битрикс и разработку дополнительных функций

  • Изменения сначала оцениваем

    Дополнительные функции и изменения макетов выполняем только после согласования их стоимости и срока

  • Работаем на тестовой площадке

    Заказчик видит результат и принимает его до публикации

  • Передаем исходный код

    Размещаем код в согласованной системе контроля версий заказчика и передаем необходимые доступы

  • Исправляем допущенные нами ошибки

    Замечания, относящиеся к согласованному объему, исправляем в течение двух рабочих дней

  • Можем продолжить развитие

    После запуска подключаем поддержку по отдельному договору

Частые вопросы

Обсудим макет и подготовим предварительную оценку

Расскажите о задаче, пришлите ссылку на макет и опишите нужную функциональность. За 1 рабочий день дадим первоначальный ориентир по бюджету и срокам