Шаблонные сайты не раскрывают экспертизу архитектурного бюро
Архитектурное бюро продаёт экспертизу, и сайт должен её транслировать. Потенциальный заказчик — девелопер, инвестор или муниципалитет — оценивает портфолио, компетенции команды и масштаб работ. Шаблонный сайт с тремя слайдами и формой обратной связи не конвертирует. Мы строим сайты на 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 за лицензию, только за хостинг.
Технические детали настройки Pannellum.js
Для мультиразрешения используем утилиту generate.py, тайлы сохраняем в формате JPEG с прогрессивной загрузкой. Файлы конфигурации храним в инфоблоке в JSON-поле. Hotspots задаются в формате YAML и конвертируются в JSON на этапе рендеринга.Сравнение облачных и self-hosted 3D-решений
| Параметр | Matterport (облачный) | Pannellum.js (self-hosted) |
|---|---|---|
| Стоимость | Подписка от $99/мес | Бесплатно (open source) |
| Контроль данных | Данные на серверах вендора | Полный контроль, свои серверы |
| Кастомизация | Ограниченная | Полная (CSS, JS, hotspots) |
| Интеграция с Битрикс | iframe | Прямая через REST API, инфоблоки |
| Производительность | Зависит от CDN вендора | Настраиваемая, тайловая пирамида |
Процесс работы
| Этап | Что делаем | Срок |
|---|---|---|
| Аналитика | Аудит контента, выбор платформы 3D, структура портфолио | 1.5 нед |
| Дизайн | Концепция, макеты ключевых страниц, прототип галереи | 2 нед |
| Вёрстка и фронтенд | Адаптив, Pannellum/Matterport, фильтрация, skeleton-экраны | 3 нед |
| Бэкенд | Инфоблоки, компоненты, админка для туров | 2 нед |
| Контент | Загрузка проектов, конвертация панорам, настройка туров | 1.5 нед |
| Тестирование и запуск | Проверка на десктопе/мобильных, производительность, деплой | 1 нед |
Итого: 10–12 недель. Если используем Matterport — минус 1.5 недели, если кастомный Pannellum — плюс неделя.
Что входит в работу (deliverables)
- Полностью настроенный сайт на 1С-Битрикс
- Инфоблоки для портфолио, команды, услуг, прессы, наград
- Система фильтрации проектов
- Интеграция 3D-туров (Matterport или Pannellum)
- Административный интерфейс для управления панорамами
- Документация по наполнению
- Обучение редакторов (2 часа)
- Гарантийная поддержка 6 месяцев
Типичные ошибки при разработке
- Слишком много типов объектов — лучше ограничиться 6–8 категориями, иначе фильтр становится бесполезным.
- Панорамы без мультиразрешения — страница будет грузиться 30 секунд; всегда используйте тайловые пирамиды.
- Игнорирование мобильных — на телефоне 3D-тур должен заменяться на статичную панораму с кнопкой запуска.
Свяжитесь с нами для оценки вашего проекта. Получите консультацию по структуре портфолио и выбору 3D-решения.