5 примеров интересных сайтов для юристов и ошибки, которые мы нашли в их дизайне

5 примеров интересных сайтов для юристов и ошибки, которые мы нашли в их дизайне

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

Но! Пока составляли подборку, заметили, что большинство сайтов юридических компаний содержат ошибки в дизайне. Из-за них они могут терять клиентов и конверсии. Так что эту статью мы превратили в своеобразный “разбор полетов”. Мы не просто покажем примеры интересных сайтов юридических услуг, но и обсудим их недочеты. Подробнее о них расскажет дизайнер и иллюстратор Weblium Игорь Мароха.
Igor Marokha

Пример №1: Roulston Urquhart Criminal Defence — уголовное право

Сайт создан на платформе WordPress

Оригинальность этого сайта — в фотографии на главной странице. Она напоминает постер сериала. На ум сразу приходит “Как избежать наказания за убийство”, “Юристы Бостона” и все в таком духе. Такие ассоциации автоматически повышают интерес к самой компании, заставляют поверить, что ее сотрудники — такие же ловкие специалисты, как и герои сериалов. Интересный ход! Только благодаря ему одному сайт Roulston Urquhart Criminal Defence можно назвать одним из лучших примеров одностраничных сайтов юридических услуг. Но есть нюансы.

Игорь: «Замысел интересный, но реализация хромает. Дизайн этого сайта в том виде, какой он сейчас, тяжелый для восприятия. Тени вокруг кнопок и других элементов, отсутствие контраста — все это затрудняет чтение текста. Тени лучше убрать вообще, особенно те, что вокруг кнопок с СТА — эти кнопки и без теней хорошо видно.

Текста здесь очень много, но 80% — это просто «вода», красивые слова, которые не дают четкого представления о профессионализме компании. Я бы однозначно сократил раздел Practice Areas: оставил бы только иконки с заголовками — только это и содержит для клиента важную информацию, все остальное — лишний набор букв. Он занимает место на странице, но ничего важного для читателя не содержит.

Блок с отзывами клиентов тоже сделан плохо. Он нечитабельный, найти его на странице — и то трудно. В самих отзывах нет жизни, они написаны сухо, как какой-то отчет. Значит, возложенную на них функцию — убедить пользователя в авторитетности компании — они не выполняют. Это касается и заголовков в блоках (Practice Areas и все остальные). Они тоже незаметны, при активном скроллинге их легко упустить из виду. Скрин ниже это доказывает. Тот, что слева, вделан с сайта, второй — пример того, как сделать этот же блог ярче. Всего лишь нужно выделить заголовок и пару фрагментов в тексте, но это полностью меняет весь вид блока.

Мое мнение: сайт Roulston Urquhart Criminal Defence в целом тяжело читать. То, что важно (отзывы клиентов), еле найдешь, зато бессмысленных описаний (в том же Practice Areas, например) навалом. Тут к гадалки не ходи, сразу понятно: такой дизайн отпугнет немало пользователей. Они просто не захотят тратить время на то, чтобы всматриваться и вчитываться в текст на этом сайте. Зачем, если есть другие, более легкие для чтения?»
.

Пример №2: William Rhoades — юрист по семейному праву

Сайт создан на платформе Weblium

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

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

Пример №3: Tamara N. Hodler — юридическая фирма

Сайт создан на платформе WordPress

Если сайт компании Roulston Urquhart Criminal Defence напоминает постер к сериалу, то этот вызывает ассоциации с обложкой журнала. Заголовки, шрифты, фотография на хедере — все стилизовано под современное печатное издание. Выглядит красиво, интересно, однозначно привлекает внимание. Именно поэтому мы добавили Тамара Н. Ходлер в своей список лучших примеров сайтов юридических услуг. Но и здесь есть нюанс.

Игорь: «На главной странице сайта нет описаний самой компании. Вместо этого — фрагменты материалов из американских СМИ с упоминанием основательницы компании Тамары Н. Ходлер. Это превращает главную страницу в лонгрид. Сомневаюсь, что кто-то его читает. Но больше смущает другое.

