H-Studio
Обсудить проект
Разработка сайтов для продуктов и услуг — H-Studio
Услуга · Сайты для продуктов и услуг

Сайты, которые индексируются и поддерживаются командой.

Сайты для продуктов и услуг, которые индексируются, быстро загружаются и не превращаются в зависимость от конструктора или плагинов.

Формат
Сайт продукта · услуг · студии
Подходит для
SaaS · Услуги · B2B · Консалтинг · Профессиональные практики
Срок до первого превью
1–2 недели
Подход · SEO-архитектура с первого дня

Не только обёртка — страницы услуг под спрос, скорость загрузки и интеграция с CRM.

Сайты для SaaS-продуктов, услуг, консалтинга и B2B на Next.js — там, где важна не только обёртка, но SEO-архитектура, страницы услуг под спрос, скорость загрузки, интеграция с CRM и возможность развивать сайт без разработчика на каждую правку.

Открытые цены от 150 000 ₽. Первый превью — через 1–2 недели, запуск обычно за 2–12 недель в зависимости от объёма.
01 · Когда нужен новый сайт или редизайн

К нам приходят в одной из четырёх ситуаций.

У каждой ситуации — свой объём работ и свой формат. На первой встрече фиксируем ситуацию и предлагаем тариф под неё.

Scenario · 01

Сайт есть, но заявки не идут

Трафик есть или запускается реклама, но посетители не понимают предложение, не доходят до формы или приходят не те клиенты. Конверсия 0.5–1.5% — это обычно про структуру и оффер, а не «сделать красивее». Что мы делаем: разбираем структуру сайта, уточняем оффер, перестраиваем страницы услуг, улучшаем путь к заявке, подключаем аналитику и CRM, делаем повторное тестирование на реальном трафике.

Scenario · 02

Услуг много, но сайт не объясняет что вы делаете

Компания выросла, появились разные направления, сегменты, кейсы и аудитории, но сайт всё ещё выглядит как одна общая презентация. Посетитель не может понять, делаете ли вы именно его задачу. Что мы строим: структуру услуг с правильной иерархией, отдельные страницы под направления, внутренние ссылки между релевантными страницами, кейсы под сегменты, FAQ и блоки доверия.

Scenario · 03

Заявки теряются между сайтом и менеджерами

Формы приходят на почту, дублируются, теряются, не попадают в CRM или приходят без нужных данных для квалификации. Менеджеры тратят время на повторные вопросы. Что мы делаем: проектируем формы с квалифицирующими вопросами, передаём заявки в CRM с UTM-источниками, настраиваем уведомления в Telegram и email, документируем процесс обработки.

Scenario · 04

Нужен SEO-сайт без Tilda и без WordPress

Нужна структура страниц под спрос, скорость, контроль над фронтендом, чистые URL, SEO-логика, CRM-формы и возможность развивать сайт дальше. Tilda упёрлась в потолок. WordPress — медленный и хрупкий. Что мы строим: Next.js сайт, страницы услуг с правильной SEO-структурой, технический SEO (schema, sitemap, Core Web Vitals), headless CMS для контента, формы и аналитику, план развития контента.

02 · Что входит в готовый к запуску сайт

Не «дизайн + код», а работающая система для маркетинга и продаж.

Шесть блоков, которые мы закладываем с первого дня — независимо от тарифа. Каждый блок может масштабироваться или сокращаться в зависимости от объёма.

01

Структура сайта и SEO-архитектура

До дизайна фиксируем: карту страниц (какие нужны под услуги, сегменты, города, сценарии); URL-логику и канонические адреса; внутренние ссылки между релевантными страницами; метаданные и schema.org; FAQ-блоки на ключевых страницах; sitemap и robots.txt; структуру для контент-кластеров под контент-маркетинг.

02

Страницы услуг, кейсы и оффер

Сайт должен понятно объяснять что вы делаете, для кого, с какими задачами и почему стоит оставить заявку. Главная с правильным позиционированием. Страницы услуг под каждое направление. Посадочные под отдельные кампании. Страницы кейсов с конкретными показателями. Блоки доверия (отзывы, награды, цифры). FAQ с реальными вопросами клиентов. Тексты под SEO и посетителя одновременно.

