Внешний вид карточки ребёнка в личном кабинете родителя на портале Госуслуги

Общая структура и расположение элементов карточки

Основные блоки информации

Блок «Личные данные»

Блок «Личные данные» занимает центральное место в карточке ребёнка, открытой в личном кабинете родителя на портале Госуслуги. Поля размещаются в вертикальном ряду, каждый элемент отделён тонкой горизонтальной линией, что упрощает визуальное восприятие. Шрифт - стандартный системный, размер 14 пт, цвет #212121; заголовки полей выделены полужирным начертанием. Слева от списка находится небольшая фотография ребёнка, ограниченная круглой рамкой, под которой расположен индикатор статуса (активен/заблокирован).

Содержимое блока:

Фамилия, имя, отчество
Дата рождения
Пол
СНИЛС
Адрес регистрации
Контактный телефон родителей
Электронная почта
Фотография (загрузка через кнопку «Выбрать файл»)
Статус учётной записи

Каждое поле снабжено подсказкой‑примером, появляется подсказка при фокусе, а при вводе неверных данных появляется красный маркер и короткое сообщение об ошибке. Редактирование активируется иконкой карандаша, после внесения изменений появляется кнопка «Сохранить». При нажатии система проверяет обязательность полей, формат даты и корректность номера СНИЛС, после чего сохраняет данные без перезагрузки страницы.

Визуальная доступность обеспечена контрастом текста и фона, а альтернативный текст для фотографии содержит ФИО ребёнка и пометку «фото отсутствует», если изображение не загружено. Все интерактивные элементы имеют достаточный размер кликабельной зоны (не менее 44 px), что упрощает управление на мобильных устройствах.

Блок «Документы»

Блок «Документы» размещён в нижней части карточки ребёнка, визуально отделён тонкой горизонтальной полосой и имеет светлый фон, что подчёркивает его функциональное назначение. Каждая строка списка представляет отдельный документ, сопровождаемый иконкой типа файла и датой последнего обновления.

Паспорт ребёнка
Свидетельство о рождении
Справка из школы/детского сада
Медицинская карта
Договор об оказании услуг

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

Система проверяет формат (PDF, JPG, PNG) и ограничивает размер файла 5 МБ. При попытке загрузить неподходящий тип или превышающий лимит файл отклоняется, а пользователь получает короткое сообщение об ошибке. Все изменения фиксируются в журнале активности, доступном по ссылке «История изменений» в том же блоке.

Блок «Связанные услуги и сервисы»

Блок «Связанные услуги и сервисы» размещён в нижней части карточки ребёнка, сразу под основной информацией о возрасте, ФИО и статусе записи. Его цель - предоставить быстрый доступ к функциям, которые могут потребоваться родителю при работе с данными ребёнка.

Внутри блока отображаются:

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

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

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

Все связанные сервисы обновляются автоматически через API государственных систем, поэтому информация всегда актуальна без необходимости ручного обновления. Пользователь видит только те услуги, которые доступны для конкретного ребёнка, исходя из его возраста и статуса.

Элементы навигации и управления

Кнопки действий с карточкой

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

Редактировать - открывает форму изменения персональных данных (ФИО, дата рождения, пол, контактные данные). После внесения изменений система требует подтверждения, после чего данные сохраняются.
Удалить - инициирует запрос на удаление карточки. Перед выполнением появляется предупреждающее сообщение, подтверждающее намерения пользователя; после подтверждения запись исчезает из списка.
Просмотр деталей - разворачивает расширенный блок с полной информацией о ребёнке, включая привязанные документы, статус регистрации и историю изменений.
Прикрепить документ - открывает диалог загрузки файлов (скан паспорта, свидетельства о рождении, медицинские справки). Поддерживаются форматы PDF, JPG, PNG; размер файла ограничен 5 МБ.
Отправить уведомление - формирует готовое сообщение, которое будет направлено в личный кабинет родителя или на указанный email. Уведомление используется для информирования о предстоящих действиях (например, необходимости обновления данных).

Каждая кнопка имеет визуальное выделение: цвет фона соответствует действию (зеленый - сохранить изменения, красный - удалить, синий - открыть детали). Интерактивные подсказки появляются при наведении курсора, указывая назначение кнопки.

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

Ссылки на связанные разделы

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

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

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

Детализация информации в карточке ребёнка

Персональные данные

ФИО и дата рождения

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

ФИО выводится крупным шрифтом, выровненным по левому краю, что обеспечивает мгновенное распознавание.
Дата рождения расположена сразу под ФИО, менее крупным шрифтом, с форматированием «ДД.ММ.ГГГГ».
Оба поля находятся в единой цветовой блоке, отделённом от остальных разделов тонкой линией, что визуально группирует персональные данные.
При наведении курсора появляется подсказка с инструкциями по редактированию, а при нажатии открывается форма изменения данных.

Эти элементы позволяют родителю быстро проверить и при необходимости скорректировать основные сведения о ребёнке без перехода в другие разделы.

Место рождения

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

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

Параметры отображения:

