Сайт для сервиса юридического аутсорсинга

«Ракета» — сервис юридического аутсорсинга для бизнеса. Компания помогает закрывать юридические задачи предпринимателей и организаций без необходимости держать юриста в штате.

Перед нами стояла задача сделать редизайн старого сайта, разработать отдельные страницы под каждое направление услуг и адаптировать сайт под SEO-продвижение и запуск рекламного трафика.

Так как сайт планировался большим, важно было не растягивать разработку на несколько месяцев, а быстро запустить первые страницы и начать вести на них трафик.

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

В проект вошли:

• редизайн старого сайта;
• разработка 15 уникальных страниц;
• адаптация сайта под SEO-продвижение;
• подготовка страниц под рекламный трафик;
• анализ конкурентов;
• проработка карты ценности;
• прототипирование и копирайтинг;
• дизайн сайта и мобильной версии;
• вёрстка, аналитика и интеграции.

Так как проект был объёмным, мы сразу выстроили параллельный процесс работы.

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

Такой подход помог сократить общий цикл разработки сайта с 3 месяцев до 2 месяцев, а первый рекламный трафик можно было запускать уже через 2 недели.

На старте мы проанализировали 75 конкурентов из органической и рекламной выдачи.

Нам было важно понять:

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

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

После анализа конкурентов провели сессию по бизнесу клиента: разобрали процессы, преимущества, сильные стороны сервиса и обоснование цены.

В итоге подготовили карту ценности: фактор принятия решения у клиента → каким свойством продукта он закрывается → как это объяснить в тексте сайта, рекламе и скриптах продаж.

На основе карты ценности подготовили прототип сайта из 15 уникальных страниц.

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

Часть блоков могла повторяться, например СМИ о компании или контакты. Но ключевые блоки были уникальными для каждой страницы, чтобы пользователь видел не общий список услуг, а конкретное решение своей задачи.

Отдельно были разработаны:

• страница 404;
• страница благодарности после отправки заявки;
• страница контактов.

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

После прототипов подготовили полный дизайн-макет сайта. Заказчик оставлял правки прямо в онлайн-макете, а команда вносила изменения в течение одного дня и сразу передавала страницу в вёрстку.

Визуально сайт сделали в космической тематике. Такой образ специально выбрали как метафору сервиса: «Ракета» помогает бизнесу быстро двигаться вперёд и закрывать юридические задачи без хаоса и лишней бюрократии.

Особенности дизайна
Все изображения были отрисованы вручную, а не взяты из стоков.

• Каждая иллюстрация создавалась специально под стилистику сайта.
• Космическая тема поддерживала название бренда и отличала сайт от типовых юридических проектов.
• Информация была структурирована и разделена на понятные блоки.
• Блок «География клиентов» дополнили анимацией и сделали так, чтобы владелец мог самостоятельно добавлять точки на карту.
• Иллюстрации были анимированы в смысловом стиле: ракета “летит”, а клиенты будто становятся частью “космического масштаба” компании.

Такой визуальный подход помог уйти от сухой подачи юридических услуг и сделать сайт более запоминающимся.

Для мобильной версии не просто уменьшили десктопный макет, а отдельно продумали удобное расположение элементов.

На смартфонах:

• слайдеры переключались свайпом;
• длинные блоки прятались в раскрывающиеся плашки;
• текст выравнивался по левому краю для удобства чтения;
• меню и контактные данные были адаптированы под мобильный сценарий.

Это помогло сохранить структуру больших страниц, но не перегружать пользователя на маленьком экране.

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

При вёрстке настроили:

• цели в Яндекс Метрике и Google Analytics;
• отдельные цели на клики по номеру телефона;
• отдельные цели на клики по виджетам;
• базовые SEO-теги: title, description, H1–H5;
• SSL-сертификат;
• sitemap и robots.txt;
• корректные ответы сервера;
• редиректы и открытие страниц;
• интеграцию с CRM;
• интеграцию с IP-телефонией.

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

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

Сайт стал визуально отличаться от конкурентов, сохранил серьёзность юридической тематики, но при этом получил более живую и запоминающуюся подачу.

Главный результат — удалось сократить срок запуска: вместо полного цикла в 3 месяца сайт начали запускать поэтапно, а первый рекламный трафик можно было вести уже через 2 недели.