Разработка сайта архитектурного бюро на 1С-Битрикс

Шаблонные сайты не раскрывают экспертизу архитектурного бюро

Архитектурное бюро продаёт экспертизу, и сайт должен её транслировать. Потенциальный заказчик — девелопер, инвестор или муниципалитет — оценивает портфолио, компетенции команды и масштаб работ. Шаблонный сайт с тремя слайдами и формой обратной связи не конвертирует. Мы строим сайты на 1С-Битрикс, где структурированная база проектов с фильтрацией, интерактивные 3D-туры и визуально чистая подача — стандарт. Наша команда использует инфоблоки v2.0 с типизацией, тегированное кэширование и REST API для бесшовной интеграции с CRM и 1С. Оцениваем проект за два дня, а финальный результат сдаём под ключ. Получите консультацию по структуре портфолио и выбору 3D-решения.

Типичные технические проблемы

Слабая структура портфолио. Инфоблок «Проекты» без системы фильтрации — заказчик не найдёт нужный кейс. Мы реализуем умный фильтр с фасетной индексацией: поиск по типу объекта, статусу, году и архитектору занимает 0.3 секунды на 200 проектах.

Медленная загрузка 3D-панорам. Типовая панорама в equirectangular весит 15–30 МБ. Без оптимизации страница грузится 10+ секунд. Решение — мультиразрешение (тайловая пирамида) через Pannellum.js: загружается только видимая область, что сокращает время до 2 секунд.

Сложность обновления контента. Архитекторам нужно часто добавлять новые проекты и награды. Мы настраиваем административный интерфейс с визуальным редактором 3D-туров, где менеджер загружает панорамы и расставляет точки переходов без программиста.

Как организовать портфолио, которое продаёт?

Портфолио — основной инструмент продажи. Собираем его через инфоблок «Проекты» с 12+ свойствами: тип объекта (жилой комплекс, частный дом, офис), статус (концепция/реализован), площадь, год, локация, архитектор (привязка к разделу «Команда»), услуги (привязка к «Услуги»), фотогалерея, 3D-тур, видео, описание с блоками «Задача», «Решение», «Материалы». На фронте — фасетный фильтр и карточки с анимацией при наведении.

Детальная страница проекта содержит hero-блок, фотогалерею в masonry, iframe с туром, таблицу характеристик, команду проекта и список наград. Всё это генерируется через компоненты 2.0 с тегированным кэшированием.

Как внедрить 3D-туры на Битрикс?

Используем два подхода с разной архитектурой:

• Matterport, Kuula — облачные сервисы. Интеграция через iframe. Технически просто: свойство элемента инфоблока хранит URL, шаблон рендерит <iframe> с параметрами allow="fullscreen; vr" и loading="lazy". Ограничение: платная подписка (от $99/мес) и зависимость от инфраструктуры вендора.
• Pannellum.js Pannellum.js — self-hosted open-source библиотека. Полный контроль, никаких подписок. Создаём инфоблок «3D-туры» со свойствами: панорамы (множественное файловое), конфигурация (JSON). Менеджер загружает панорамы и настраивает hotspots через визуальный редактор.

Для оптимизации используем мультиразрешение (утилита generate.py из библиотеки) и прогрессивный JPEG. Пример: средняя панорама после нарезки загружается за 1.8 с вместо 20 с. Self-hosted решение снижает ежемесячные затраты в 10 раз по сравнению с облачными сервисами: вместо $99 вы платите $0 за лицензию, только за хостинг.

Сравнение облачных и self-hosted 3D-решений

Процесс работы

Итого: 10–12 недель. Если используем Matterport — минус 1.5 недели, если кастомный Pannellum — плюс неделя.

Что входит в работу (deliverables)

• Полностью настроенный сайт на 1С-Битрикс
• Инфоблоки для портфолио, команды, услуг, прессы, наград
• Система фильтрации проектов
• Интеграция 3D-туров (Matterport или Pannellum)
• Административный интерфейс для управления панорамами
• Документация по наполнению
• Обучение редакторов (2 часа)
• Гарантийная поддержка 6 месяцев

Типичные ошибки при разработке

• Слишком много типов объектов — лучше ограничиться 6–8 категориями, иначе фильтр становится бесполезным.
• Панорамы без мультиразрешения — страница будет грузиться 30 секунд; всегда используйте тайловые пирамиды.
• Игнорирование мобильных — на телефоне 3D-тур должен заменяться на статичную панораму с кнопкой запуска.

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

Как правильно проектировать инфоблоки?

Мы видим десятки проектов, где неправильная структура инфоблоков превращает сайт в тормоз. Типичный сценарий: заказчик просит «каталог товаров». Разработчик создаёт один инфоблок catalog, закидывает туда 15 свойств. Через полгода — 40 свойств, 8 из которых используются только для одной категории. Фильтр тормозит, таблица b_iblock_element_property разрослась до миллионов строк, CIBlockElement::GetList выполняется 3 секунды. Последствия — падение конверсии, потеря клиентов, дополнительные затраты на оптимизацию. В одном проекте после рефакторинга каталога время генерации страницы снизилось с 4,2 до 0,8 секунды, а стоимость поддержки сократилась на 250 000 рублей в год — за счёт устранения избыточных запросов и агентов.

Наш подход: проектируем инфоблоки до первой строки кода. Отдельные инфоблоки под сущности (товары, категории, бренды), свойства-справочники через highload-блоки, торговые предложения для SKU. Это закладывает производительность на годы вперёд. Если хотите получить предварительный аудит вашей схемы инфоблоков — свяжитесь с нами, разберём типовые ошибки и дадим рекомендации бесплатно.

Почему 1С-Битрикс выгоднее альтернатив?

