LITAU

Коротко

Сайт для юридической компании — это не один лендинг, а сеть из 40+ посадочных под конкретные практики, где решает доверие и понятная навигация. В Nexora Legal я собрал 46 страниц на чистой статике без фреймворка, вынес дизайн в токены и подключил детерминированный квиз с уходом квалифицированной заявки в Telegram.

Когда пришёл запрос на сайт для юридической компании, с клиентом сразу договорились: это не лендинг. Nexora Legal — юрфирма для digital-бизнеса (IT, AI, GameDev, e-commerce, медиа), и её клиенты не покупают «юруслуги вообще». Основатель стартапа с проблемой по интеллектуальной собственности и оператор маркетплейса со спором по договору ищут разные вещи. Значит нужна не витрина, а сеть страниц, где каждая практика живёт отдельно и ранжируется под свой запрос.

Расскажу, как я строил эти 46 страниц, почему выбрал чистую статику без фреймворка, зачем весь дизайн держится на токенах и как квиз без единой строчки AI-логики отдаёт фирме готовые заявки прямо в Telegram. Полная карточка проекта с цифрами — на странице кейса Nexora Legal.

Зачем юридической компании 40+ страниц, а не один лендинг

Юрбизнес живёт на длинном хвосте запросов. «Юрист для IT-компании» — это верхушка. Под ней десятки конкретных болей: регистрация товарного знака для приложения, договор с самозанятым разработчиком, лицензионное соглашение, спор с блогером по рекламной интеграции, обработка персональных данных в e-commerce. Один лендинг физически не отранжируется под всё это. У него одна страница, одна главная фраза, один title.

Поэтому я развернул сайт как сеть посадочных под практики. Десять направлений — интеллектуальная собственность, контракты, данные, споры и так далее, — у каждого своя страница с собственным заголовком, своим текстом под запрос и своим призывом к действию. Плюс кейсы, статьи и обязательный слой юридических документов. В сумме 46 страниц.

Правило, которое я держу для любого нишевого сайта: одна страница = один интент. Ищет пользователь узкую вещь — он должен попасть на страницу ровно про эту вещь, а не на общую «о компании».

Это не про раздувание ради объёма. Каждая страница отвечает на конкретный вопрос и ведёт к одному действию: пройти квиз или написать. Ту же логику «страница под интент» я применял в лендинге для продажи недвижимости, только там масштаб был меньше и хватило одной сильной страницы под один оффер.

Как я строил структуру и навигацию для legal-tech

С 46 страницами главная опасность — превратить сайт в лабиринт. Юрист-клиент не станет разбираться в вашей информационной архитектуре, он уйдёт. Поэтому навигацию я собрал по трём уровням.

  1. Верхний уровень — практики. Пользователь сразу видит, по каким направлениям работает фирма. Не «услуги», а понятные практики: IP, контракты, данные, споры.
  2. Средний уровень — страница практики. Здесь боль клиента названа его словами, показан пример работы и есть один призыв: пройти квиз или написать напрямую.
  3. Нижний уровень — доверие и документы. Кейсы, статьи, юридические документы. Это то, что клиент проверяет перед тем, как написать серьёзной фирме.

Отдельно продумал внутреннюю перелинковку между практиками. У digital-бизнеса проблемы редко приходят по одной: спор по договору часто тянет за собой вопрос по интеллектуальной собственности. Ссылки между родственными практиками удерживают человека на сайте и заодно помогают поисковику понять структуру.

Почему чистая статика без фреймворка, а не WordPress или Next.js

Многие удивляются: 46 страниц, почему не CMS? Отвечу как инженер. У юридического сайта две задачи, которые чистая статика решает лучше всего: скорость загрузки и полная индексация. Google смотрит на Core Web Vitals, а юрклиент, открывший сайт с телефона в перерыве, не ждёт три секунды прогрузки.

Каждую страницу я закодил вручную на HTML и CSS, без фреймворка и без слоя JavaScript-рендеринга. Итог — near-perfect Core Web Vitals и сайт, который поисковик индексирует целиком, без прослойки гидратации. Ниже — как я выбирал стек под конкретную задачу.

Критерий Чистая статика (Nexora) WordPress Next.js
Скорость / CWV Максимум, near-perfect Зависит от темы и плагинов Хорошо, но тяжелее статики
Индексация Полная, без нюансов Полная Нужен SSR/SSG, иначе риски
Правки контента клиентом Через разработчика Самостоятельно в админке Через разработчика/CMS
Когда выбирать Контент стабильный, важна скорость и SEO Частые правки силами клиента Есть динамика, приложение, личный кабинет

У Nexora контент стабильный: практики и юридические тексты не меняются каждую неделю. Платить производительностью за удобство админки смысла не было. Понадобись клиенту ежедневные правки своими руками — я бы предложил WordPress, как сделал на переносе Клуба 365 с Tilda на WordPress, где владельцу критично редактировать контент самому. Выбор стека всегда идёт от задачи, а не от моды. Разбор «когда что» — в статье Тильда или WordPress в 2026.

Зачем сайту юрфирмы дизайн-токены

Юридический сайт легко сделать скучным: белый фон, синие ссылки, стоковые фото людей в костюмах. Я хотел, чтобы Nexora выглядела как продукт, а не как папка с прайсом. Поэтому весь дизайн построил на дизайн-токенах — цвета, отступы, типографика вынесены в переменные, а не прописаны по месту.

