кейс
«глазная
клиника»

Вводные

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

Что было на входе:

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

Задача сформулировалась просто: сайт, которому доверит дело человек в сложной ситуации. Без обещаний «гарантированного результата», без агрессивных продаж — спокойный, точный, дорогой по ощущению.

Как организовали работу

Проект сделали за три недели, ещё неделя ушла на правки после сдачи. Состав команды: проджект-менеджер, аккаунт-менеджер, дизайнер, верстальщик, программист.

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

Что вошло в три недели:

• структура сайта и прототипы ключевых страниц;
• дизайн-система и дизайн всех типов страниц;
• тексты для всех разделов, включая сорок страниц практик;
• вёрстка, разработка темы и админки под контент;
• наполнение, карты, формы, seo-обвязка, проверка на устройствах.

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

Структура: две ветки практик и сорок страниц

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

Что вошло в структуру:

• главная, «о компании», «стоимость», «публикации», «контакты»;
• раздел практик: четыре направления для бизнеса (арбитражные споры, банкротство бизнеса, субсидиарная ответственность, корпоративные конфликты) и два для частных лиц (семейные и имущественные споры, банкротство со сложными активами);
• внутри каждого направления — отдельные страницы под конкретные задачи: защита директора, оспаривание сделок должника, включение в реестр кредиторов, раздел бизнеса при разводе и так далее. Всего сорок страниц практик;
• семь страниц юристов с образованием, опытом и специализацией;
• публикации с разметкой по типам (статья, практический разбор) и тегам.

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

Такая структура сделана с расчётом на следующий этап — seo. У каждого запроса вроде «защита от субсидиарной ответственности директора» есть своя посадочная страница, а не общий раздел с абзацем на тему.

Дизайн: тёмный интерфейс и крупная типографика

Юридический сайт обычно выглядит как визитка девяностых: синий, белый, весы и колонны. Мы сделали наоборот — чернильно-тёмный интерфейс, крупные заголовки, ровная сетка и минимум декора.

Из чего собран визуальный язык:

• Два тона фона: чернильный почти чёрный и светлая «бумага». Секции чередуются, и страница дышит: тёмный хиро, тёмный блок о компании, светлый блок практик, снова тёмный подход к работе.
• Один акцентный цвет — электрический синий. Он на кнопках, маркерах и тонких линиях, больше нигде.
• Один шрифт на всё: гротеск с переменной шириной, в дисплейных заголовках чуть расширенный. Заголовки на первом экране набраны очень крупно, в три строки.
• Бегущие строки между секциями — «о точных решениях», «практики», «подход к работе». Они делят страницу на главы и задают ритм.
• Мягкие цветные свечения на тёмном фоне вместо фотографий-подложек: синий у блока о компании, сиреневый и розовый на светлых секциях.
• Иконки практик нарисованы тонкими линиями как геометрические схемы, а не как стоковые пиктограммы с весами.

Портреты юристов сняты на тёмном фоне и встроены в интерфейс так, что фотография основателя на первом экране продолжает чёрный фон хиро. Крупные цифры в блоке о компании — «2 000+ завершённых процедур банкротства», «более 10 млрд ₽ по выигранным делам» — набраны дисплейным кеглем и работают как доказательства, а не как декоративная инфографика.

Тексты: без обещаний и с фиксированными ценами

Тексты писали на нашей стороне, и главная задача была не в объёме, а в тоне. Сайт говорит с человеком, у которого проблема, поэтому никакого «лучшие юристы Москвы» и «100 % выигранных дел».

Принципы, которые легли в тексты:

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

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

Разработка: WordPress и своя тема

Сайт собран на WordPress с темой, написанной с нуля под этот дизайн. Готовых шаблонов и конструкторов нет — ни один из них не дал бы такую типографику и такую сетку.

Что сделано в разработке:

• отдельные типы записей под практики, публикации и юристов, чтобы клиент добавлял страницы через привычную админку, а не через код;
• таксономии публикаций: типы материалов и теги, у каждого — своя страница и место в карте сайта;
• переменный шрифт подключён локально с предзагрузкой — никаких внешних шрифтовых сервисов и лишних запросов;
• плавный скролл и анимации появления секций на собственном скрипте; для тех, кто отключил анимацию в системе, всё движение выключается автоматически;
• карусель команды на главной и на странице о компании;
• Яндекс.Карты с переключением между двумя офисами — Москва и Ставрополь;
• формы обращения на каждой странице и во всплывающем окне: обязательные поля, согласие на обработку данных по 152-ФЗ, экран подтверждения;
• seo-обвязка: заголовки страниц, канонические адреса, open graph, карта сайта по типам контента, robots, набор фавиконок и веб-манифест.

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

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

Значительная часть людей в сложной ситуации откроет сайт с телефона, поэтому мобильная версия — не сжатый десктоп, а собственная раскладка.

• Три брейкпоинта: телефон, планшет, десктоп; на широких экранах сетка ограничена, чтобы строки не растягивались.
• Внизу экрана закреплена панель с двумя действиями — «позвонить» и «обсудить дело». Человеку не нужно искать контакты, они всегда под большим пальцем.
• Крупные заголовки первого экрана пересобраны под узкий формат: три строки остались тремя строками, а не превратились в шесть.
• Списки практик на телефоне превращаются в вертикальные блоки с той же нумерацией, что и на десктопе.

Правки и запуск

После сдачи в три недели клиент прошёл по сайту и дал замечания. На их отработку ушла одна неделя — и это с учётом того, что правки касались уже наполненного сайта с сорока страницами практик.

Дальше — запуск на боевом домене. В футере сайта стоит наша подпись: мы отвечаем за этот проект публично.

Итог и что дальше

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

Результат: сайт из более чем шестидесяти страниц — главная, шесть направлений и сорок страниц практик, семь страниц юристов, стоимость с четырьмя форматами, публикации, контакты с двумя офисами — сделан с нуля и сдан за 3 недели; неделя на правки; собственная тема на WordPress с админкой под практики, публикации и команду.

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

Посмотреть сайт: tochnye-resheniya.ru.