03

Формы, CRM и аналитика

Заявка не должна «падать на почту». Формы с квалифицирующими вопросами (бюджет, сроки, объём). Передача в CRM (AmoCRM, HubSpot, Битрикс24) с UTM-источниками. Уведомления команде в email и Telegram. События GA4, Plausible или PostHog на ключевых действиях. Базовые отчёты по лидам — конверсия по источникам, доля квалифицированных. Защита от спама через honeypot и ограничение частоты.

04

Фронтенд, скорость и редактура

Разработка на Next.js App Router. Адаптивный интерфейс от 320 px до 4K. Core Web Vitals в целях «Good»: LCP < 2.5 с, INP < 200 мс, CLS < 0.1. Оптимизация изображений через next/image. Structured data (Organization, Service, FAQPage, Article). Headless CMS (Strapi, Sanity, Directus или MDX в репозитории). Документация для редакторов. Многоязычность когда нужна.

05

Деплой и инфраструктура

Статическая генерация где возможно. Edge-кэширование (Vercel или Hetzner). Три окружения: dev, тестовое, продакшен. Базовый мониторинг (Sentry для ошибок, проверки доступности). Резервные копии контента. План восстановления при сбоях.

06

Документация и передача

GitHub-репозиторий с правами у вас с первого дня. Документация контентной модели для редакторов. Руководство по деплою обновлений. Список переменных окружения и схема инфраструктуры. Базовые инструкции для команды контента.

03 · Три ключевых решения до старта

Самые дорогие ошибки сайта принимаются до дизайна.

  1. 01

    Tilda, Next.js или WordPress — что подходит?

    Tilda — подходит для лендингов, простых продуктовых сайтов, MVP-этапа и быстрой проверки гипотез. Часто становится ограничением для продакшен-сайтов с 10+ страницами, SEO-критичных проектов и сайтов с кастомными CRM-интеграциями: зависимость от вендора, потолок кастомизации, шаблонный вид. Next.js (наш выбор по умолчанию для production-проектов) — для SEO-критичных сайтов с CRM-интеграциями и долгой технической поддержкой: контроль, performance budget, нет зависимости от вендора. Дороже на старте и требует разработчика для архитектурных изменений. WordPress может подходить для редакционных сайтов и команд, которые уже привыкли к его workflow. Но для SaaS, B2B-услуг, CRM-интеграций, performance-критичных страниц и долгой технической поддержки мы обычно выбираем Next.js. В большинстве production-проектов мы выбираем Next.js; Tilda рассматриваем только для простых лендингов и ранних проверок гипотез; WordPress в основном встречается как источник для миграции.

  2. 02

    Headless CMS, файловый контент или без CMS?

    Headless CMS (Strapi, Sanity, Directus, Contentful) — подходит когда команда контента больше 2 человек, частые обновления, несколько авторов, нужно ветвление контента. Минусы: дополнительная стоимость хостинга CMS, сложнее в настройке. Файловый контент (MDX в репозитории) — подходит для технически грамотной команды, редких обновлений, контент-как-код подхода. Плюсы: бесплатно, версионирование из коробки, нет отдельного сервиса. Минусы: не подходит для нетехнических редакторов. Без CMS (захардкоженный контент) — подходит для лендинга или микро-сайта, когда контент не меняется. Плюсы: простейший деплой. Минусы: любое изменение требует разработчика. Решаем по: размер команды контента, частота обновлений, техническая зрелость редакторов.

  3. 03

    Статическая генерация, серверный рендеринг или гибрид?

    Статическая генерация (SSG) — наш выбор по умолчанию для маркетинговых сайтов. Страницы пре-генерируются на сборке. Лучшие Core Web Vitals. Edge-кэширование из коробки. Подходит для 95% маркетинговых сайтов. Серверный рендеринг (SSR) — страницы генерируются по запросу. Нужен для персонализированного контента, динамических каталогов с большим количеством товаров. Чуть хуже производительность. Гибрид (SSG + ISR + SSR) — большинство страниц статические, динамические сегменты через SSR или ISR. Подходит для маркетплейсов и больших каталогов с частыми обновлениями. Чуть сложнее, но лучшее из обоих миров. Не подбираем «что модно». Подбираем по реальному сценарию использования.

