Институт развития семейного устройства (ИРСУ) — экспертный центр в сфере помощи детям-сиротам и приёмным семьям, созданный при участии Людмилы Петрановской. За 13 лет работы ИРСУ сформировал устойчивое сообщество из профессионалов (кураторов, психологов), приёмных родителей и волонтёров. Однако, при высоком уровне экспертизы и доверия аудитории, визуальная идентичность и цифровые коммуникации ИРСУ развивались фрагментарно. Сайт выполнял скорее информационно-отчётную функцию. Ключевые проекты ИРСУ (обучение специалистов, поддержка семей, просветительская рассылка) нуждались в единой узнаваемой упаковке, способной транслировать системность подхода и одновременно — человечность, необходимую в этой деликатной сфере.
Что было нужно
Провести полное переосмысление сайта: от информационной платформы к функциональному пространству обучения для взрослой аудитории. Ключевая задача — перенести атмосферу физического присутствия и живого взаимодействия, присущих ИРСУ, в цифровую среду, обеспечив сквозную логику связей между пользователями, экспертами и контентом.
Что в итоге
Для этого выполнено полевое исследование с погружением в среду института: знакомство с командой, анализ пространств, сбор тактильных артефактов (открытки и мерч с иллюстрациями, грифельная доска с именами усыновлённых детей, дашборды, уютные кресла-подушки, домашняя атмосфера, все ходят в тапочках или босиком). Выявлены аутентичные визуальные коды-метафоры «института» в его прямом значении, задающая тон всей визуальной системе.
На основе наблюдений за характером работы во время мастер-классов сформулирована концепция, построенная на рукописной эстетике. Паттерн в клетку (аналогия тетради) использован как структурный элемент интерфейса, формирующий ощущение учебного процесса без избыточной строгости. Грифельная доска интегрирована в FR-модуль — её эмоциональная нагрузка работает на вовлечение без потери функциональности.
В рамках коллаборации с дружественным ИРСУ иллюстратором Анной Десницкой существующий набор иллюстраций дополнен новыми сюжетами. Это позволило унифицировать визуальный язык во всех значимых блоках сайта. Колористика (светлая пастельная), скруглённая геометрия и бенто‑сетка, напоминающая органайзеры и дашборды, решили задачу создания комфортной, ненавязчивой среды для взрослого пользователя, снижающая когнитивную нагрузку и сохраняющая эмоциональную теплоту бренда.
Ключевые изменения:
Архитектура и навигация.
Вместо организационной логики («отделы института») внедрена сценарная навигация, сгруппированная вокруг ключевых пользовательских ролей: специалист, приёмный родитель, жертвователь. Это сократило путь к целевым материалам и повысило релевантность контента для каждой аудитории.
Визуальная система.
Разработан целостный визуальный язык, объединивший все разделы. Паттерн в клетку (отсылка к тетради) выполняет структурную функцию, организуя контент без избыточной жёсткости. Грифельная доска, интегрированная в FR-модуль, работает как эмоциональное ядро — фиксирует живую традицию института и создаёт точку антропоморфной связи с пользователем.
Иллюстративный ряд.
Коллаборация с Анной Десницкой позволила систематизировать существующие работы и дополнить их новыми сюжетами, закрыв все значимые зоны интерфейса. Иллюстрации теперь работают не как декоративный элемент, а как навигационные якоря и эмоциональные триггеры.
UX и когнитивная эргономика.
Бенто-сетка (аналог органайзера), скруглённая геометрия блоков и светлая пастельная палитра снижают визуальный шум и когнитивную нагрузку — критически важный фактор для взрослой аудитории, которая часто совмещает обучение с высокой эмоциональной вовлечённостью. Формат подачи контента приближен к дашбордам, что интуитивно понятно современному пользователю.
Единая экосистема.
Сайт теперь работает как сквозной инструмент, связывающий обучение специалистов, поддержку приёмных семей и коммуникацию с донорами. Визуальные и структурные решения, найденные в физическом пространстве института, перенесены в цифровую среду, создав эффект «присутствия» и укрепив связь между офлайн-идентичностью ИРСУ и её онлайн-коммуникациями.
1
2
3
4
5
6
7
8
9
10
11
12
13
Команда
Арт-дирекшн, концепт-идея, дизайн основных экранов
Лена Макурина
ИРСУ team:
Марина Иванова, Дина Магнат, Людмила Петрановская, Анастасия Евсеевичева
Марина Иванова
Главный редактор и автор публикаций сайта ИРСУ. Автор и ведущая подкаста «Чейные дети».
Наш новый сайт вызывает непреодолимое желание
показывать его друзьям, коллегам, клиентам и всем, кто не успел спрятаться.
Нам понравился и результат, и процесс.
Вот 4 самых запомнившихся достоинства работы с коллегами:
1. Было приятное ощущение удовлетворения, что нас поняли, услышали,
в нас вникли. В процессе мы и сами себя, похоже, поняли немного лучше.
2. Вдумчиво и осмысленно, мы плясали от печки зачем, выстраивая цельную
систему, в которой разноуровневые элементы связались и теперь работают
на оказание услуг, репутацию, фандрайзинг и прозрачность.
3. Внимание к нюансам, к самым необычным даже небольшим задачам,
которые сайт должен решать. Готовность подстроить сайт под нас,
а не ожидание, что мы подстроимся под сайт.
4. Тактичность, спокойствие, выдержка в ответ на нашу неопределённость,
перемены планов и несогласованность. Дипломатическое мастерство в большом проекте,
похоже, не менее важно, чем дизайн и программирование —
получилось безупречно.