Выбор CMS диктуется не предпочтениями, а бизнес-задачами. Вот ключевые аргументы:

• Нативный обмен с 1С — модуль catalog.import.1c обеспечивает двусторонний обмен товарами, ценами, остатками и заказами через CommerceML. Без сторонних модулей. Это в 5 раз быстрее, чем разработка собственного обмена на OpenCart или WordPress. Подробнее о формате — в Wikipedia. Экономия на интеграции составляет в среднем 150 000–300 000 рублей по сравнению с кастомными решениями.
• Проактивная защита — модуль security включает WAF, контроль целостности файлов, защиту от SQL-инъекций, двухфакторную аутентификацию. Для проектов с требованиями ФСТЭК — сертифицированное решение.
• Модульная архитектура — подключаем только нужные модули: iblock, catalog, sale, search. Меньше модулей — меньше запросов к БД на каждый хит.
• Регулярные патчи — вендор выпускает security-патчи, закрывая уязвимости быстрее, чем open-source проекты (среднее время исправления CVE — 2 недели). Официальная документация по модулям — dev.1c-bitrix.ru.

Что дают HL-блоки и как мы ускоряем каталог

Highload-блоки — это альтернатива расширенным свойствам инфоблоков, когда список значений может расти до тысяч записей. Типичный пример: производители, страны, цвета. Если хранить их как свойства-списки в инфоблоке, каждая фильтрация вызывает полное сканирование таблицы b_iblock_property_enum. С HL-блоками выборка идёт по индексу — время ответа фильтра снижается с 1–2 секунд до 50 мс. Мы используем HLB компонент и кастомные запросы через Bitrix\Highloadblock\DataManager. Это особенно критично для каталогов с 100 000+ товарами.

Из нашей практики — проект интернет-магазина с 500 000 товаров. Стандартный фильтр по бренду выполнялся 4 секунды. Сервер не выдерживал нагрузку в 50 одновременных запросов — страницы падали. Мы перевели справочник брендов в HL-блок, добавили тегированное кэширование на 15 минут и настроили агент для сброса кэша при изменении. После доработки время фильтрации составило 120 мс, средний LCP страницы — 1,8 секунды. Проект работает стабильно без сбоев.

Что входит в разработку сайта на 1С-Битрикс

Каждый проект включает полный комплект документации и артефактов, исключающий потерю знаний после передачи.

• Техническое задание — user stories, диаграммы инфоблоков, схемы интеграций.
• Исходный код в Git — с историей коммитов, тегами релизов, правилами ветвления.
• Административная документация — описание кастомных компонентов, инструкции по разворачиванию, перечень агентов и событий.
• Обучение сотрудников — до 3 часов вебинара: панель управления, работа с заказами, настройка цен. Записываем, чтобы можно было пересмотреть.
• Доступ к staging на время разработки — тестируете сами до деплоя на продуктив.
• Гарантийная поддержка — исправление ошибок кода в течение 30 дней после запуска. Постгарантийные абонентские пакеты с SLA (реакция 2 часа, решение 8 часов).

Наш процесс и технологии

Стек: вёрстка mobile-first, тестируем на физических устройствах (iPhone, iPad, Android). Используем BrowserStack для Safari на iOS. Производительность — LCP < 2,5 с, FID < 100 мс, CLS < 0,1. Включаем композитный сайт (composite), CDN, тегированное кэширование, WebP/AVIF, lazy loading. SEO — Schema.org через JSON-LD, автогенерация sitemap.xml модулем seo, canonical и hreflang для мультиязычных версий. robots.txt закрываем /bitrix/ от индексации. CI/CD — Git, автодеплой через GitLab CI, staging. Миграции базы — модуль sprint.migration с версионированием.

Процесс работы:

1. Аналитика — изучаем конкурентов, собираем требования, рисуем прототипы в Figma. На выходе — ТЗ с user stories.
2. Дизайн — UI/UX с дизайн-системой. Компоненты переиспользуются.
3. Разработка — пишем компоненты с кастомными шаблонами в local/templates/. Бизнес-логику выносим в модули local/modules/.
4. Тестирование — функциональное, кроссбраузерное, нагрузочное (до 1000 запросов). Критичные баги исправляем до запуска.
5. Запуск — деплой на прод, мониторинг через UptimeRobot, алерты в Telegram. Устраняем первые 48 часов.

Интеграции, мультиязычность и редизайн

• Полная локализация через языковые файлы lang/ и механизм SITE_ID. hreflang для каждой версии. Региональные версии с разными ценами и контентом — определение по IP (main.geo) или ручной выбор. Мультидоменность — единое управление несколькими доменами.

• Редизайн без потери позиций: аудит производительности (PageSpeed, WebPageTest), SEO (Screaming Frog). Новый шаблон в local/templates/ с сохранением URL-структуры. 301-редиректы только если URL меняется существенно. Обновление ядра, переход на D7 ORM, реструктуризация инфоблоков, миграция через sprint.migration с Git.

Гарантия и поддержка

Мы работаем с 1С-Битрикс 12+ лет, реализовали 500+ проектов. В штате сертифицированные разработчики. Фиксированная стоимость в договоре — без сюрпризов. Гарантийный период покрывает ошибки кода. После — абонентские пакеты с SLA (время реакции — 2 часа, решение — 8 часов). Мониторинг доступности 24/7, алерты в Telegram. Получите консультацию и предварительный расчёт: свяжитесь с нами через форму на сайте или напишите в чат — ответим в течение часа. Закажите разработку под ключ — мы спроектируем инфоблоки, интегрируем 1С и разгоним каталог. Если уже есть сайт на другой CMS — закажите аудит производительности и миграцию на Битрикс.