Это дало два эффекта. Первый — визуальная консистентность на всех 46 страницах: один источник правды для цвета и ритма. Второй важнее: сменить тему или прогнать ребрендинг теперь можно правкой значений токенов, а не переписыванием вёрстки. Палитра «вино и роза» — глубокий винный и мягкий розовый — дала ощущение серьёзной, но не занудной фирмы.

Практический вывод для любого, кто заказывает многостраничник: просите разработчика строить на токенах с самого начала. Это не «красивое слово», а то, что превращает смену темы из недели работы в один час.

Как проверять дизайн-решения на данных, а не на вкусах

Гипотезы про «тёмное премиальнее» или «светлое понятнее» ничего не стоят без цифр. Поэтому решения по подаче я не выбираю на глаз, а сверяю с поведением пользователей: один контент, разные варианты, честное сравнение по заявкам. Такой подход держу для любого решения, где на кону конверсия. На Клубе 365 миграция с Tilda на WordPress дала рост конверсии на 46% именно потому, что варианты проверялись на данных, а не на ощущениях.

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

Как работает детерминированный квиз с заявкой в Telegram

Форму «оставьте заявку» на юридическом сайте заполняют неохотно: клиент не знает, к кому и по какому вопросу он попадёт. Поэтому вместо формы я сделал квиз. Важная деталь: он детерминированный. Никакого чат-бота, никакого AI, никакой «магии» — на одинаковые ответы всегда один и тот же путь и результат.

Работает так:

  1. Человек идёт по практикам и попадает на квиз с той страницы, что ему релевантна.
  2. Отвечает на несколько шагов — квиз квалифицирует интент и область права. Логика жёсткая: ответы определяют ветку, случайности нет.
  3. Готовая квалифицированная заявка уходит в Telegram фирмы через serverless-эндпоинт — мгновенно, с уже собранным контекстом: кто, по какой практике, с каким запросом.

Почему детерминированный, а не AI-квиз? В юридической нише предсказуемость важнее «умности». Клиент должен получить понятный путь, а фирма — чистый структурированный лид, а не расшифровку болтовни с ботом. AI добавил бы риск и непредсказуемость там, где нужна надёжность. Механику и код я разобрал в отдельной статье про детерминированный квиз для сайта юрфирмы.

Что в итоге получила фирма

Собранная картина: 46 страниц под практики, кейсы, статьи и документы; near-perfect Core Web Vitals за счёт чистой статики; весь дизайн на токенах, готовый к смене темы за час; квиз, который отдаёт квалифицированную заявку прямо в Telegram. Сайт ведёт себя как продукт — быстро грузится, полностью индексируется и заточен на заявку, а не на «полюбоваться».

Если у вас сайт-визитка на пять страниц, который не приносит клиентов, проблема обычно не в дизайне, а в структуре: нет посадочных под конкретные запросы и нет понятного пути до заявки. Это чинится. Как я делаю такие проекты в одиночку и чем отличаюсь от студии — разобрал в материале частный разработчик или веб-студия. Обсудить ваш проект можно через форму заявки — расскажите про нишу и запросы, под которые надо ранжироваться.

Частые вопросы

Сколько стоит сайт для юридической компании?

Цена зависит от числа посадочных под практики, а не от «страниц вообще». Сайт-визитка на 5–7 страниц — одна вилка, сеть из 40+ страниц под запросы с квизом и интеграцией заявок — другая. Я считаю по этапам: структура, вёрстка, лид-механика, контент. По вашему объёму назову вилку на созвоне — напишите через форму заявки.

Нужен ли программист, или хватит конструктора вроде Tilda?

Для 3–5 страниц конструктора хватит. Но при 40+ посадочных, тонкой перелинковке, дизайн-токенах и квизе с уходом заявки в Telegram конструктор упирается в потолок по скорости и гибкости. Nexora на чистой статике грузится быстрее и индексируется полнее, чем это дал бы конструктор. Программист нужен там, где на кону SEO и производительность.

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

Многостраничник на 40+ страниц — это недели, а не дни, и основное время уходит не на вёрстку, а на структуру и контент под каждую практику. Дизайн-токены ускоряют всё последующее: смена темы или добавление страниц идёт быстро. Точный срок зависит от готовности текстов — если их пишу я, срок длиннее, если фирма даёт готовые, короче.

А что с SEO у сайта на чистой статике?

Чистая статика — один из лучших вариантов для SEO. Нет слоя JavaScript-рендеринга, поисковик индексирует всё сразу, а near-perfect Core Web Vitals — прямой ранжирующий фактор. Плюс сама структура из посадочных под практики закрывает длинный хвост запросов, который один лендинг физически не возьмёт. Поэтому для контентно-стабильного юрсайта я выбрал статику.

Зачем квиз, если можно поставить обычную форму?

Форму «оставьте заявку» заполняют неохотно: непонятно, к кому и с чем попадёшь. Квиз ведёт человека по шагам, попутно квалифицирует интент и практику, и фирма получает не голый контакт, а готовый лид с контекстом. Детерминированная логика гарантирует предсказуемость: на одинаковые ответы один результат, без сюрпризов AI-бота.

Нужен похожий проект?

Разработаю сайт, лендинг, веб-приложение или AI-фичу под ключ — напрямую, без агентства.

Обсудить проект Смотреть кейсы