Редизайн сайта адвоката.

Вводные

Юрий Ашотович Арутюнов — адвокат в Москве: уголовные, гражданские и административные дела. Его сайт advokat-arutyunov.ru — это 29 услуг, блог из 136 статей, кейсы и отзывы. Сайт работает на 1С-Битрикс, и мы уже вели его продвижение — об этом отдельный кейс.

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

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

Что было

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

• Шрифты весили 1,77 МБ — несжатые TTF составляли основную часть веса страницы. При этом заголовочный шрифт был урезан до 218 символов: без кавычек-ёлочек, длинного тире и знака №, поэтому заголовки с тире набирались двумя шрифтами сразу. Веса шрифтов были объявлены неверно, и почти весь текст выглядел тоньше задуманного.
• 86 запросов на главной: 49 файлов стилей и 22 скрипта без объединения.
• На телефоне был запрещён зум, а контраст главной кнопки — 2,26:1 при норме 4,5:1.
• Форма заявки сообщала «Спасибо», даже если заявка не ушла: обработчик ничего не возвращал, а при обрыве связи кнопка просто молчала.
• Раздел «Отзывы» в верхнем меню был пустым, а страница 404 вместо сообщения об ошибке показывала заголовок «Карта сайта».
• Меню и всплывающие окна не работали с клавиатуры: кнопки были сделаны блоками без роли кнопки, окна не закрывались по Esc.
• Для поисковиков — ни одной разметки Schema.org и Open Graph, карта сайта с датами 2020 года и без статей блога.

Сначала — починили работающий сайт

Каждую находку аудита мы воспроизвели и измерили: контраст — по формуле WCAG, вес — по данным браузера, ответы сервера — прямыми запросами. Список разбили по приоритетам и выкатывали на живой сайт фазами, проверяя каждую.

• шрифты пересобрали в вариативные WOFF2 — вместо 1,77 МБ стало 114 КБ;
• вернули зум, исправили контраст кнопки, починили страницу 404;
• форма стала отправлять данные методом POST и честно показывать, ушла заявка или нет;
• наполнили раздел отзывов, добавили разметку Schema.org и Open Graph;
• сделали меню и окна доступными с клавиатуры, окна закрываются по Esc.

Это заняло около двух недель. Следующим шагом владелец решил менять дизайн целиком.

Как делали редизайн

Сайт остался на 1С-Битрикс. Мы сначала собрали статический прототип всех страниц, а затем новый шаблон Битрикса — рядом со старым. Пока шли работы, посетители видели прежний сайт, а новый открывался только для предпросмотра. Переключили его, когда владелец принял всё целиком.

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

• Цвет. От синего и золота ушли полностью: графит, светло-серые и белый. Сдержанная гамма не спорит с фотографиями и текстом.
• Шрифт. Один шрифт Inter в вариативной версии — от тонких подписей до крупных заголовков на весь экран.
• Логотип. Новый знак — буква «А» на горизонтальной линии, как параграф в строке закона. Знак построен из буквы того же шрифта, поэтому логотип и текст сайта выглядят единым целым. Из знака собрали и иконку сайта для вкладки браузера и телефона.
• Фото. Вместо случайных картинок — единая серия кадров: фоны разделов, обложки услуг и статей. В шапке главной — портрет адвоката.
• Движение. Плавная прокрутка, появление заголовков по строкам, слайдеры кейсов и отзывов, аккуратные отклики на наведение у ссылок, карточек и полей формы.

Навигация и чтение

У адвоката много материалов — почти три десятка услуг и больше сотни статей. Новый сайт помогает найти нужное быстрее.

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

Заявки

Форма стала короче и понятнее: имя, телефон, тема обращения и удобный способ связи — звонок, WhatsApp или Telegram. Почту спрашивать перестали. Телефон вводится по маске, а международные номера тоже принимаются.

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

Английская версия и мобильная

Вместе с редизайном у сайта появилась английская версия — 178 страниц: услуги, статьи, кейсы, контакты. Переключатель RU/EN есть в шапке, меню и подвале, а поисковики видят связь между языковыми версиями каждой страницы.

Мобильную версию проверяли на ширинах от 360 до 1920 пикселей: без горизонтальной прокрутки, без битых картинок и без текста мельче 11 пикселей.

Что стало лучше

• Шрифты: 1,77 МБ → 66 КБ.
• Запросы на главной: 86 → около 30. Стили — один файл вместо 49.
• Главная на телефоне со всеми картинками весит 0,8 МБ: фото отдаются в WebP и для телефона — в уменьшенном размере.
• Заявки: форма честно показывает результат отправки, спрашивает удобный способ связи и не просит лишнего.
• Поиск нужного: темы и поиск в блоге, поиск по всему сайту, оглавление в каждой статье.
• Английская версия: 178 страниц для иностранных клиентов.
• Адреса страниц сохранены все: после переключения мы проверили 61 адрес из карты сайта — каждый открывается, как раньше. Сайту не пришлось заново набирать историю в поиске.

Результат

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