Человек, который ищет услуги юриста, хочет видеть на его сайте конкретные и четкие описания навыков, опыта и прочего. А Тамара Н.Ходлер предлагает нам фрагменты из статей Chicago Tribune. Да, кое-что об ее опыте из них выудить можно, но все это подается как-то хаотично, бессистемно. В результате ты просто тонешь в потоке информации.

Есть тут и другие проблемы. Например, текст, следующий сразу после фотографии, растянут по ширине экрана — в веб-дизайне так не принято делать. Текст выравнивают по левому краю, а если он длинный, то разбивают на два блока — так легче читать. Проверьте сами. Посмотрите на скрин ниже, сравните, как сейчас выглядит сайт (слева) и каким мог бы стать (справа). Разница есть, и она решает.

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

Но надо отдать должное сайту Тамары Н.Ходлер в другом: на нем можно вручную менять шрифт. Слабовидящие люди это точно оценят».

Пример №4: ATL Firm — компенсация ущерба

Сайт создан на платформе Squarespace

Добавили ATL Firm в наш список лучших примеров сайтов юридических услуг потому, что понравилось исполнение хедера. Многие компании для его оформления используют рандомные картинки или фотографии ключевых сотрудников, и это нормально. Просто из-за такого подхода сайты юридических услуг выглядят похожими друг на друга. Компания ATL нашла способ эффектно выделиться среди других, презентовать себя и донести клиентам, какую выгоду они получат от сотрудничества.

Игорь:«Сайт в целом неплохой, но кое-какие недочеты в его дизайне все равно бросаются в глаза. Например, мне кажутся лишними анимации на иконках в разделе We will take it from here — они что есть, что нет. Если их убрать — ничего не изменится. Заголовки в этом же разделе нужно сделать более заметными, яркими — плохо читаются.

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

Так выглядит текст с нарушением правила “внутреннего внешнего” (слева) и без — (справа). На первый взгляд, разница незначительна, но если всмотритесь — заметите, что читать текст справа гораздо легче. В первом случае текст даже не хочется просматривать из-за того, что мелкий, сбит в кучу. Во втором все хорошо видно и читается автоматически, даже если вы и не намеревались это делать и просто случайно навели курсор на меню.

Игорь:«Добавлю, что подборка лого внизу сайта напоминает скучную доску почета. Можно сделать ее более современной на вид, если оформить в виде медиа-галереи — весь раздел сразу станет выразительнее и интереснее для зрителя. Для наглядности посмотрите на скрин ниже. На первом — оригинальное оформление, взятое с сайта ATL Firm. Второй — мой, слегка переделанный вариант на скорую руку».

Пример №5: Emma Pratt Notary — нотариус

Сайт создан на платформе Weblium

Это — демонстрация того, как сделать дизайн сайта юриста красочным и строгим одновременно без особых усилий. Все благодаря сочетанию оттенков. Использование яркого зеленого цвета «оживляет» дизайн, он кажется уже не таким формальным. При этом зеленый смотрится гармонично, не «режет» глаз. Из-за такого удачного сочетания оттенков мы и внесли Emma Pratt Notary список лучших примеров одностраничных сайтов юридических услуг.

Игорь: «Здесь многовато текстового контента. Рассказ о том, где и когда родилась Эмма кажется лишним. Но все это неважно, потому что контент визуально хорошо оформлен. Сайт четко разделен на тематические блоки, у каждого блока — заметный заголовок. Это помогает легко находить нужную информацию и не путаться в процессе. То, что читать неинтересно, вы можете легко проскролить, не волнуясь, что случайно пропустите что-то важное, ведь каждый тематический блок четко выделен своим цветом и снабжен заметным и понятным заголовком».

Понравились ли вам представленные здесь дизайны? Некоторые из них вы можете использовать для создания своего сайта прямо сейчас! Просто зарегистрируйтесь на Weblium — и получите доступ ко всем созданным нами шаблонам.

5 1 голос
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии