Валерий Градов — сайт-визитка юриста
Сделали для частного юриста Валерия Градова сайт-визитку из четырёх экранов: практика в цифрах, избранные дела и прямые контакты на трёх языках. Записей на консультацию стало на 43% больше.
Задача
Валерий Градов — частнопрактикующий юрист: больше 15 лет практики и свыше 320 дел. Он ведёт корпоративные сделки и M&A, имущественные и налоговые споры, представляет доверителей в международном арбитраже. Его практика рассчитана на собственников бизнеса, советы директоров, застройщиков и инвесторов.
Юриста выбирают лично. Прежде чем написать, будущий доверитель проверяет специалиста в интернете: чем он занимается, на каком уровне работает и можно ли доверить ему сделку или спор. Сайт-визитка юриста должна была отвечать на эти вопросы с первого экрана — кто он и с какими задачами к нему идти.
Показать опыт мешала конфиденциальность. Имена доверителей закрыты соглашениями, поэтому привычный для портфолио ряд логотипов здесь невозможен. Опыт предстояло раскрыть иначе: через характер мандата, отрасль, форум, год и итог, не называя ни одной стороны.
Практика при этом широкая: корпоративное право и M&A, имущественные споры, налоговая защита, международный арбитраж. По каждому направлению есть что рассказать — состав услуг, порядок работы, кому оно подходит. Но длинная страница юридического текста утомляет и прячет главное, а визитка должна оставаться короткой и спокойной.
Наконец, доверители говорят на разных языках, а часть дел связана с зарубежными юрисдикциями и арбитражем по правилам ICC, LCIA и SCC. Сайт был нужен на русском, английском и узбекском, а путь к консультации — в один шаг и без анкет: деликатный вопрос человек предпочитает обсуждать напрямую, в письме или мессенджере.
Решение
Мы разбили сайт на четыре экрана с индикатором «01 — 04» в шапке: имя и портрет, юридическая практика, избранные мандаты и контакты. Тёмная гамма, золотые акценты и антиква Cormorant Garamond задают тон кабинета юриста, а не рекламного лендинга, и каждый экран держит одну мысль.
Направления практики и мандаты открываются в боковых панелях: что входит в работу, как она идёт по шагам, кому подходит, а у дел — роль, форум, срок и итог. Кнопка внизу каждой панели сразу создаёт письмо юристу, а последний экран даёт email и Telegram, так что записаться на консультацию можно из любой точки сайта.
Технически это одна страница на React и TypeScript, которую собирает Vite и раздаёт Vercel. Анимации сделаны на GSAP — цифры практики отсчитываются от нуля, заголовки проявляются построчно, а при включённом в системе сокращении движения всё сразу показывается в финальном виде. Тексты каждого языка лежат в отдельном словаре и загружаются только при выборе этого языка.
Юридическая практика в цифрах
Второй экран показывает главное о юристе: больше 15 лет практики и 320+ дел в счётчиках, которые оживают при прокрутке, и четыре направления — корпоративное право, имущественные споры, налоговая защита и арбитраж. Рядом — портрет в кабинете: на компьютере он едва заметно следует за курсором.
Направления в боковых панелях
Каждое направление раскрывается в боковой панели, не уводя с экрана. В ней четыре пункта «Что входит», четыре шага «Как работаем», список «Кому подходит» и короткая гарантия юриста. Доверитель сверяет свою ситуацию с практикой и сразу видит, с чем сюда можно прийти.
Мандаты без имён доверителей
Раздел «Избранные мандаты» показывает четыре дела: трансграничную сделку M&A в энергетике, арбитраж ICC, налоговый спор в Верховном суде и реструктуризацию долга финансового холдинга. Вместо имён — отрасль, год, роль юриста, форум и длительность, а панель дела добавляет подход и итог.
Запись без анкет
Длинную анкету мы заменили прямыми каналами. Кнопка в каждой панели открывает письмо, уже адресованное юристу, а экран контактов даёт email и Telegram, причём с телефона ссылка сразу ведёт в мессенджер. От интереса до записи на консультацию — одно касание.
Три языковые версии
Русская, английская и узбекская версии переключаются в шапке. Тексты адаптировали, а не переводили дословно: в английской версии второй экран называется «Strategic counsel», а описания услуг звучат естественно для каждого языка. Словари подгружаются отдельно и не утяжеляют первый экран.
Анимация, которая не мешает
Движение на сайте спокойное: имя на первом экране, строки заголовков и цифры появляются мягко, а плавную прокрутку обеспечивает Lenis. Эффекты курсора работают только на компьютере, при сокращённом движении всё видно сразу, а ссылка «Перейти к содержимому» и размеченные области помогают тем, кто пользуется скринридером.
Результаты
Главные итоги проекта в цифрах.
- +43%Записи на консультацию
Понятная подача практики и кнопка связи в каждом разделе увеличили число записей на консультацию.
- <1.5 сЗагрузка страницы
Сборка Vite с разделением кода и раздача через CDN Vercel открывают сайт быстрее полутора секунд.
- 3Языка сайта
Русская, английская и узбекская версии для доверителей в Узбекистане и за рубежом.
- 4 дняСрок запуска
Сайт-визитка прошла путь от первого макета до публикации за четыре дня.
Дизайн и интерфейсы
Ключевые экраны и интерфейсы проекта.
Технологии в проекте
Стек, на котором мы строили решение под задачи клиента.
- Vercel
- TypeScript
- React
- GSAP
- Vite
Готовы стать следующим кейсом?
Расскажите о задаче — менеджер соберёт команду, посчитает смету и пришлёт коммерческое предложение в первый час после заявки. Без обязательств и без рассылок.