04 · Открытые цены · Без скрытых пунктов

От структурного спринта до SEO-тяжёлого сайта.

Семь форматов с гибкой комбинацией. Можно начать с любого и остановиться после него. Срок до первого превью — 1–2 недели независимо от тарифа.

Структура

Структурный спринт

Аудит существующего сайта (если есть) + карта страниц + SEO-структура + выбор стека + точная смета. Документ остаётся у вас и работает с любой командой.

от 100 000 ₽
5 дней
  • Аудит существующего сайта
  • Карта страниц и SEO-структура
  • Выбор стека (Tilda / Next.js / гибрид)
  • Выбор CMS
  • Точная смета на сборку
  • План работ по неделям
Запустить спринт
Лендинг

Лендинг или одностраничник

Один продукт, одна услуга или страница события. Hero, оффер, блоки доверия, FAQ, форма с CRM-интеграцией и аналитика. Next.js + опционально headless CMS.

от 150 000 ₽
2–3 недели
  • Главный экран с оффером
  • Блоки доверия и кейсы
  • FAQ под поисковый интент
  • Форма с CRM-интеграцией
  • GA4 или Plausible
  • Деплой и передача
Обсудить лендинг
Lean сайт

Lean сайт (3–7 страниц)

Главная + страницы услуг + страница «О нас» + страница контактов + базовые кейсы. CRM-интеграция, аналитика, документация. Подходит для небольшого бизнеса и основателей.

от 300 000 ₽
3–5 недель
  • Главная с позиционированием
  • Страницы услуг и направлений
  • Страница «О нас» и контактов
  • Базовые кейсы
  • CRM и аналитика
  • Документация для редакторов
Обсудить Lean сайт
Чаще выбирают
Продакшен сайт

Продакшен сайт (10–20 страниц)

Структура услуг с правильной иерархией + 10–20 страниц + кейсы + FAQ-кластеры + структура блога + headless CMS + полная CRM-интеграция + расширенная аналитика. Подходит для растущего B2B-бизнеса.

от 500 000 ₽
5–8 недель
  • Всё из Lean сайта
  • 10–20 страниц с правильной структурой
  • Headless CMS для редакторов
  • FAQ-кластеры под SEO
  • Структура блога
  • Расширенная аналитика
  • Schema.org на всех страницах
Обсудить продакшен
SEO-тяжёлый

SEO-тяжёлый сайт (30–50+ страниц)

Многоуровневая структура услуг + контент-кластеры для SEO + посадочные под каждый сегмент, город или отрасль + блог + расширенные FAQ + schema.org везде + опциональная многоязычность. Для зрелого бизнеса с контент-маркетинг стратегией.

от 1 000 000 ₽
8–12 недель
  • Всё из продакшен сайта
  • 30–50+ страниц
  • Опорные страницы и страницы-кластеры
  • Посадочные под сегменты и города
  • Полные FAQ-кластеры
  • Многоязычность (опционально)
  • Контент-операции по плану
Обсудить SEO-сайт
Миграция

Миграция с WordPress или Tilda

Перенос без потери позиций: 301-редиректы, сохранение URL-структуры или карта старых → новых, перенос контента в новую CMS, тестирование индексации, плавное переключение. Иногда даже выигрываем в SEO за счёт Core Web Vitals.

от 400 000 ₽
4–8 недель
  • Аудит существующих URL и позиций
  • Карта URL (старый → новый)
  • 301-редиректы для всех старых URL
  • Сохранение SEO-метаданных
  • Тестирование индексации до переключения
  • Мониторинг позиций после миграции
Обсудить миграцию
Контент-операции

Развитие и контент-операции

Добавление новых страниц, кейсов, статей и посадочных без разработчика на каждую правку. Контент-операции, техническая поддержка, мониторинг скорости, периодический SEO-аудит.