Шрифт: Arial, размер 14 pt, цвет #333333.
Выравнивание: по левому краю, отступ 10 px от фотографии.
Ограничение длины: максимум 50 символов, чтобы избежать переноса на новую строку.

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

Гражданство

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

Содержание поля:

Полное название государства, указанное в официальных документах;
Краткая форма (двухбуквенный код ISO) при необходимости сверки с другими сервисами;
Дата последнего обновления информации.

Информация берётся из паспорта ребёнка, загруженного в систему, и автоматически синхронизируется с государственным реестром. При изменении гражданства родитель получает уведомление и может загрузить новые документы через кнопку «Обновить данные». После подтверждения изменения система мгновенно обновит отображаемое значение.

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

Информация о документах

Свидетельство о рождении

Свидетельство о рождении, прикреплённое к карточке ребёнка в личном кабинете родителя на портале Госуслуги, отображается в виде отдельного блока с фиксированным набором полей. В блоке указаны:

ФИО ребёнка, полностью соответствующее данным свидетельства;
Дата и место рождения;
Серия и номер документа;
Информация о родителях (ФИО, ИНН, контактные данные);
Статус регистрации (активен, ожидает подтверждения и тому подобное.);
Кнопка для скачивания оригинального PDF‑файла свидетельства.

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

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

СНИЛС

СНИЛС ребёнка отображается в карточке ребёнка, доступной в личном кабинете родителя на портале Госуслуги. Номер выводится в отдельном поле, выполненном крупным шрифтом, чтобы обеспечить мгновенную читаемость.

Формат представления: три группы цифр, разделённые пробелами (XXX XXX XXXXX). Перед номером размещён подпись «СНИЛС», что позволяет сразу идентифицировать тип данных.

При открытии карточки пользователь видит:

СНИЛС ребёнка;
Фамилия, имя, отчество;
Дата рождения;
Пол;
Идентификационный номер в системе (если имеется).

СНИЛС можно проверить, сравнив его с документом, выданным ПФР. При обнаружении несоответствия система предлагает редактировать данные через форму «Изменить сведения», после чего требуется подтверждение через электронную подпись или код из СМС. После подтверждения номер автоматически обновляется в карточке и сохраняет корректность отображения.

Полис ОМС

В личном кабинете родителя на портале Госуслуги каждая карточка ребёнка содержит блок с информацией о полисе ОМС. Блок размещён в верхней части карточки, сразу после данных о рождении и ФИО.

номер полиса, указанный крупным шрифтом без пробелов;
дата начала и окончания действия, выделены полужирным шрифтом;
название страховой организации, отображаемое в отдельной строке;
статус полиса (действителен, просрочен) с цветовым индикатором - зелёный для действующего, красный для просроченного;
ссылка «Скачать полис» в виде иконки PDF, расположенная справа от статуса.

Визуальное оформление использует фирменные цвета портала: фон блока светло‑серый, текст чёрный, индикатор статуса - ярко‑зеленый или ярко‑красный. Шрифт соответствует общему стилю интерфейса, размер обеспечивает читаемость на экранах разных устройств.

При нажатии на ссылку открывается документ в формате PDF, где указаны все реквизиты полиса. При истечении срока действия в карточке появляется кнопка «Продлить», позволяющая перейти к онлайн‑заполнению заявки. Интерактивные элементы работают как на десктопе, так и в мобильном приложении, обеспечивая быстрый доступ к полису ОМС без перехода в отдельные разделы сайта.

ИНН

ИНН ребёнка отображается в карточке профиля ребёнка, доступной в личном кабинете родителя на портале государственных услуг. Поле расположено в блоке «Идентификационные данные», сразу под ФИО и датой рождения. Формат номера - 12 цифр без пробелов и тире, что упрощает копирование в другие сервисы.

Для корректного ввода система проверяет:

соответствие длине 12 символов;
отсутствие букв и специальных знаков;
соответствие контрольного числа, рассчитываемого по официальному алгоритму.

Если проверка не пройдёт, поле выделяется красной рамкой, появляется подсказка с указанием ошибки. При правильном вводе ИНН сохраняется автоматически, становится доступен в режиме просмотра и в выгрузке данных в формате XML.

ИНН используется для:

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

Загранпаспорт

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

Номер загранпаспорта - цифры, расположенные в отдельной строке, выделены полужирным шрифтом.
Дата выдачи - указана под номером, формат ДД.ММ.ГГГГ.
Срок действия - отображается в виде диапазона «с … по …», цвет текста меняется при приближении к окончанию срока (зеленый → оранжевый → красный).
Статус - значок «активен», «истёк» или «на проверке», сопровождаемый короткой подписью.
Кнопка «Скачать копию» - расположена справа, при нажатии открывается PDF‑файл с изображением паспорта.

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

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

Дополнительная информация и функции

Привязка к образовательным учреждениям

Карточка ребёнка в личном кабинете родителя на портале Госуслуги включает сведения о привязке к образовательным учреждениям. При регистрации ребёнка в системе указывается учебное заведение, в которое он зачислен, и вводятся идентификационные коды (Код ОКР, номер класса, профиль). После подтверждения данных система автоматически связывает профиль ребёнка с выбранным учреждением.

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

