Инициативный концепт записи к врачу на Госуслугах: живой прототип телефона и веб-версия шага на настоящем бренде портала — логотип, цвета и шрифт Lato, тексты из справки. Не является официальным приложением Госуслуги.
Через Госуслуги записываются к врачу миллионы людей, а в отзывах пишут одно и то же: форма меняется, поиск её не находит, перенести запись нельзя, а причины отказа спрятаны в справке. Мы пересобрали этот сценарий целиком — от поиска до переноса и отмены — на настоящем бренде портала
Живой прототип
Всё нажимается: поиск, форма с проверкой полей, выбор врача и времени, запись, перенос и отмена. Данные вымышленные и живут только в этой вкладке
Концепт редизайна. Не является официальным приложением Госуслуги
02 — Задача
Задача
Госуслугами пользуются не меньше 60 млн человек в месяц — это данные Минцифры за июль 2025 года. Запись к врачу — одна из самых частых услуг и одна из самых раздражающих
«Постоянно меняют форму записи. То новый дизайн, то старый дизайн оформления записи к врачам»
Мы не трогали то, что задаёт ведомство: расписание, прикрепление, правила записи. Всё, что написано в прототипе, взято из справки портала дословно. Поменялось другое — то, как сценарий ведёт человека и что он видит, когда что-то не получается
03 — Аудит
Аудит: девять проблем с доказательствами
Каждую проблему можно проверить: снимки портала, текст справки, строки из таблицы стилей или отзыв. Каждой соответствует экран в прототипе
U1
Поиск не находит услугу
По запросу «запись к врачу» портал показывает статьи справки, а самой услуги в выдаче нет
Услуга первой строкой, справка — ниже
U2
Форма меняет вид
Из отзыва: то новый дизайн, то старый, и в старом можно записаться только к участковому
Один скелет шагов 01–04 с неподвижным индексом
U3
Запись нельзя перенести
«Перенести запись на Госуслугах не получится. Её можно только отменить и записаться заново»
«Перенести» из двух операций, которые портал уже умеет
U4
Причины отказа — в справке
«Сведения о пациенте не найдены», «Нет доступных врачей…» живут в статье, а не в форме
Каждая причина — состояние на своём шаге, словами портала
Через 9 секунд после загрузки на телефоне — серые блоки на сине-голубом градиенте
Главная начинается с поиска и ближайшей записи
U7
Робот поверх текста
Робот Макс закрывает текст справки внизу экрана
Макс — кнопка в нижнем меню, как в приложении
U8
Выбор врача вслепую
Какой терапевт ваш участковый, справка предлагает узнать в поликлинике
Подсказка и телефон — прямо на шаге выбора врача
U9
Где теперь запись
Как проверить запись — отдельная статья справки
Экран успеха ведёт к записи, она же — на главной
04 — До и после
Было и стало
Слева — gosuslugi.ru на телефоне 25 сентября 2026 года, справа — тот же момент в концепте
Поиск. На портале по запросу находятся только статьи. В концепте услуга стоит первой, справка идёт под меткой «Справка»
Ошибки. На портале причины отказа собраны в статье справки. В концепте каждая появляется на своём шаге с тем же текстом и следующим действием
Главная. Вместо заглушек на градиенте — поиск, ближайшая запись и быстрые услуги
05 — Система
Дизайн-система
У каждого значения есть происхождение: бренд — считано со стилей портала, система — шкала, ритм и движение, связка — выведено из обоих
Цвет
Чернила#0B1F33бренд
Госсиний#0D4CD3бренд
Нажатие#0B40B3бренд
Выбор#E4ECFDбренд
Линия#E5EAF5связка
Ошибка, текст#E11432бренд
Успех, текст#12826Eбренд
Подпись#66727Fбренд
Синий значит «здесь можно действовать» — и больше ничего. Его доля в окрашенном тексте — около 5%. Градиент портала мы убрали. Красный бренда (#EE3F58) даёт на белом только 3,83:1, поэтому текст ошибки набран более тёмным красным из той же палитры портала
Шрифт
48 / 48 · Lato 70009:20
33 / 36 · Lato 700Вы записаны на приём
23 / 28 · Lato 700Врач и время
16 / 24 · Lato 400Записать можно себя, ребёнка и другого человека
12 / 16 · PT Mono04 / 04 · Врач и время
Lato — настоящий шрифт портала: мы взяли его версию 2.015 с полной кириллицей, её отдаёт сам gosuslugi.ru. В Google Fonts у Lato кириллицы нет. Моно-метки набраны PT Mono из семейства «Общедоступные шрифты народов России»: отношение высоты строчных к прописным у него 0,714 против 0,707 у Lato, поэтому метки стоят с текстом на одной оптической линии
Компоненты
Талон — тёмная панель результата с вырезами на линии отрываСетка времени — ячейки на волосяных линиях, крестики на пересечениях. Занятое время зачёркнуто, а не спрятано
06 — Движение
Движение
Длительности и кривые — из одной измеренной системы, а не подобраны на глаз. У каждого события в приложении своё движение, и ни одно не мешает нажать кнопку: заголовок проявляется цветом, текст читается с первого кадра
Заголовок экрана. Буквы идут от серого через синий к чернилам: 500 мс, шаг 14 мсПереход вперёд. 600 мс, cubic-bezier(.19, 1, .22, 1); прежний экран уходит на 24% и гаснетЗагрузка списка. Строки через 40 мс — втрое медленнее букв, потому что строка втрое тяжелееПричина отказа. Лист поднимается за 600 мс, затемнение — за 300 мс
Выбор времени → талон → «Вы записаны на приём»Перенос: день прежней записи закрыт по правилу порталаНет времени: причина словами портала и телефон
07 — Проверка
Как проверяли
203/203проверок вычисленных стилей по спецификации, ноль расхождений
140шагов сценария в браузере — на ширине 360, 390, 393 и 430
100доступность в Lighthouse на телефоне
96производительность в Lighthouse на телефоне
Все цели нажатия — от 44×44. Все пары текста и фона проходят WCAG AA. Интерфейс работает с клавиатуры, а при системной настройке «уменьшить движение» анимации отключаются
Концепт редизайна. Не является официальным приложением Госуслуги. Логотип и цвета принадлежат порталу, тексты взяты из его справки, данные в прототипе вымышлены
08 — Ход работы
Что было и что сделали
Задача
С чего начали
Запись к врачу — одна из самых частых услуг Госуслуг и одна из самых раздражающих: поиск не находит её, форма меняет вид, перенести запись нельзя, а причины отказа спрятаны в справке. Нужно было исправить путь, не трогая того, что задаёт ведомство.
Решение
Что изменили
Один скелет из четырёх шагов с неподвижным индексом, сетка времени на волосяных линиях, талон записи, каждая ошибка — на своём шаге словами портала, перенос из двух операций, которые портал уже умеет. Всё проверено по спецификации в браузере на четырёх ширинах телефона.
Снимки сделаны с работающего проекта, а не с макета. Показываем интерфейс и решения, которые сделали сами.
Результат кейса — выпущенный интерфейс. Изменение числа заявок, выручки и позиций в поиске мы этой работой не измеряли и не приводим. Полоса с цифрами появляется только там, где измерение действительно есть.
