Розробка сайту IT-компанії на 1С-Бітрікс
IT-компанія продає експертизу. Сайт має це доказати — не словами «ми професіонали», а структурованим портфоліо, технічною глибиною в блозі та зрозумілою навігацією за послугами. 1С-Бітрікс тут працює як CMS з гнучкою архітектурою інфоблоків, повноцінним модулем SEO та можливістю кастомізації під нестандартні задачі — кар'єрний портал, калькулятор вартості, інтеграції з зовнішніми API.
Портфоліо проектів
Інфоблок «Кейси» — основа розділу. Структура властивостей:
- Клієнт — строка + логотип (файл)
- Галузь — прив'язка до довідника (інфоблок або Highload-блок)
- Задача — текстове поле з HTML-редактором
- Рішення — аналогічно, з можливістю вставки блок-схем
- Стек технологій — множественна властивість-довідник (React, Python, PostgreSQL тощо)
- Результат — числові метрики (зростання конверсії, зниження часу завантаження, економія)
- Скриншоти — множественна властивість «файл» з Lightbox-галереєю
Фільтрація через catalog.smart.filter: за галуззю, стеком, типом послуги. Кожен кейс — детальна сторінка з якірною навігацією (задача → рішення → стек → результат). Шаблон детальної сторінки кастомний, з блочною версткою під кожен розділ.
Каталог послуг та технологій
Двохрівневий інфоблок. Верхній рівень — напрямки: веб-розробка, мобільна розробка, DevOps, аналітика даних. Всередині кожного — конкретні послуги з описом, списком технологій, посиланнями на релевантні кейси (властивість «прив'язка до елементів» інфоблока кейсів).
Сторінка технології містить: опис компетенції команди, кількість завершених проектів на цьому стеку (автоматичний підрахунок через PHP-код у шаблоні компонента), список кейсів. Так формується внутрішня перелинковка: послуга → технологія → кейс — пошуковик бачить експертну глибину.
Команда з компетенціями
Інфоблок «Команда» з розділами за відділами. Властивості: фото, посада, компетенції (множественний довідник), посилання на GitHub/LinkedIn, коротке біо. Виводимо не просто список людей, а групування за ролями в проекті — це показує клієнту, хто саме буде працювати над завданням.
Кар'єрний розділ з інтеграцією HH.ru
Вакансії зберігаються в інфоблоці з полями: посада, відділ, грейд, опис, вимоги, умови, зарплатна вилка. Синхронізація з HeadHunter через API — при створенні вакансії в Бітрікс вона автоматично публікується на HH.ru через метод POST /vacancies. Зворотний зв'язок: відклики з HH.ru підтягуються через webhook в CRM Bitrix24 як ліди з джерелом «HH.ru».
Агент Бітрікс перевіряє статус вакансій раз на годину: якщо вакансія закрита на HH.ru — деактивує елемент інфоблока. Форма відклику на сайті — завантаження резюме (PDF, DOC) + супровідний лист. Файли зберігаються в upload/ та прив'язуються до ліду в CRM.
Калькулятор вартості розробки
Пошагова форма на JS з серверною валідацією. Логіка:
- Тип продукту (сайт, мобільний додаток, SaaS-платформа)
- Функціональність — чекбокси з вагами (авторизація — 20 годин, особистий кабінет — 40, інтеграція з CRM — 30)
- Дизайн (шаблонний, кастомний, преміум)
- Терміни (стандарт, прискорений з коефіцієнтом 1.3)
Результат: діапазон вартості та термін. Дані відправляються в CRM як лід з деталізацією вибраних опцій. Вартість години та коефіцієнти зберігаються в Highload-блоці — менеджер оновлює їх без участі розробника.
Контент-маркетинг через блог — головний канал лідогенерації
Для IT-компанії блог — не прикраса, а воронка. Технічні статті привертають цільовий трафік: людина шукає «як оптимізувати PostgreSQL-запити», знаходить вашу статтю, бачить експертизу, переходить у портфоліо, залишає заявку. Розберімо архітектуру блога, яка працює на цю воронку.
Структура інфоблока «Блог». Властивості елемента: заголовок, анонс (для списку та meta description), детальний текст, автор (прив'язка до інфоблока «Команда»), рубрика (множественна прив'язка до довідника), теги (множественна строка), час читання (обчислюване поле — кількість слів / 200), обкладинка, дата публікації.
Рубрикація. Не плоска, а двохрівнева. Верхній рівень: «Розробка», «DevOps», «Аналітика», «Управління проектами». Всередині: «React», «Laravel», «Kubernetes», «A/B-тестування». Кожна рубрика — окрема сторінка зі своїм Title та Description, оптимізованим під пошуковий кластер. Це дає десятки додаткових точок входу з пошуку.
SEO-оптимізація на рівні модуля. Використовуємо штатний SEO-модуль Бітрікс: шаблони meta-тегів для розділу блога, ЧПУ через правила в urlrewrite.php, автоматична генерація sitemap.xml з пріоритетами (свіжі статті — priority 0.8, архівні — 0.5). Хлібні крошки через компонент breadcrumb з мікророзміткою BreadcrumbList. Розмітка статей — Article schema.org з указанням автора, дати, обкладинки.
Серія статей та пов'язаний контент. Властивість «Серія» — прив'язка до елемента-серії (наприклад, «Міграція з моналіту на мікросервіси: частина 1, 2, 3»). У шаблоні детальної сторінки виводимо навігацію по серії. Блок «Схожі статті» — через компонент news.list з фільтрацією за збігом тегів, виключаючи поточний елемент.
Конверсійні елементи всередині статей. Після кожної статті — блок з релевантним CTA. Якщо стаття про оптимізацію PostgreSQL — CTA «Потрібен аудит продуктивності БД?». Реалізація: властивість «Тип CTA» в інфоблоці (аудит, консультація, оцінка проекту) — шаблон підставляє відповідний блок. Лід-магніти: чек-листи, шаблони ТЗ — завантаження після введення email, який йде в CRM.
Контент-план та редакційний процес. Статусы елемента: чорновик → на ревю → правки → публікація. Права: автори створюють чорновики, редактор переводить у «на ревю», головний редактор публікує. Workflow через стандартний бізнес-процес інфоблока з повідомленнями на кожному етапі.
Аналітика контенту. Підключаємо Яндекс.Метрику та Google Analytics 4 через GTM. Цілі: читання статті довше 2 хвилин, клік на CTA, завантаження лід-магніту, перехід у портфоліо з блога. В Бітрікс створюємо звіт через модуль «Веб-аналітика» з групуванням за рубриками — видно, які теми генерують ліди, які просто трафік.
Дистрибуція. RSS-стрічка через штатний компонент rss.out — для агрегаторів та email-розсилок. Автоматичний постинг анонсів у Telegram-канал через бота на webhook при публікації елемента (обробник події OnAfterIBlockElementUpdate). Розсилка підписників — модуль subscribe з сегментацією за рубриками.
Технічна реалізація
| Компонент | Модуль/інструмент Бітрікс | Деталі |
|---|---|---|
| Портфоліо | Інфоблок + news.list / news.detail |
Кастомні шаблони з фільтрацією |
| Блог | Інфоблок + SEO-модуль | Двохрівневі рубрики, schema.org |
| Вакансії | Інфоблок + REST API HH.ru | Агент синхронізації кожну годину |
| Калькулятор | JS + Highload-блок коефіцієнтів | Результат → CRM як лід |
| Команда | Інфоблок з прив'язкою до відділів | Групування за проектними ролями |
| Пошук по сайту | Модуль search з морфологією |
Індексація кейсів, статей, послуг |
Етапи роботи
| Етап | Що робимо | Термін |
|---|---|---|
| Аналітика та прототип | Структура сайту, прототипи ключових сторінок, контент-план блога | 2–3 тижні |
| Дизайн | UI-кіт, макети головної, портфоліо, блога, кар'єрної сторінки | 2–3 тижні |
| Розробка фронтенду | Верстка шаблонів, JS калькулятора, адаптив | 3–4 тижні |
| Backend та інтеграції | Інфоблоки, інтеграція HH.ru, CRM, аналітика | 3–4 тижні |
| Контент та SEO | Наповнення кейсів, перші 10 статей, SEO-настройка | 2–3 тижні |
| Тестування та запуск | QA, навантажувальне тестування, деплой | 1–2 тижні |
Сайт IT-компанії на Бітрікс — це не просто каталог послуг, а контентна платформа, яка працює на привлечення клієнтів 24/7 через пошуковий трафік та демонстрацію реальної експертизи.