← Все проектыЮридическая практика / Веб-дизайн
UNO

Уверенность, которую видно до первого разговора.

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

Презентационный мокап главной страницы UNO
ЗадачаЛистай дальше ↓
01 / Задача

Обновитьвпечатление,сохранивузнаваемость.

У UNO уже были фирменные цвета и товарный знак. Их нужно было развить в современный сайт, который передает компетентность специалиста. Поэтому направление я предложила через композицию: крупную типографику, свободное пространство, спокойную сетку и фотографии.

Это задавало конкретный ориентир для редизайна. Узнаваемость сохраняется в айдентике, а новое впечатление создают масштаб, иерархия и подача содержания. Сначала я обозначила этот подход в предложении, затем развила его в макетах.

До и после

Мой дизайн
02 / Структура и UX

Посетитель юридического сайта может еще не знать, как называется его проблема. Ему нужно понять, кто поможет, есть ли здесь нужная практика и с чего начать. Эти вопросы я использовала как основу структуры.

Главная знакомит со специалистом, услуги позволяют разобраться в направлениях, материалы раскрывают экспертизу. Действие «Обсудить ситуацию» соответствует этому моменту выбора: для первого контакта не нужно самостоятельно ставить юридический диагноз.

01

Кому я доверю дело?

Сделала знакомство личным через портрет и страницу специалиста. Посетитель видит человека, который стоит за услугами.

02

Работают ли с моей задачей?

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

03

Как начать разговор?

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

03 / Визуальный характер

Серьезность передается и без лишних символов.

Я выстроила первое впечатление вокруг специалиста: портрет и крупное высказывание работают вместе. Так визуальный акцент одновременно знакомит с человеком и задает характер практики.

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

04 / От прототипа к системе

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

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

Галерея01 / 11
05 / Мобильный опыт

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

Внутренние страницы адаптировала по их назначению. Статье нужно пространство для чтения, контактам - ясная подача способов связи. Общий визуальный язык остается, но мобильная композиция учитывает, что именно человек делает на странице.

06 / Итог

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

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

Готовы начать?

Можно просто написать

Даже если пока нет четкого ТЗ. Разберемся вместе, что лучше сделать, как упростить и где усилить. Без лишнего и по делу

Портрет

Я не начинаю с визуала. Сначала разбираюсь, как человек будет пользоваться продуктом, где он может запутаться и что можно упростить