от 80 000 ₽/мес
помесячно
  • Новые страницы и кейсы
  • Контент-операции и редактура
  • Техническая поддержка
  • Мониторинг Core Web Vitals
  • Периодический SEO-аудит
  • Обновление зависимостей
Обсудить партнёрство
05 · Почему H-Studio для сайтов

Сначала структура и спрос, потом дизайн.

  1. 01

    Структура — отправная точка, не «красивая главная»

    Большинство студий начинают с «красивой главной». Это правильно для арт-проекта. Для коммерческого сайта — это путь к «красивому сайту без заявок». Сначала определяем: какие страницы нужны, какой спрос они закрывают, какие услуги продвигают, как ведут пользователя к заявке. Дизайн — последствие структуры, не наоборот.

  2. 02

    SEO закладывается в архитектуру, не «потом»

    URL, заголовки, внутренние ссылки, структура услуг, FAQ-кластеры, schema.org, sitemap и скорость загрузки проектируются до запуска. Это разница между «у нас есть SEO-метки» и «наш сайт хорошо индексируется». После запуска работа над SEO продолжается через контент-операции — но фундамент должен быть правильным с первого дня.

  3. 03

    Заявки связаны с CRM и аналитикой

    Форма не «отправляет письмо». Заявка попадает в CRM с UTM-источником, страницей входа, темой обращения и квалифицирующими данными. Команда получает уведомления в Telegram. Аналитика отслеживает конверсию по источникам. Это разница между «у нас есть форма» и «мы знаем, откуда приходят наши лучшие клиенты».

  4. 04

    Сайт можно развивать после запуска

    Документация контентной модели, структура компонентов, headless CMS — позволяют команде добавлять страницы, кейсы, статьи и посадочные без разработчика на каждую правку. Это разница между «у вас сайт» и «у вас система контент-операций».

  5. 05

    Senior-команда без джунов

    Та же senior-команда от спринта до запуска: основатель и стратегия, проектный лид, инженерный лид, дизайн-лид. Без передачи стажёру после первой версии. Многие решения на сайте — архитектурные: URL-структура, информационная архитектура, CMS-модель, формы, аналитика и performance budget. Это решения senior-уровня.

06 · Что мы не делаем · Анти-паттерны

Чего у нас не бывает в сайтах.

Одиннадцать решений, которые встречаются на рынке сайт-разработки чаще, чем хотелось бы, и из-за которых даже красивый сайт не приводит заявки. У нас — нет.

  • Продакшен-сайт на Tilda — Tilda OK для лендингов, не для сайта компании с 20+ страницами и сложным SEO
  • WordPress по умолчанию для каждого проекта — не наш подход. Он может быть уместен для редакционных команд, но для performance-критичных B2B-сайтов мы чаще выбираем Next.js/headless. Делаем миграции с WordPress, не на него
  • «Красивый сайт без SEO-структуры» — для арт-проектов OK, для коммерческого сайта — путь к «красиво, но без заявок»
  • Сайт без CRM-интеграции — формы, которые отправляют на email, = потерянные лиды
  • Сайт без аналитики — невозможно понять, что работает, а что нет
  • Дизайн «по референсу» без данных — копирование чужого дизайна без понимания структуры контента и пути пользователя
  • «Сайт + SEO потом» — SEO нельзя добавить после. Архитектура должна быть SEO-aware с первого дня
  • Микросервисы для маркетингового сайта — перебор, не нужно
  • Vendor lock-in CMS — есть много хороших headless CMS, но мы не предлагаем вендоров, которые блокируют миграцию
  • Передача джунам после первого месяца — та же senior-команда
  • «Чёрный ящик» — код, контент, CMS-доступы у вас с первого дня
07 · Где мы на спектре · Самоопределение

Между Tilda
и корпоративными дизайн-студиями.

Tilda и Webflow — быстрый старт для лендингов и MVP, упрётесь в потолок для продакшен-сайта со сложной структурой. Дешёвые студии на PHP и WordPress — дешевле на старте, медленнее в продакшене, сложно поддерживать, SEO-компромиссы. Под нами — оптимум для основателя и B2B-бизнеса с бюджетом 300 тыс. – 2 млн ₽. Корпоративные дизайн-студии — для брендов, где сайт = арт-объект и бюджет 3–10 млн ₽.

 
 
