Разработка корпоративного сайта под ключ: CMS, CRM, SEO

Представьте: вы заказываете корпоративный сайт, а получаете медленный портал с хаотичной структурой. Чтобы этого избежать, нужна правильная архитектура корпоративного сайта. Мы разберём ключевые решения на примере реального кейса: 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 в 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

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

1. Аналитика: изучаем бизнес-процессы, аудит текущего сайта, интервью с заказчиком.
2. Проектирование: информационная архитектура, прототипы, сценарии пользователя.
3. Дизайн: мокапы ключевых страниц, адаптация под мобильные устройства.
4. Разработка: настройка CMS, фронтенд, интеграции, контент-менеджмент.
5. Тестирование: проверка производительности, кроссбраузерность, нагрузочное тестирование.
6. Деплой: развёртывание на продакшн, настройка CI/CD.
7. Поддержка: гарантийное обслуживание, обучение команды, документация.

Типичные сроки

Сроки корректируются после подписания ТЗ. Стоимость рассчитывается индивидуально — мы ценим прозрачность и не прячем сюрпризы. Свяжитесь с нами для оценки вашего проекта — ответим в течение часа. Закажите разработку корпоративного сайта под ключ и получите готовое решение, которое работает на ваш бизнес.