Кейс: Сверхсрочная разработка и дизайн сайта юридической компании для увеличения заявок

Заказчик: белорусская компания по оказанию юридических услуг «ПравоГранд».

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

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

ООО «ПравоГранд» ранее обращались к подрядчику для разработки сайта. Результат, однако, оставлял желать лучшего, поскольку на сайте отсутствовала важная информация, а также не привлекал клиентов дизайн. Помимо этого, разработка велась на HTML без систем управления контентом (CMS). Из-за этого клиент не мог вносить изменения без помощи программиста, т.к. для этого было необходимо править код.

Однако сайтом проблемы не ограничивались. Контекстная реклама, настроенная для компании, также не была достаточно эффективна. Переходы по ссылкам были, а вот звонков «ПравоГранду» поступало немного, и затраты на рекламу себя не окупали.

Такое положение дел требовало комплексного подхода.

О компании «ПравоГранд»:

1. Сотрудники компании обладали многолетним опытом оказания юридических услуг. У них были удовлетворённые работой клиенты, которые рекомендовали их услуги и услуги компании своим знакомым.
2. Клиенты компании — юридические лица.
3. Специфика компании предполагала привлечение клиентов, заинтересованных в ведении бизнеса в Республике Беларусь.
4. Старая версия сайта «ПравоГранд» отличалась устаревшим и непоследовательным дизайном, а также была неудобна в использовании.
5. Логотип компании не внушал посетителям доверия, поскольку фирменный стиль представлял собой разрозненную массу решений, которые плохо сочетались друг с другом.
6. Выбор рекламной стратегии (контекстная реклама) не создавал синергии с дизайном сайта и не компенсировал его проблем.
7. Сайт был плохо оптимизирован как для работы с различными устройствами, так и для его попадания в топ поисковых систем.
8. В целом, столь устаревший и непривлекательный сайт являлся однозначным минусом с точки зрения конкурентоспособности компании во времена, когда все клиенты сосредоточены в интернете.

Виды услуг, оказываемых компанией:

1. Юридическая консультация (устно либо письменно);
2. Регистрация предприятий различных форм собственности (для резидентов и нерезидентов республики);
3. Подготовка документов для регистрации изменения наименования, местонахождения, размера уставного фонда, состава организации для юридических лиц и т.д.;
4. Реорганизация предприятий;
5. Сопровождение ликвидации юридических лиц и индивидуальных предпринимателей;
6. Регистрация представительств зарубежных компаний;
7. Взыскание задолженностей в досудебном и судебном порядках;
8. Досудебная и судебная защита от кредиторов;
9. Разработка и юридическая экспертиза договоров;
10. Кадровый аудит и пр.

Работа над сайтом

Существовавший сайт «ПравоГранд» представлял собой продукт несовременного и откровенно недобросовестного дизайна.

Проблема

Главная страница пустовала практически наполовину:

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

Решение

Мы разместили на главной странице — онлайн-визитной карточке компании:

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

Проблема

Контактная информация компании была представлена только на одной странице. Хотя на неё вела ссылка из шапки, это всё равно не отвечало современным требованиям моментального удовлетворения потребности в информации. В то же время, в шапке содержалась ссылка на главную страницу, так и подписанная: «Главная». Она перегружала шапку.

Решение

В шапку были вынесены телефон и график работы компании, а также её контакты в Telegram, Viber и WhatsApp. Ссылка на главную была убрана и заменена кликабельным логотипом.

——————————————————
Проблема

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

Решение

Информация об услугах и их ценах была добавлена ниже на главную страницу.

——————————————————
Проблема

Старые страницы об услугах были скомпонованы воедино по нескольким темам. Каждая отдельная страница включала в себя информацию по нескольким услугам, оказываемым компанией «ПравоГранд», сразу. Это делало её менее удобной для посетителей и менее подходящей для выдачи в топе с точки зрения поисковиков.

Решение

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

——————————————————
Проблема

Попадая на сайт нашего клиента, пользователи не видели результатов его работы. Это негативно сказывалось на восприятии ООО «ПравоГранд» его потенциальными клиентами, поскольку им не предлагалось никаких доказательств эффективности работы юридической компании.

Решение

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

Помимо этого, отдельно были размещены логотипы компаний-клиентов ООО «ПравоГранд» в блоке «Наши партнёры».

——————————————————
Проблема

Посетители не находили на сайте ответов на свои вопросы — даже простые и однотипные. Это подрывало авторитетность сайта и компании в целом.

Решение

Чтобы это исправить, мы предложили «ПравоГранд» разместить блок с типовыми вопросами и ответами. Такое решение позволило удовлетворить потребность посетителей сайта в полезной информации и показать навыки сотрудников в трактовании законодательства.

——————————————————
Проблема

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

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

Решение

1. Мы добавили форму для заявки на главную страницу, а также на страницы всех услуг.
2. Каждая отдельная страница была доработана и переделана в полноценный лэндинг. Мы добавили коммерческие составляющие: рассказали, что именно делает компания в рамках той или иной услуги, каковы условия сотрудничества и ценовая политика, компетенция сотрудников и т.д.
3. Помимо формы для заявки сбоку от основного контента, на первый и последующие экраны были также добавлены выделенные цветом блоки текста с призывом к звонку и указаниями контактов компании.
4. Чтобы развеять неуверенность потенциальных клиентов, для каждой услуги мы подробно расписали этапы. В конце же каждой страницы услуг мы добавили ссылки на другие с целью повышения трафика.

