6 причин, почему новый сайт для юридической компании увеличит число заявок: детальный разбор кейса
К нам обратилась крупная юридическая компания из Санкт-Петербурга «Налог98» за разработкой новой смысловой структуры и дизайна сайта. В данной статье мы:
1. делимся конкретными шагами, благодаря которым решили задачу компании
2. выделили топ-6 решений, которые по нашему опыту точно помогут повысить лояльность потенциальных клиентов при взаимодействии с сайтом и увеличат количество заявок.
Привет! На связи Илларион Ершов, основатель и арт-директор дизайн студии framelari. Наша сильная сторона - разработка качественных сайтов под ключ с точки зрения маркетинга. Начиная от проработки смыслов, которые будут отражать уникальные ценности, желания, боли аудитории вашего бизнеса и заканчивая дизайном, который будет подкреплять эти самые смыслы.
Но, чтобы не быть голословным, расскажу и покажу до/после на конкретном примере нашего недавнего кейса.
Смысловая проработка и детальное погружение в нишу
Первым этапом мы провели полноценный брифинг на 1.5 часа посредством видео-звонка, где задали клиенту ряд вопросов касательно услуг компании, как они устроены, какую проблему решает продукт в жизни, почему у них покупают и выбирают среди конкурентов и др. Это самое важное и обязательное действие, которое мы совершаем в начале сотрудничества с любым проектом. А делаем его для того, чтобы в конечном итоге дать клиенту нужный результат, соответствующий поставленным целям и задачам.
Также на этом этапе мы провели маркетинговый анализ основных продуктов конкурентов, выделили основную целевую аудиторию и главные преимущества компании.
Ключевая информация, зафиксированная нами после исследований
1. Главный запрос клиента — разработать современный сайт для юридической компании, с помощью которого потенциальный клиент сможет ознакомиться с необходимой информацией о компании и захотеть купить услуги. Компания занимается предоставлением комплексных юр. услуг от проверки и составления документации до представления интересов в суде предпринимателей, главных бухгалтеров и топ-менеджеров.
«В старой версии сайта отталкивает абсолютно все! Как он собран, не продает, не логичные блоки, не красивые фотографии и в принципе он некрасивый. И вообще, он уже устарел, так как сделан 2 года назад. В новой версии сайта не должно быть того, что оттолкнет любого человека. Сайт должен быть максимально лояльным, а человек, который зашел на него - провел как можно больше времени»
2. В компании достаточно большая клиентская база с которой проводится постоянная работа. Основной трафик клиентов на услуги приходит по сарафанному радио (90%). Сайт нужен больше для имиджа.
3. Целевая аудитория — предприниматели, главные бухгалтера и топ-менеджеры компаний из B2B сегмента, где основная модель партнёрских взаимоотношений - один бизнес продаёт товары или услуги другому бизнесу, как оффлайн, так и онлайн.
4. У компании нет какой-то одной основной услуги, но клиент изъявил желание, чтобы мы сделали упор на услугу предоставление юридического консалтинга без присутствия юриста (юридический абонемент)/вынесли ее отдельно.
5. И в целом, мы «вытащили» из клиента базовые смыслы и уникальные факты, присущие компании «Налог98». Исходя из чего, полученную информацию мы уже использовали дальше в контенте, чтобы сформировать мощный образ, который усилит бизнес. Например, речь идет о таких фактах как:
- «16 лет занимаемся полным юридическим и налоговым консалтингом для малого и среднего бизнеса»
- «1+ млрд. рублей снизили сумму доначислений от налоговых органов своим клиентам»
- Собрали много практического опыта компании - официальные благодарственные письма, кейсы, информацию о партнерах, статьи в ведущих СМИ страны и многое другое.
Копирайтинг и создание прототипа
Следующим этапом мы структурировали и оцифровали всю полученную информацию о бизнесе. После принялись за написание текстов под будущие блоки сайта, делая упор на проработку понятного целевой аудитории пути посетителя. Если выражаться простым языком, то это своего рода схема, которая описывает шаги человека с самого начала взаимодействия с сайтом и до совершения целевого действия. Благодаря этому сайт, как цифровой продукт, получается удобным и комфортным для посетителя, а желание остаться на нём и изучить информацию - увеличивается.
При разработке сайтов мы всегда устанавливаем первичную основу - человекоцентричность. Это подход, при котором главным приоритетом в разработке цифровых продуктов является потенциальный клиент, его желания, интересы и логика последующих действий.
Скажу сразу,
несмотря на то, что наш клиент не планирует в ближайшее время запускать рекламу на сайт, мы все равно сделали сайт продающим. Если заглянуть вперёд, то можно точно предвидеть рост и масштабирование компании, а как следствие - расширение каналов трафика привлечения клиентов, одним из которых, скорее всего, станет контекстная и таргетированная реклама.
Конечным продуктом на данном этапе стал схематичный прототип, где мы показали примерное расположение элементов на сайте.
Но, прежде чем переходить к рассказу о дизайне, я покажу некоторые конкретные ошибки в смысловой структуре и копирайтинге на старом сайте компании, которые мы выявили и каким образом их исправили
1. Отсутствие оффера и причины оставить заявку. Нет торгового предложения, которое компания делает своим потенциальным клиентам.
- В старой версии сайта мы видим заголовок «Делаем лучший юридический сервис для предпринимателей, бизнесменов и главных бухгалтеров» и всё. Исходя уже из этой информации потенциальному клиенту будет непонятно, какие конкретно услуги компания предоставляет. Далее мы видим кнопку «Оставить заявку на консультацию», которая ни о чём не говорит. Не понятно, зачем оставлять заявку и на что? Сколько будет стоить эта консультация? И куча других вопросов, которые возникнут у человека и, скорее всего, он покинет сайт, не пролистав его ниже.
Что сделали мы?
- Убрали шаблонное словосочетание из заголовка «Делаем лучший сервис». И вместо этого оставили конкретику в заголовке «Комплекс юридических услуг для предпринимателей, бизнесменов и главных бухгалтеров» + добавили объяснение и какую проблему решаем «Ваш бизнес — наша забота: от проверки и составления документации до представления ваших интересов в суде + усилили целевое действие «БЕСПЛАТНАЯ КОНСУЛЬТАЦИЯ» призывом «Оставьте заявку и получите скидку -10% на первую услугу».
В каком случае хочется узнать подробнее и оставить заявку? Однозначно во втором!
2. Нет подогревающего интереса оставить контактные данные для посетителя сайта. Это выражается в отсутствии форм захвата.
- В старой версии сайта полностью отсутствуют лид-формы, где посетитель может оставить свои контактные данные. Соответственно, шансы на сбор базы данных близятся к нулю. Посадочная страница носит исключительно информационный характер, не более. Если даже потенциальный клиент провалится дальше во внутрь страницы и пролистает её, скорее всего, он также благополучно и покинет её, потому что отсутствуют призывы к действию.
Что сделали мы?
- Чтобы улучшить работу маркетинговой стратегии и сделать её более продуктивной, мы добавили по всему сайту несколько полноценных экранов со сбором контактных данных, которые сопровождаются следующей информацией: 1. Заголовок, привлекающий внимание и вызывающий интерес. Например, «Подготовим коммерческое предложение за 24 часа» или «Получите консультацию от наших специалистов». 2. Подзаголовок, который выступает расширением заголовка и подсказывает посетителю, что необходимо сделать. Например, «Заполните форму и получите скидку 10% на первую услугу». 3. Изображение, которое также может послужить триггером для принятия дальнейшего решения посетителем в отношении оставления заявки. Например, на действующих экранах захвата мы поставили фотографии, где изображены два партнера компании в процессе рукопожатия или общения. Эти изображения нативно откладываются в сознании посетителя с точки зрения процесса заключения сделки, которые также положительно могут повлиять на принятие решения. 4. «Пояснительная» выгода, которая повышает уровень доверия к компании, где работают профессионалы. Например, «Наш специалист бесплатно проконсультирует вас — оценит ситуацию и расскажет о возможных решениях вашей проблемы» или «Ответим на любой вопрос и оценим перспективы. В результате консультации вы точно поймёте, как именно мы решим вашу задачу». Это показывает клиентоориентированность бизнеса, сначала мы консультируем и разбираемся в вашей проблеме, после чего предлагаем решение. 5. Форма подписки, как конечная точка, к которой должен прийти посетитель после знакомства с предыдущими элементами. Мы добавили следующие поля для заполнения: 1. Ваше ФИО; 2. Введите номер телефона; 3. Какой у вас запрос?; 4. Яркая кнопка, обращающая на себя внимание; 5. Чекбокс для согласия с юридическими документами.
Также по всему сайту раз в несколько экранов мы добавили призывы к действию в разных вариациях. После запуска сайта можно будет посмотреть по аналитике, какие решения работают лучше и в каких местах внимание посетителя задерживается дольше.
3. Использование разговорного сленга в текстах, который может отталкивать. Или, наоборот, применение сложных слов, которые непонятны целевой аудитории.
- Возьмём экран с услугами, а именно «Взыскание долгов с юридических лиц, ИП и физических лиц». В описании услуги мы видим фразу «заставим приставов быстрее, чем обычно выполнить свою работу. Ура! Деньги у вас на счету!». Звучит, как минимум странно, как максимум непрофессионально. И таких моментов по сайту достаточно много.
Что сделали мы?
- Наш копирайтер сделал переработку некоторого исходного текста с сохранением основного смысла. Также мы создали более продающие заголовки для всех экранов сайта, уйдя от стандартных фраз. Например,
1. Было «Услуги». Написали «Работаем с разными видами ваших запросов». 2. Было «Принципы работы». Написали «Почему сотрудничество с нами станет вашим лучшим решением». 3. Было «Благодарности компании». Написали «Nalog98 — выбор 150 клиентов предпринимателей и топ-менеджеров» и др.
Итоговый результат, который у нас получился, показали ниже в дизайне, чтобы можно было увидеть наглядно.
Создание стильного дизайна с упором на маркетинг
Третьим этапом мы разработали дизайн десктопной версии сайта и адаптировали его под все устройства, в том числе под мобильные.
Но перед этим мы провели подготовительные действия. Например, помогли клиенту организовать фотосессию. Выслали ему небольшое техническое задание с описанием того, в какой одежде и позах фотографироваться, подкрепив это доской на Pinterest с референсами.
Далее мы собрали визуальную подборку различных сайтов по стилю и настроению разместив их в одну доску настроения (мудборд) , в котором видим будущий сайт юридической компании. В своей технологии работы этому мы выделяем отдельное внимание и обозначаем его как отдельный полноценный шаг, который подвержен согласованию с клиентом, с возможностью внесение правок/дополнений в виденье по общему стилю будущего сайта.
Основными цветами выбрали темно-синий (приближенный к черному) и белый, а дополнительный - золотой. Такое сочетание цветовой палитры помогло нам добиться в общей картинке ощущения стабильности, надёжности и профессионализма, а умеренные золотые детали подчеркивают престиж и высокий статус. В основе всего сайта лежит блочный дизайн с акцентом на минимализм.
Давайте подробнее остановимся на главном экране.
Тут мы визуально концепцию разделили на 3 части, которую расположили слева направо. Это самая часто используемая схема расположения контента, так как у человека есть привычный паттерн восприятия информации именно слева направо (большинство людей пишут и читают слева направо).
Поэтому, слева основную часть экрана занимает блок с актуальным предложением компании, целью которого является привлечение внимание. Ближе к центру расположили двух партнеров основателей компании. Справа разместили мини-блок с преимуществами компании, чтобы еще больше заинтересовать посетителя и вызвать доверие (твердые факты показывают «вы имеете дело с профессиональной компанией, у которой большой опыт работы в сфере»).
Также обратите внимание, на заднем фоне изображен прозрачный элемент, который визуально напоминает галочку или латинскую букву «V». Это решение сопровождает весь сайт. В него мы заложили следующие смыслы:
- Это своего рода пометка правильных ответов или выполненных задач
- Во времена Римской империи латинской буквой «V» сокращали слово «правда» («veritas»)
Эти смыслы напрямую сопоставимы с юридической сферой работы. Поэтому мы интегрировали это решение в дизайн.
Вторым экраном раскрыли услуги компании, каждая из которых размещена на отдельной плашке со слегка кругленными углами. Внимание посетителей сконцентрировано на названии услуг и их коротком описании, а также визуально подкреплено аккуратными минималистичными иконками, что в общей концепции смотрится очень лаконично.
Третьим экраном вынесли отдельно комплексную услугу - Юридический абонемент «По цене юриста в штате», отдав ей большее внимание. Выделили это как конкурентное преимущество компании «Налог98». Любому бизнесу выгодно работать комплексно. Отрисовали достаточно простую графику, визуализировав защищенность клиента со всех сторон с юридической точки зрения.
В закреплении всей информации разместили форму захвата контактных данных, о которой подробно говорили выше.
В последующих экранах мы раскрыли принципы и механику работы с клиентами, а также команду компании «Налог98». Далее уделили много внимания контенту, который носит характер «социального доказательства». Это психологический триггер, который побуждает посетителя совершить целевое действие. Эффект, когда человек принимает решение на основе мнения других. Суть социального доказательства состоит в том, чтобы показать людям похожие ситуации/отзывы/рейтинг/подсказки и многое другое.
Что собственно мы и сделали. На сайте создали экран, который демонстрирует официальные благодарности от клиентов компании. Но, чтобы «не портить» общий стиль, мы оформили в плашки несколько благодарностей с коротким описанием, а при нажатии на кнопку «читать полностью» - появляется само письмо.
По такому же принципу мы разработали экраны, где посетитель может ознакомиться со статьями компании, которые размещены в ведущих СМИ страны. Ну и, конечно же, с кейсами, которые мы раскрыли по принципу «ситуация клиента - результат».
Клиент остался доволен проделанной работой. На всех этапах согласования работа принималась практически без правок. С итоговым результатом, который у нас получился, вы можете ознакомиться в видео ниже.
В заключении мы адаптировали сайт под все возможные устройства, в том числе мобильные. Это позволяет не терять бОльшую часть трафика потенциальных посетителей, которые будут заходить на сайт. Адаптации мы всегда выделяем достаточное количество времени, чтобы проработать каждую деталь и получить результат не хуже, чем в компьютерной версии сайта.
Итог
Разрабатывая сайт, мы не заметили, как заложили новый фирменный стиль в устойчивый юридический бренд, с которым сотрудничают крупные компании на рынке уже более 16 лет. Как и клиент, мы очень довольны проделанной работой. Получился очень сильный кейс, который показывает, что сайты в такой серьёзной нише, как юридическая, могут быть не только стильными, но и решать задачи бизнеса: привлекать клиентов, собирать контактные данные, выделять среди конкурентов, улучшать репутацию и формировать доверие.
В этой статье я, в роли арт-директора и автора, постарался максимально подробно раскрыть внутрянку проекта и показать, что каждая деталь в разработке цифрового продукта имеет значение и несёт свой посыл. Благодарю всех за внимание!
Но, это ещё не всё!
Для собственников бизнеса я выделил
«Топ-6 причин, почему новый сайт будет работать на имидж компании и приносить целевые заявки на услуги»
и подготовил продолжение этой статьи в своем Telegram-канале. Если у вас есть действующий сайт, то прочитав этот пост, вы уже сами сможете увидеть и проанализировать действующий сайт на наличие моментов, которые можно улучшить.