Цитадель Права
Редизайн сайта и логотипа юридической группы: от устаревшего сайта 2016 года к премиальному B2B-ресурсу для аудитории «руководители бизнеса и главврачи»
Было
Сайт с 2016 года — тёмный, тесный, без структуры
Тёмный фон, иконки из стоков, 8 пунктов в навигации без логики, устаревший калькулятор неустойки. Целевая аудитория — руководители бизнеса и главврачи — не находила ни доверия, ни нужной услуги.
Перетащите ползунок ← → чтобы сравнить дизайны
Подход
ТЗ — это отдельная работа, а не формальность
Прежде чем открыть редактор, я провела аудит существующего сайта и составила опросник для заказчика. Не «что нравится», а конкретика: целевая аудитория, ключевые услуги, болевые точки клиентов, позиционирование на рынке.
По итогам интервью собрала итоговое ТЗ: концепцию, визуальный язык, структуру 7 страниц, требования к логотипу и компонентам. Согласовали с заказчиком — и только потом начала проектировать.
Итерации
Красивая идея, которую я сама отвергла
Первый вариант хиро-блока строился на рыцарской теме — средневековый шлем, зелёно-золотая палитра, заголовок «Право, выверенное временем». Визуально сильно. Но я сама остановилась и спросила: это про надёжную юридическую фирму или про арт-галерею?
Рыцарская эстетика уводила в сторону исторической стилизации и уменьшала деловой вес. B2B-аудитория должна чувствовать структуру и стабильность, а не романтику. Отвергла вариант — согласовала с заказчиком второй.
Логотип
Разработан с нуля по ТЗ
Заказчик попросил и логотип — старый был набором типичных иконок. Я разработала знак с нуля: геральдический щит с крепостными зубцами и мечом/пером по центральной оси — прямая отсылка к названию «Цитадель». Слово набрано антиквой с тонким золотым подчёркиванием — строгость и премиальность без вычурности.
Финальный логотип: геральдический щит + антиква + золотое подчёркивание
Результат
Правовая защита вашего бизнеса
Глубокий navy-фон, тёплая охра/золото, строгая антиква в заголовках. Деловой интерьер офиса/библиотеки как визуальный код надёжности. 7 страниц, дизайн-система компонентов, модальное окно обратной связи — сдано в продакшн.