Проблема

Раздел «О нас» на старой версии сайта только рассказывал о компании в самых общих чертах. Из неё было невозможно понять, насколько квалифицированы специалисты в своих областях и чем это подтверждается. Текст с той страницы не передавал никаких уникальных моментов, присущих только «ПравоГранд», — таким же можно было бы описать и любую юридическую компанию вообще.

Решение

В первую очередь, мы дополнили страницу «О нас» отсканированной лицензией на осуществление юридической деятельности.

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

На этой же странице были продублированы блоки «Отзывы» и «Наши партнёры», которые также повышают доверие к ООО «ПравоГранд».

Проблема

Первоначально и мы, и наш клиент намеревались внести изменения в уже существующий сайт. Однако проведя его аудит, мы выяснили, что фирма, занимавшаяся разработкой сайта в прошлом, создала его на HTML. Это обстоятельство усложняло нашу задачу, а главное — делало практически неосуществимым дальнейшее внесение изменений в структуру сайта самим клиентом без посторонней помощи.

Решение

Это определило дальнейший вектор нашей работы. Продолжать пользоваться старым сайтом клиент не мог — это означало бы всё так же отпугивать посетителей его странным и нефункциональным дизайном. Значит, необходимо было создать сайт «ПравоГранд» заново — на сей раз, на WordPress, потому что эта система управления контентом позволяет легко править сайт даже человеку, далёкому от веб-дизайна.

Оптимизация

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

Проработав списки минус-слов, обозначив приоритетные группы услуг и настроив ретаргетинг в Яндекс.Директ, мы добились положительных результатов:

1. увеличение посещаемости сайта на 190%.
2. уменьшение средней цены за клик с 0,77$ до 0,38$.
3. рост числа конверсий на 167%.

Дизайн

Когда мы занялись сайтом ООО «ПравоГранд», выяснилось, что от небрежного отношения предыдущего подрядчика пострадала не только функциональность и наполнение страниц, но и дизайнерские решения.

Гамма сайта была выдержана в излишне мрачных оттенках. На страницах, где присутствовал текстовый контент (в отличие от главной, на которой текста практически не было), эта мрачность вступала в конфликт с белым фоном текстовых блоков.

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

В качестве логотипа служило изображение богини правосудия Фемиды с обычным для неё атрибутом — весами. Для юридической фирмы — вполне логичный выбор. Так что же пошло не так?

1. Странное соотношение размеров названия компании и графического элемента. Текст был намного меньше, чем символ. Такая разница между текстом и рисунком делала невозможной использование логотипа в шапке сайта: либо слова были бы слишком мелкими, либо пришлось бы делать весь логотип неоправданно большим. Поэтому на сайте приводилось только название компании без логотипа.
2. Шрифт текста также вызывал вопросы. Интервалы между буквами отличались по размеру. Обращали на себя внимание непонятные завитушки и букв В и Г. В логотипе серьёзной юридической компании они смотрелись неуместно.
3. Слово «Гранд» было смещено вправо относительно слова «Право», находившегося выше него. Такая ориентация составных частей названия компании тоже выглядела чересчур легкомысленно — и к тому же, непонятен был принцип такого разделения названия на две строки, ведь «ПравоГранд» пишется в одно слово.
4. Обе части слова были помещены слишком близко к рисунку и вызывали чувство тесноты.
5. Фемида на рисунке смотрела влево. Учитывая, что мы привыкли читать и воспринимать информацию зрительно слева направо, такое положение логотипа порождало отталкивающие ассоциации: богиня либо смотрела назад, либо и вовсе отворачивалась от жаждущих справедливости людей.
6. Рисунок состоял из отдельных штрихов-элементов. Для того, чтобы изображение выглядело стильно и хорошо запоминалось, их было слишком много.
7. Цвета логотипа — чёрный и ярко-красный — нагнетали напряжение и не отражали целей компании.

В своей работе над логотипом и дизайном мы решили все эти проблемы:

1. Текст и рисунок теперь сообразны по размеру. Логотип размещён в хедере сайта без ущерба для видимости текста.
2. Название компании теперь написано так, как и должно быть (в одно слово).
3. Был переработан шрифт. Теперь он выглядит строго и надёжно.
4. Цветовая гамма сайта стала гораздо более приятной. Оттенки синего сочетаются с белым, что придаёт посетителям спокойствия и уверенности в силах «ПравоГранд».
5. Фемида теперь смотрит вперёд, на наблюдателя. Это отражает её беспристрастность.
6. Силуэт богини теперь не перегружен элементами, его проще запомнить.

Результат работы

Когда мы приступали к работе, сайт «ПравоГранд» выглядел непривлекательно и не был оптимизирован для привлечения клиентов. Это сказывалось на успешности компании.

Сейчас, когда мы завершили переработку сайта, он заиграл новыми красками. Вместо морально устаревшего HTML, теперь он работает на WordPress. Неинформативные страницы, неспособные конвертировать посетителей, остались в прошлом. Был переделан дизайн, и если прежний вызывал сомнения в благополучном исходе дел, сопровождаемых компанией, то нынешний вселяет уверенность и спокойствие.

Всё это было проделано в сжатые сроки — один месяц.

Наше сотрудничество с ООО «ПравоГранд» стало для нас вызовом, который мы смогли с честью преодолеть. Мы ещё раз доказали себе, что способны работать в экстремальных условиях и держать при этом высокую планку качества.