Кейс: сайт-визитка для юриста с записью на консультацию

Кейс

Компактный сайт практикующего юриста с записью на консультацию

Клиент: Частная юридическая практика
Направления: Корпоративные сайты, Сервисы

Вводная

Юрист вёл клиентов через рекомендации и карточку в справочнике. Люди находили её рядом с десятком одинаковых объявлений, не понимали, чем этот специалист отличается, и уходили к тому, у кого понятнее описан опыт.

Задача клиента

Сайту нужно было ответить на единственный вопрос, который человек задаёт себе перед звонком: можно ли доверить этому специалисту свою ситуацию. Без стоковых фотографий в костюмах, без «100 % выигранных дел» и без юридического канцелярита.

Исследование

Что мы выяснили до начала работы

Разбор 40 входящих обращений: с какими формулировками приходят люди

Интервью с пятью доверителями о том, как они выбирали и что решило

Анализ карточек в справочниках — тексты у 90 % специалистов неотличимы

Семантика показала: ищут по жизненной ситуации, а не по отрасли права

Решение

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

UX-подход

Первый экран отвечает, чем занимается специалист и кому подходит
Стоимость и порядок оплаты названы прямо, без формулировки «от 0 рублей»
Запись на консультацию — имя и телефон, остальное уточняется в разговоре
Мобильная версия проектировалась первой — основной сценарий обращения

Карта сайта

Главная
- Специализация
- Как я работаю
- Разборы дел
- Стоимость
- Запись
Практика
- Ситуации клиентов
- Разбор дела
- Ответы на вопросы
О специалисте
- Образование
- Опыт
- Публикации
Контакты
- Запись на консультацию
- Документы
- Реквизиты

Визуальная концепция

Как это выглядит

Глубокий бордовый как цвет ответственности и приглушённая розовая подсветка, чтобы сайт не выглядел суровым. Крупная спокойная типографика, много воздуха, никаких весов правосудия и молотков.

01 / 04

Первый экран

Специализация и ситуации клиентов вместо общих слов о профессионализме.

02 / 04

Разбор дела

Что было, что сделали, чем закончилось — без имён и лишних деталей.

03 / 04

Запись на консультацию

Два поля и понятная фраза о том, что будет после отправки.

04 / 04

Мобильная версия

Крупный шрифт, кнопка звонка всегда под рукой.

Архитектура

Как это устроено внутри

Статическая генерация

Весь сайт отдаётся как готовый HTML — открывается мгновенно даже на слабой мобильной сети.

Форма без бэкенда

Заявка уходит в Telegram специалисту напрямую, отдельная админ-панель не нужна.

Защита от спама

Скрытое поле-ловушка и ограничение частоты — без капчи, которая отпугивает пожилых клиентов.

Обновление контента

Разборы дел добавляются правкой одного файла, без разработчика.

Технологии проекта

Next.js
TypeScript
Tailwind CSS
Node.js

В цифрах

Объём работы

Ключевые параметры проекта — то, что вошло в работу и что видно в интерфейсе.

экрана сайта

2 поля

до записи на консультацию

направлений практики

от 1 нед

срок запуска

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

Ещё кейсы