Tilda · Webflow
Конструктор
Дешёвые студии
PHP · WordPress
H-Studio
Next.js · Headless CMS
Корпорат-сегмент
Дизайн-студии
Цена
50–200к ₽ + подписка
100–400 тыс. ₽
150 тыс. – 2 млн ₽
3–10 млн ₽+
Срок
1–3 недели
2–6 недель
2–12 недель
4–8 месяцев
Стек
Tilda · Webflow
PHP · WordPress · Битрикс
Next.js · Headless CMS
Кастомный
Core Web Vitals
Средние
Средние или ниже
Отличные
Отличные
SEO-структура
Базовая
Базовая
Архитектурная
Архитектурная
CRM-интеграция
Маркетплейс модулей
Костыли
Проектируется заранее
Проектируется заранее
Кастомизация
Низкая
Средняя
Высокая
Очень высокая
Зависимость от подрядчика
Да
Часто
Нет
Нет

Самоопределение · выберите свой формат

08 · Кейсы сайтовОткрыть полный архив

Четыре сайта, каждый с собственной SEO-архитектурой.

Каждый сайт — публичный слой реальной платформы в продакшене. Тариф запуска и архитектурные акценты — внутри карточки.

Тариф · Продакшен сайт + платформа

Forschungsmittel.com — публичный слой

B2B-платформа для грантового консалтинга. Публичный слой: правильное B2B-позиционирование, SEO-структура под запросы о финансировании, контент-кластеры, пути конверсии в процесс квалификации, формы с квалифицирующими вопросами. Google ★ отзыв от клиента. Стек: Next.js, TypeScript, Neon/PostgreSQL.

Открыть кейс
Тариф · SEO-тяжёлый сайт + платформа · Гонконг

My Office Asia — публичный каталог

Advisor-led PropTech-платформа гибких офисов. Десятки статически сгенерированных страниц, динамический sitemap для страны, города, района, здания и листингов с контролируемой видимостью операторских данных по бизнес-правилам, JSON-LD structured data, метаданные на каждой публичной странице. Стек: Next.js App Router, TypeScript, Supabase.

Открыть кейс
Тариф · Продакшен сайт + платформа

Benjamin C. Wenzel — публичный слой

Цифровая платформа адвокатской практики. Публичный слой авторитета: SEO под юридические запросы, блоки доверия, путь конверсии под срочные обращения, структурированный вход в проверку дела. Стек: Next.js, TypeScript, Neon, Prisma.

Открыть кейс
Тариф · Маркетинговый сайт + SaaS-продукт

Web Page Generator — публичный сайт

SaaS для динамических QR-связанных страниц. Маркетинговый сайт + регистрация + интеграция с продуктовым слоем. Стабильные публичные URL с edge-кэшированным рендерингом, ограничение функций по тарифу на сервере. Стек: Next.js, TypeScript, Supabase.

Открыть кейс
FAQ · Четырнадцать вопросов про сайты
  1. Обычный сайт рассказывает о компании. Lead-generation сайт построен вокруг заявок: SEO-структура под спрос, понятный оффер на каждой странице, формы с квалифицирующими вопросами, аналитика конверсий, CRM-интеграция, кейсы под сегменты.

Дальше · Поехали

Соберём сайт,
который приводит заявки и индексируется.

Соберём понятный план: какие страницы и услуги нужны сразу, как должна выглядеть SEO-структура, как заявки попадают в CRM, какие интеграции и аналитика критичны — и с чего лучше начать: карта страниц через структурный спринт (5 дней, 100 000 ₽), первая версия или развитие существующего сайта. Архитектурный созвон — 30 минут, без обязательств.

30-минутный архитектурный созвонОценить проект
Студия
H-Studio
Senior-поставка · Москва · Россия
Контакт
+7 (982) 666-66-80
Офис
ул. Октябрьская д. 80 стр. 6
117593 Москва