Представьте: вы заказываете корпоративный сайт, а получаете медленный портал с хаотичной структурой. Чтобы этого избежать, нужна правильная архитектура корпоративного сайта. Мы разберём ключевые решения на примере реального кейса: headless CMS Strapi + Next.js, интеграция с AmoCRM и мультиязычность. Наш опыт — более 7 лет и 50+ проектов по разработке корпоративных сайтов под ключ. Мы специализируемся на создании быстрых, удобных для редакторов корпоративных порталов, которые приносят лиды. За счёт правильного проектирования архитектуры вы экономите до 30% бюджета и ускоряете запуск.
Корпоративный сайт — это инструмент продаж и коммуникации. Поэтому мы уделяем внимание каждому этапу: от проектирования информационной архитектуры до деплоя и поддержки.
Как выбрать CMS для корпоративного сайта?
Выбор CMS — фундаментальное решение. Headless CMS (Strapi, Directus, Contentful) + фронтенд-фреймворк (Next.js, Nuxt) — предпочтительный вариант для проектов, где скорость работы и гибкость важнее скорости запуска. WordPress (классический или headless) — когда бюджет ограничен, а редакторы привыкли к нему. Laravel + Filament — если сайт тесно интегрирован с CRM или кастомными расчётами.
Сравнение подходов
| Параметр | Headless CMS | WordPress | Laravel + Filament |
|---|---|---|---|
| Скорость TTFB | < 200 мс | 300–600 мс | > 200 мс |
| Гибкость дизайна | Высокая | Средняя | Высокая |
| Простота для редакторов | Средняя | Высокая | Средняя |
| Интеграция с API | Нативная | Через плагины | Кастомная |
| Стоимость поддержки | Средняя | Низкая | Высокая |
На практике Headless CMS быстрее традиционного WordPress в 2–3 раза по TTFB, что напрямую влияет на конверсию. Мы используем Next.js с ISR и SSG для лучшей производительности.
Что входит в разработку корпоративного сайта?
Мы предоставляем полный цикл: от брифа до передачи в поддержку. В каждый проект входит:
- Проектирование информационной архитектуры (схема навигации, типы контента, перечень шаблонов).
- Дизайн — от 5 до 12 уникальных шаблонов (главная, услуги, о компании, новости, кейсы, контакты).
- Фронтенд на Next.js/Vue/React с адаптивной вёрсткой и оптимизацией Core Web Vitals (LCP < 2.5 с, CLS < 0.1, INP < 200 мс).
- Настройка CMS: ролевая модель, версионирование, SEO-поля, предпросмотр черновиков.
- Мультиязычность с hreflang, субдиректориями
/{locale}. - Интеграция с CRM (Bitrix24, AmoCRM, HubSpot) через REST API с логированием и идемпотентностью.
- SEO-оптимизация: sitemap.xml, robots.txt, canonical, структурированные данные (Organization, BreadcrumbList, Service).
- Документация (админ-инструкция, описание API) и обучение контент-менеджеров.
- Гарантия на поддержку в течение 3 месяцев после сдачи.
Как мы это делаем: кейс корпоративного сайта с headless CMS
Один из наших проектов — сайт для IT-компании с 30+ страницами, мультиязычностью (русский, английский, немецкий) и интеграцией с AmoCRM. Стек: Strapi (backoffice) + Next.js (фронтенд) + PostgreSQL. Развернуто на Selectel через Docker Compose.
Архитектура проекта
├── cms/ # Strapi instance
│ ├── api/
│ │ ├── article/
│ │ ├── service/
│ │ └── case-study/
│ └── config/
└── frontend/ # Next.js
├── app/
│ ├── [locale]/
│ │ ├── news/
│ │ │ └── [slug]/page.tsx
│ │ └── services/
└── lib/
└── cms.ts # API client
Настройка next.config.ts для мультиязычности:
const nextConfig = {
i18n: {
locales: ['ru', 'en', 'de'],
defaultLocale: 'ru',
}
};
У каждого языка субдиректория: /ru/services, /en/services. Hreflang-теги генерируются автоматически.
Интеграция с AmoCRM через webhook-запрос:
export async function createLead(data: LeadData) {
const response = await fetch(process.env.CRM_WEBHOOK_URL!, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
fields: {
TITLE: `Заявка с сайта: ${data.name}`,
NAME: data.name,
EMAIL: [{ VALUE: data.email, VALUE_TYPE: 'WORK' }],
PHONE: [{ VALUE: data.phone, VALUE_TYPE: 'WORK' }],
SOURCE_ID: 'WEB',
COMMENTS: data.message,
}
})
});
return response.json();
}
Логирование всех отправок в базу данных, повторная отправка не создаёт дубль. Менеджер получает уведомление в чат, клиент — автоответ.
SEO и производительность
Для поисковой оптимизации мы динамически генерируем sitemap:
export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
const services = await getServices();
const articles = await getArticles();
return [
{ url: 'https://example.com', lastModified: new Date() },
...services.map(s => ({
url: `https://example.com/services/${s.slug}`,
lastModified: new Date(s.updatedAt),
changeFrequency: 'monthly' as const,
priority: 0.8,
})),
...articles.map(a => ({
url: `https://example.com/news/${a.slug}`,
lastModified: new Date(a.publishedAt),
})),
];
}
В результате LCP снизился до 1.4 с, CLS — 0.02, INP — 120 мс. На 30% уменьшилось количество запросов благодаря prefetching и code splitting.
Типичные ошибки при выборе CMS
На что обратить внимание, чтобы не прогадать
- Выбор CMS только по цене без учёта роста контента — через год сайт станет узким местом.
- Отсутствие API для интеграций — каждое новое подключение будет стоить сверхбюджета.
- Игнорирование производительности: LCP > 2.5 с убивает конверсию.
- Сложный интерфейс для контент-менеджеров — они будут копировать HTML в блокнот.
- Отсутствие версионирования — случайное удаление контента не восстановить.
Процесс работы
- Аналитика: изучаем бизнес-процессы, аудит текущего сайта, интервью с заказчиком.
- Проектирование: информационная архитектура, прототипы, сценарии пользователя.
- Дизайн: мокапы ключевых страниц, адаптация под мобильные устройства.
- Разработка: настройка CMS, фронтенд, интеграции, контент-менеджмент.
- Тестирование: проверка производительности, кроссбраузерность, нагрузочное тестирование.
- Деплой: развёртывание на продакшн, настройка CI/CD.
- Поддержка: гарантийное обслуживание, обучение команды, документация.
Типичные сроки
| Конфигурация | Сроки |
|---|---|
| 20–40 страниц, кастомный дизайн, headless CMS, мультиязычность, CRM | 6–10 недель |
| 20–40 страниц, без мультиязычности и сложных интеграций | 4–6 недель |
| WordPress с готовой темой, минимальная кастомизация | 2–3 недели |
Сроки корректируются после подписания ТЗ. Стоимость рассчитывается индивидуально — мы ценим прозрачность и не прячем сюрпризы. Свяжитесь с нами для оценки вашего проекта — ответим в течение часа. Закажите разработку корпоративного сайта под ключ и получите готовое решение, которое работает на ваш бизнес.