Сайт юридической компании «Конфидантъ»

Задача

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

Юридическая компания «Конфидантъ» довольно успешно отстаивает интересы своих клиентов более 10 лет. Клиенту был нужен новый, узнаваемый визуальный язык, который позволит ей как отстроиться от конкурентов, так и визуализировать ценности компании.

Концепция

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

«Конфидантъ» прежде всего ставит индивидуальный подход и конфиденциальность в отношениях с клиентами.  Об этом говорит и само название компании, происходящее от “конфидент” - человека, которому доверяют секреты и тайны.

Мы решили, что это очень простой и яркий образ, раскрывающий суть работы компании — защиту интересов клиента. Для его иллюстрации мы просто скрыли часть слова черной плашкой так, слово все еще можно было прочесть. И все.

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

Прием с плашкой легко масштабировать для использования в любом контексте. Мы можем вообще не использовать никаких слов, а нарисовать несколько плашек под которыми "спрятано" предложение и поставить, например, точку. Такие приемы используются в оформлении мерча – они графичные и не раздражают.

Проектирование

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

Получилась довольно компактная структура, без воды и рассказов о высоком. Акцент сделали на показателях компании, вытащив их на передний план за счет крупных цифр.

Дизайн

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

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

Адаптив

Основной задачей на адаптиве было сделать решение легковесным, сократить время загрузки и обеспечить доступность на всех современных устройствах. Особое внимание уделили контрастности элементов дизайна.

Благодаря отсутствию лишних элементов в дизайне, мы сосредоточились на деталях и отладке поведения интерактивных элементов.