redesign
site
кейс:

редизайн корпоративного сайта юридической компании BLS
ui/ux
research
Tilda
Цель:

сделать стильный сайт, отражающий позиционирование компании, демонстрирующий услуги, привлекающий новые лиды
web design
Самым значительным шагом переработки корпоративного стиля BLS стал редизайн основного сайта.
/ |
Исходный сайт был выполнен из шаблонных блоков. В нем не было визуальной отстройки бренда, слабо прослеживалась даже сфера деятельности компании. Наблюдались явные нарушения правил типографии, контраста, навигации.

Зеленые кнопки сливаются с монохромным серым фоном. Элементы выровнены хаотично, нет четких вертикальных линий. Фотографии не вызывают нужных ассоциаций: воздушные шары на первом экране — зачем? Устаревшие стоковые изображения, иконки, мокапы.

Кроме того, прежний сайт BLS был про два бизнеса компании: юридический и аутсорсинговый. Поэтому присутствовала некоторая разрозненность и неоднородность как в визуале, так и в навигации. Например, было непонятно, какие кейсы относятся к юридическому сервису, а какие к аутсорсинговому.
/ |
Helvetica Neue Cyr
italic
Корпоративные цвета:
roman
roman
Моей целью было создать сайт для юридического бизнеса, отличный от подобных сайтов конкурентов. Хотелось избежать клишированных изображений весов, молотков, коричневых оттенков. Сайт должен отражать бизнес BLS Legal и создавать у пользователя ощущение, что компания решит все его боли и проблемы.
light
#96B41E
#1C1B1C
#B0B0B0
Стилистика сайта была выбрана в соответствии с брендбуком: минимализм, острые формы, тонкие линии.


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

Сюда я поместила яркое метафоричное изображение, сгенерированное с помощью нейросети Midjourney: два здания, символизирующие два бизнеса (BLS и клиентский) и между ними мост, который их соединяет. Тем самым BLS является проводником для клиента, который помогает решить все юридические проблемы с сотрудниками. Этот подсвечивающийся мост выражает надежду, доверие, профессионализм.
12.
1.
Блок с проблематикой
2.
Блок с услугами по решению конфликта
Блок с услугами по предотвращению конфликта
Блок с кейсами
3.
4.
5.
Блок-разделитель с фото
6.
Блок «о нас» с треугольником баланса
7.
Блок «наши клиенты» с анимацией бегущих строк из логотипов
8.
Блок с отзывами (карусель)
9.
Блок-разделитель с фото
10.
Блок с регистрацией на ближайшие мероприятия компании
11.
/ |
  1. Корпоративный сайт BLS Legal теперь выполнен в корпоративном стиле и отражает позиционирование компании
  2. На сайте улучшилась навигация, он стал более удобным и отзывчивым для пользователя
  3. Новый сайт приносит больше заявок и лидов, что свидетельствует о повышении конверсии
  4. Успешно подключили Яндекс Директ
Корпоративный сайт — лицо бизнеса.
Если вас заинтересовало мое резюме, пожалуйста, свяжитесь со мной
Лебедева Анна
digital, ui/ux designer
Made on
Tilda