Привет! Это е—б эдженси и сегодня мы расскажем, как делали сайт для необычных юристов из Петербурга. Покажем, как создать приятный и функциональный сайт для максимально стандартной ниши.
Заказчик и задача
К нам обратился Алексей, основатель юридической компании «БИЗНЕСЮРИСТ». У компании был сайт, который Алексей сам собрал на конструкторе несколько лет назад — на 2022 год сайт морально устарел, не отображал все актуальные услуги компании и был недостаточно удобным для пользователя из-за своей структуры.
Нашей задачей было разработать новый, более понятный сайт на Тильде.
Чем занимается Бизнесюрист
Компания «Бизнесюрист» существует на рынке с 2013 года. За это время компания четко определила свою основную деятельность — регистрация и сопровождение малого бизнеса. С большими и серьезными «Бизнесюрист» тоже работает, но главный упор делает именно на начинающих, помогая им закрепиться на рынке с грамотной юридической и бухгалтерской поддержкой.
Кроме регистрации и сопровождения бизнеса в портфеле компании 10 комплексных услуг: от миграционного права и арбитражного сопровождения до регистрации товарных знаков.
Задача нового сайта — рассказать обо всех услугах и дать пользователю возможность записаться на консультацию.
Что было сделано
— Провели интервью с заказчиком
— Изучили все материалы на существующем сайте
— Разработали новую, упрощенную структуру
— Написали новые понятные тексты, выделив важные смыслы
— Сформулировали новое чёткое позиционирование компании
— Разработали дизайн
— Сверстали и наполнили сайт
Проблемы старого сайта
— Устаревший, не актуальный дизайн;
— Сайт сделан на неудобном конструкторе: для внесения любых изменений нужно было потратить довольно много времени; новый сайт заказчик хотел разместить на Тильде;
— На каждой странице — большой объём неформатированного текста, что усложняет восприятие
— Из-за шаблонного дизайна сайт не выделяется на фоне конкурентов
На старом сайте все услуги компании были перемешаны — например, чтобы попасть на страницу «Ликвидации ИП» нужно было сначала перейти на страницу «Ликвидация бизнеса», затем выбрать вид бизнеса, который вы хотите ликвидировать, и только потом попасть в нужный раздел.
При этом многие внутренние страницы были полупустыми — описывали услугу максимум в 1-2 абзаца, не давая конкретики о подходе «Бизнесюриста» и не раскрывая особенности работы с ними. Сайт был сухим, блеклым и не дружелюбным.
В новой структуре сайта мы сократили пользовательские пути и объединили мелкие услуги на обобщающие страницы — это позволило нам уменьшить объём сайта. Теперь пользователь может быстро почитать обо всех услугах компании — прямой доступ на конкретные страницы есть из блока на главной и подробного бургер-меню.
Работа со смыслами
Большинство юридических сайтов неприличны похожи — огромное количество текста, сложные формулировки и о-о-очень скучный и формальный дизайн.
Наш подход к работе — делать сайты «по-другому». Мы стремимся создавать проекты, которые не похожи на другие сайты в этой нише. Часто это история про яркий нестандартный дизайн и сложные анимации — но для серьёзной юридической сферы такие решения не подходили.
Поэтому мы сделали акцент на смыслах — решили сделать сайт более живым, понятным и «человечным», убрать тот самый флер занудства и формальности, который типичен для среднестатистического юридического сайта.
Этот важный посыл мы уловили, когда общались с основателем «Бизнесюриста» Алексеем. На созвоне он классно описал подход их компании: «Понимаете, мы не те юристы, которые сидят за дубовым столом с дорогими золотыми ручками. У нас, вон, бухгалтер весь татуированный — нам важно через сайт показать, что мы в первую очередь живые люди, и хотим помогать молодым предпринимателям».
Из этого мы вывели формулу будущих текстов и дизайна: понятность + удобство + забота.
Прототип нового сайта для БИЗНЕСЮРИСТА
Визуальное решение
С одной стороны, у заказчика были четкие пожелания по дизайну будущего сайта: минималистичный интерфейсный стилек, гротескный шрифт, спокойная типографика. Немного анимаций, чтобы добавить акцентов. И самое важное — яркий фирменный цвет.
Мы начали думать, как подружить все эти пожелания с нашими смысловыми идеями. Для начала подобрали теплую спокойную палитру: фирменный бордовый предложили использовать только на акцентах, все остальное увели в мягкие оттенки. Всем элементам на сайте мы добавили дополнительной мягкости и дружелюбности за счет скругленных форм
И наконец — дополнили дизайн рукописными акцентами, небольшими такими подчеркиваниями и обводками. Хотелось передать эффект, будто кто-то прошелся по сайту с маркером и выделил самое главное и важное.
Дизайн-концепция
Несмотря на то, что общее направление дизайна мы определили быстро, на главной странице пришлось перебрать много разных вариантов. Важно было найти баланс между спокойным и интересным, формальным и креативным. Мы перебрали несколько вариантов главного экрана и 10 (!) вариантов для блока услуг.
Варианты главного экрана для сайта БИЗНЕСЮРИСТА
Блок услуг — один из ключевых на главной странице. Путь пользователя обычно такой: он не просто ищет «какого-то там юриста», ему важно быстро понять, что этот специалист разбирается конкретно в его проблеме. Поэтому нам нужно было акцентировать внимание на том, какие разные услуги оказывает «Бизнесюрист» — и прямо с главной перевести пользователя на нужную ему услугу, где он уже подробно все узнает и запишется на консультацию.
Финальное решение — оформить блок в виде набора кнопок, которые анимируются вместе со скроллом. Мы разбавляем их фотографиями членов команды, чтобы снова сделать акцент на том, что в «Бизнесюристе» вы работаете в людьми.
Дизайн главной страницы
А что внутри?
Всего на сайте 19 страниц — для оптимизации бюджетов и сроков мы предложили заказчику собрать часть страниц сайта на стандартных блоках Тильды. В таком решении мы не тратим часы на отрисовку дизайна и дальнейший адаптив.
В процессе обсуждения поняли, что среди услуг есть «якорные» и второстепенные — решили, что для якорных услуг разработаем уникальный дизайн (на них будет вестись основной трафик; они должны выделяться), для остальных — сделаем все на стандартных блоках.
…и калькулятор
У «Бизнесюриста» гибкие тарифы на бухгалтерское сопровождение — стоимость ежемесячного обслуживания напрямую зависит от размера компании клиента. Чтобы не грузить пользователя сложной тарифной сеткой, мы внедрили и настроили простой калькулятор: достаточно выбрать вид юрлица, систему налогообложения и указать среднее количество операций в месяц.
Мы всегда стараемся максимально упростить подачу информации на сайте для пользователя, поэтому сложные таблицы — не наше решение. Мы сразу задумались о внедрении калькулятора, но Тильда предоставляет ограниченные возможности для настройки. Поэтому мы воспользовались кастомным решением и написали код специально для БизнесЮрист. Теперь каждый пользователь самостоятельно может узнать стоимость обслуживания именно для него и сразу оставить заявку.
Детали дизайна
А что потом?
Сразу после запуска проект попал в подборку лучших сайтов на Тильде
Ребята разработали для нас новый сайт. И он просто великолепен! Очень порадовал подход при разработке. Сначала все досконально формируется на прототипе. Вытаскиваются смыслы, а потом красиво обрамляется в дизайне. Все лаконично, доступно, выверено. Видно, что ребятам важно сделать отличный продукт. Как результат - мы в подборке лучших сайтов на Тильде :) Отличная работа! Рекомендуем от всего сердца.
Кто это сделал?
Елена Бобина — тексты главной, дизайн-концепция
Мария Ищенко — тексты внутренних, дизайн-концепция
Ирина Кошкина — вёрстка главной и внутренних страниц на Tilda Publishing
Екатерина Дергунова — дизайн и вёрстка внутренних страниц на Tilda Publishing
Сергей Харламов — наполнение внутренних страниц на Tilda Publishing
Этот проект сделан в е—б эдженси. Напишите Кристине, если хотите также.