Сайт для юридической компании — это не один лендинг, а сеть из 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 страницами главная опасность — превратить сайт в лабиринт. Юрист-клиент не станет разбираться в вашей информационной архитектуре, он уйдёт. Поэтому навигацию я собрал по трём уровням.
- Верхний уровень — практики. Пользователь сразу видит, по каким направлениям работает фирма. Не «услуги», а понятные практики: IP, контракты, данные, споры.
- Средний уровень — страница практики. Здесь боль клиента названа его словами, показан пример работы и есть один призыв: пройти квиз или написать напрямую.
- Нижний уровень — доверие и документы. Кейсы, статьи, юридические документы. Это то, что клиент проверяет перед тем, как написать серьёзной фирме.
Отдельно продумал внутреннюю перелинковку между практиками. У 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, никакой «магии» — на одинаковые ответы всегда один и тот же путь и результат.
Работает так:
- Человек идёт по практикам и попадает на квиз с той страницы, что ему релевантна.
- Отвечает на несколько шагов — квиз квалифицирует интент и область права. Логика жёсткая: ответы определяют ветку, случайности нет.
- Готовая квалифицированная заявка уходит в 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-фичу под ключ — напрямую, без агентства.