В карточке отображаются следующие элементы, связанные с учебным учреждением:

название учебного заведения;
тип организации (школа, детский сад, лицей);
класс и профиль обучения;
контактные данные (адрес, телефон, электронная почта);
статус зачисления (активный, ожидающий подтверждения).

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

Информация о медицинских организациях

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

Наименование организации (полное официальное название);
ИНН/ОГРН (идентификационный номер);
Адрес (улица, дом, корпус, город, регион);
Телефон приёма (рабочие часы, номер телефона);
Электронная почта и ссылка на сайт организации;
Уровень лицензии (тип лицензии, срок действия);
Специализации, предоставляемые учреждением (педиатрия, стоматология и другое.).

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

Информация обновляется автоматически после изменения данных в реестре медучреждений. При необходимости родитель может запросить корректировку через кнопку «Сообщить об ошибке», которая отправляет запрос в службу поддержки портала. Таким образом, блок предоставляет полные и актуальные сведения о медицинской организации, связанной с ребёнком, без лишних переходов и дополнительных действий.

Раздел «Опека и попечительство» (при наличии)

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

Тип отношения - указание «Опека» или «Попечительство».
Состояние - статус «активно», «приостановлено», «завершено».
ФИО опекуна (попечителя) - фамилия, имя, отчество, а также ссылка на профиль опекуна.
Дата начала - дата вступления в силу полномочий.
Дата окончания - дата завершения (при наличии).
Документ, подтверждающий право - номер и дата выдачи свидетельства об опеке/попечительстве; при нажатии открывается электронный документ.
Контактные данные - телефон и электронная почта опекуна (попечителя), отображаются в виде иконок с быстрым доступом.

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

Визуальное оформление и пользовательский интерфейс

Цветовая гамма и шрифты

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

Светло‑голубой (#E0F4FF) - фон карточки, создаёт ощущение лёгкости.
Тёмно‑синий (#004080) - заголовки и важные метки, подчёркивает значимость.
Серый‑нейтральный (#F2F2F2) - разделительные линии и фон полей ввода, помогает визуально разграничить блоки.
Белый (#FFFFFF) - основной фон для текста, обеспечивает контрастность.

Шрифты подобраны для чёткого отображения на разных устройствах. Основной типографический набор:

Roboto Regular (weight 400) - основной текст, читаемость на небольших экранах.
Roboto Medium (weight 500) - подписи к полям и названия разделов, выделяет важные элементы.
Roboto Bold (weight 700) - заголовки карточки, привлекает внимание.

Размеры текста стандартизированы: 14 px для обычного контента, 16 px для подпунктов, 20 px для заголовков. Межстрочный интервал установлен в 1.5 em, что улучшает восприятие текста без перегрузки визуального пространства.

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

Иконки и иллюстрации

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

Иконки применяются для обозначения статусов и действий:

статус‑проверки (галочка, крестик);
тип документа (паспорт, свидетельство);
доступ к дополнительным сведениям (стрелка, «i» в кружке);
возможность редактирования (карандаш).

Иллюстрации заполняют пустые зоны, создают визуальное единство и поддерживают идентификацию ребёнка:

аватарка с фотографией, автоматически подгоняемая под квадратный формат;
тематические рисунки (школьный рюкзак, книги) в секции «Образование»;
значки сезонных акций (зимняя шапка, летний солнце) в разделе «События».

Требования к графическим элементам:

единый набор стилей (одинаковый угол скругления, толщина линии);
контрастные цвета, соответствующие фирменной палитре Госуслуг;
масштабируемость без потери качества (SVG‑формат);
альтернативный текст для скрин‑ридеров, обеспечивающий доступность.

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

Адаптивность отображения на различных устройствах

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

Ключевые элементы, которые меняются в зависимости от условий просмотра:

Контейнер: ширина задаётся в процентных значениях, что гарантирует растягивание или сжатие без потери структуры.
Изображения: используются атрибуты srcset и sizes, позволяющие подгружать оптимальные версии фото ребёнка для мобильных, планшетных и десктопных экранов.
Текст: размер шрифта регулируется через CSS‑переменные, привязанные к медиазапросам, что сохраняет визуальный баланс на разных разрешениях.
Кнопки и ссылки: минимальная площадь клика адаптируется под пальцы на сенсорных экранах, а на компьютерах сохраняет привычный размер мыши‑клика.
Отступы и сетка: гибкая система flex‑box и grid автоматически перестраивает блоки, исключая наложения и пустые зоны.

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

Тестирование проводится на типовых разрешениях: 320 px (смартфоны), 768 px (планшеты), 1024 px и более (ноутбуки, настольные ПК). Каждый вариант проверяется на корректность отображения всех полей карточки: ФИО ребёнка, дата рождения, фотография, статус и ссылки на услуги. При обнаружении отклонений корректируются медиазапросы или параметры гибкой сетки.

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