Карта РФ
интерактивная визуализация регионов и дел

О ProZakon54

ProZakon54 — юридическая компания в Новосибирске с широким спектром услуг для бизнеса и частных лиц. Работают с 2015 года, имеют команду профильных юристов по разным направлениям права: корпоративное, налоговое, банкротство, уголовное, семейное, наследственное, миграционное и другие. По собственным данным компании: 200+ заседаний в месяц, рейтинг 4,9 из 5 по отзывам клиентов.

Аудитория сайта — две основные группы:

• Физические лица с конкретными правовыми ситуациями (банкротство, развод, наследство, споры с работодателем, ДТП)
• Бизнес с потребностью в корпоративном сопровождении (договоры, налоги, ВЭД, IP, арбитраж)

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

Что было нужно

Юридическая компания с большой командой и широким каталогом услуг нуждалась в серьёзном корпоративном сайте, который:

• Покажет полный каталог из 20+ услуг с понятной структурой и фильтрацией
• Разведёт две аудитории (бизнес и граждане) без путаницы — у каждой свой контекст
• Подаст команду экспертов с лицами, именами и должностями — для повышения доверия
• Будет грамотно проработан с точки зрения SEO — техническая оптимизация плюс JSON-LD разметка для Google и AI-движков
• Будет быстро загружаться — для юр. сайта медленная загрузка = недоверие
• Будет защищён от вирусов и взломов — на сайте оставляют контакты люди в сложных правовых ситуациях
• Будет содержать визуализацию данных — интерактивную карту РФ с количеством дел по регионам на странице банкротства, как доказательство масштаба практики

Дополнительно:

• Кастомная тема WordPress под фирменный стиль
• 100% Gutenberg + ACF Pro — для самостоятельного управления контентом
• Pixel-perfect вёрстка по макету Figma
• Контекстные формы заявок для разных типов услуг

Как я подошёл к работе

Кастомная тема + 100% Gutenberg + ACF Pro

Тема разработана с нуля под бренд ProZakon54. Архитектурное решение — связка Gutenberg + ACF Pro: блочная структура страниц через нативный редактор + расширенные настройки через ACF.

Архитектура:

• Кастомные Gutenberg-блоки для всех ключевых секций
• ACF Pro для расширенных настроек блоков и кастомных полей CPT
• Каждый блок имеет осмысленный инспектор — никаких бесконечных опций
• Маркетинг ProZakon54 может пересобрать любую страницу за минуты без обращения к разработчику

Каталог из 22 услуг с фильтрацией

Юридический каталог разделён на три категории через фильтр:

• Услуги для бизнеса (9 направлений: корпоративное право, налоговое, ВЭД, IP, киберправо, медицинское право, земельные споры, арбитраж, взыскание долгов)
• Услуги для граждан (10 направлений: правовая защита, уголовные дела, трудовое, земельные споры, миграционное, права потребителей, семейное, наследство, автоправо, медспоры)
• Банкротство (3 направления: банкротство физ. лиц, юр. лиц, партнёрская программа)

Каждое направление — отдельная детальная страница с уникальным контентом, формой заявки, FAQ по теме, ссылками на смежные услуги. Большая работа по контенту — это не «20 страниц с одной шаблонной структурой», а 22 уникальных лендинга со своей семантикой.

Интерактивная карта РФ с регионами

Самая интересная техническая часть проекта. На странице банкротства физических лиц (одна из самых важных конверсионных страниц сайта) реализована интерактивная карта Российской Федерации:

• Карта построена как SVG-объект со всеми 85+ регионами РФ
• При наведении курсора на регион — подсветка региона + всплывающая подсказка с количеством дел по банкротству, которые компания провела в этом регионе
• Данные по регионам хранятся в ACF-полях и легко обновляются через админку
• Карта работает плавно, без задержек, корректно на десктопе и тач-устройствах
• Адаптивный режим для мобильных — упрощённая интерактивность с тапом вместо hover

Это редкое решение в юридических WP-сайтах. Большинство компаний показывают свой опыт через «1000+ выигранных дел» текстом. ProZakon54 показывает визуально и интерактивно — посетитель из конкретного региона видит, что компания уже работала в его регионе.

JSON-LD Schema разметка

Полная Schema.org разметка для лучшей индексации:

• LegalService для компании в целом (с услугами, отзывами, контактами)
• Organization для самой компании с реквизитами и социальными сетями
• Service для каждой из 22 страниц услуг с правильным provider и areaServed
• Person для членов команды (Михаил Винтер, Карина Миронова, Сергей Калинин и др.)
• FAQPage для FAQ-блоков
• BreadcrumbList для всех не-главных страниц
• WebPage для каждой страницы с правильным mainEntity и about

Schema валидируется без ошибок в Google Rich Results Test и Schema.org Validator. Это сигнал и для Google, и для AI-движков (ChatGPT, Perplexity, Gemini): сайт структурирован, информация атрибутирована, ему можно доверять.

Pixel-perfect вёрстка из Figma

Без компромиссов: типографика, отступы, поведение на разных разрешениях, hover/focus, плавность анимаций — всё точно по макетам Figma.

PageSpeed 90/96 в продакшене

Что сделано для производительности:

• Минификация и объединение CSS/JS на уровне темы
• Все изображения в WebP с правильным fallback
• Lazy loading для всего, что не на первом экране
• Critical CSS инлайнится в <head>
• Удалены лишние скрипты WordPress по умолчанию
• Оптимизация шрифтов — только используемые начертания, preload critical, font-display swap
• SVG-карта РФ — без растровых изображений, минимум килобайт

Защита от вирусов и взломов

Для юридического сайта безопасность критична. На сайте оставляют контакты люди в сложных ситуациях:

• HTTPS принудительно с HSTS
• WordPress core hardening (скрытие версии, защита wp-admin)
• Rate limiting на wp-login для защиты от перебора паролей
• Антивирусный мониторинг файлов темы и uploads
• Регулярные автоматические бэкапы

Что получилось

Сайт работает в production с весны 2026 года. PageSpeed стабильно 90/96. Интерактивная карта РФ корректно работает на всех устройствах.

ProZakon54 самостоятельно ведут сайт через Gutenberg-редактор: обновляют данные по регионам в карте, добавляют новости в блог, публикуют новые отзывы, добавляют новых членов команды. Обновление данных карты — это просто редактирование ACF-поля для нужного региона.

Сайт работает как полноценная юридическая платформа — не просто визитка, а структурированный каталог 22 услуг с понятной навигацией, конверсионными формами, визуализацией экспертизы и серьёзной SEO-проработкой.