Фирменный стиль графики государственного сайта

Перед веб-студией ставилась цель - создать серию иллюстраций для размещения внутри контента государственного сайта юридического бюро (здесь кейс создания). Не секрет, что часто юридический слог и понятия бывают сложными для быстрого прочтения и восприятия. Известный факт, что 90% информации человек воспринимает через визуальный просмотр. Чтобы облегчит и разбавить сплошной текст описания на сайте было решено нарисовать в виде 2Д иллюстраций в современном стиле пачку картинок в раздел Порядок обращения - вроде как инструкция в картинках как получить бесплатную юридическую помощь.

Сложность, о которой молчит холст

Работа над этим проектом в очередной раз напомнила мне, что веб-дизайнер-иллюстратор — это не просто художник с планшетом. Это человек-оркестр на стыке эмпатии, юриспруденции и чистой режиссуры. Главная сложность была не в том, чтобы «нарисовать человечка», а в том, чтобы заставить этого нарисованного человечка прожить настоящую микро-историю в масштабах 300 на 200 пикселей.

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

И вот тут, пожалуй, стоит сказать о самом сложном и завораживающем навыке — умении рисовать людей в динамике. Потому что человек в динамике — это не поза, это намерение, застывшее в кадре.

Магия остановленного движения

Нарисовать идущего человека или фигуру, протягивающую руку, — этому можно научиться за пару месяцев в скетч-классе. Но нарисовать намерение — на это уходят годы насмотренности. Посмотрите на нашу иллюстрацию с лабиринтом кабинетов: здесь нет ни одного статичного манекена. Один персонаж чуть наклонил корпус вперед, показывая решимость, другой слегка отклонился назад в легком сомнении, выбирая нужную дверь. Это язык тела, переведенный на язык плоского 2D.

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

Эффект зеленой кнопки

В итоге родился стиль, который я называю «серьезная легкость». Мы доказали, что государственный сайт не обязан быть серым и нагонять тоску. Яркий зеленый сработал как сигнал «путь открыт», а динамичные, живые персонажи стали теми самыми адвокатами на этапе первого касания, которые говорят без слов: «Не бойтесь, здесь вам помогут, здесь все понятно и по-человечески».

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

Разовая графическая работа решила сиюминутные задачи заказчика. Но всегда важна ежемесячная техподдержка и обновление графического контента для соответствия такому понятию SEO-оптимизации как «актуальность информации, вовлеченность пользователя и глубина просмотра». Чем интереснее подана информация, а разглядывать картинки ведь мы любим с детства, тем дольше пользователь находится на сайте, тем выше ранжируется такой сайт. И в целом вся вроде ненужная работа по наполнению сайта иллюстрациями работает на цель SEO-улучшения поисковых позиций.

Метафора живого организма

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

Так и с юридическим сайтом. Законодательство меняется, появляются новые формы обращений, вводятся свежие регламенты — и вот уже вчерашняя актуальная иллюстрация业务流程а диссонирует с реальностью. Пользователь этого может даже не осознать рационально. Но эмоционально он почувствует фальшь: что-то здесь не так, что-то устарело.

Синергия красоты и алгоритмов

И здесь мы подходим к той точке, где чистый дизайн пожимает руку чистому маркетингу. Поисковые роботы сегодня уже достаточно умны, чтобы считывать поведенческие факторы. Когда посетитель задерживается на странице, разглядывая нашу женщину с лупой или пробегая глазами по стрелочкам навигации по кабинетам, — для Яндекса и Google это сигнал: «Контент релевантен. Пользователь вовлечен. Поднимем-ка этот сайт повыше».

В этом и заключается та самая «ненужная», на первый взгляд, работа. Дизайнер-иллюстратор, который ведет проект на постоянной основе, становится тихим архитектором SEO-успеха. Он не просто рисует красивые обновления. Он анализирует тепловые карты кликов, смотрит, какие иллюстрации задерживают взгляд, а какие пользователь пролистывает равнодушно, и на основе этих данных дорабатывает визуальный нарратив. Это уже не графика ради графики — это проектирование пользовательского опыта.

Возвращаясь к людям в динамике

Кстати, именно в регулярной техподдержке мастерство рисования людей в динамике раскрывается на полную. Разово можно нарисовать идеальную фигуру. Но когда месяц за месяцем нужно создавать новые сценки, сохраняя при этом анатомию, характер движений и фирменную пластику одних и тех же «сквозных» персонажей — вот это высший пилотаж. Чтобы мужчина из «хаоса документов» в новой иллюстрации через полгода остался узнаваемым, хотя теперь он уже уверенно держит папку в руке и заходит в зал суда. Это целая визуальная биография, которую мы, сами того не замечая, рассказываем постоянным посетителям сайта. И подсознательно люди считывают эту историю: «Смотри-ка, он справился. Значит, и я справлюсь».

Так что ежемесячная поддержка — это не просто строчка в договоре. Это возможность для бренда дышать. А для нас, дизайнеров, — шанс превратить сиюминутную задачу в долгоиграющую историю успеха, которая и клиенту помогает расти в поиске, и пользователю — с каждым визитом чувствовать, что о нем позаботились. Ведь, положа руку на сердце, именно этого мы все ждем, заходя на государственный сайт: чтобы кто-то позаботился. Пусть даже через улыбчивого зеленого человечка и три лаконичные стрелочки к кабинету номер пять.

Напоследок мысли на будущее

Было круто вспомнить как шла работа, обернуть графику в экспертность в слова. Честно говоря, мне кажется, дизайнеров вообще незаслуженно редко хвалят — все воспринимают красивую картинку как что-то само собой разумеющееся, будто она по волшебству возникла, а не родилась в муках творческого поиска на стыке композиции, анатомии и юридического регламента. Можно многое написать ещё — про UX, про боль клиента или про «кухню» веб-иллюстрации —надо бы найти время и продолжить мысль!