ВЕРСТА
Заказать звонок

Концепт-редизайн приложения · 2026

Госуслуги

Клиент
Авторский концепт VERSTA
Тип
Концепт-редизайн приложения
Год
2026

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

Открыть проект Обсудить задачу
Проект «Госуслуги» — превью

01 — Прототип

Живой прототип

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

Живой прототип

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

Открыть прототипВеб-версия шага

Концепт редизайна. Не является официальным приложением Госуслуги

02 — Задача

Задача

Госуслугами пользуются не меньше 60 млн человек в месяц — это данные Минцифры за июль 2025 года. Запись к врачу — одна из самых частых услуг и одна из самых раздражающих

«Постоянно меняют форму записи. То новый дизайн, то старый дизайн оформления записи к врачам»

Отзыв в RuStore, сентябрь 2026

Мы не трогали то, что задаёт ведомство: расписание, прикрепление, правила записи. Всё, что написано в прототипе, взято из справки портала дословно. Поменялось другое — то, как сценарий ведёт человека и что он видит, когда что-то не получается

03 — Аудит

Аудит: девять проблем с доказательствами

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

  1. U1

    Поиск не находит услугу

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

    Услуга первой строкой, справка — ниже

  2. U2

    Форма меняет вид

    Из отзыва: то новый дизайн, то старый, и в старом можно записаться только к участковому

    Один скелет шагов 01–04 с неподвижным индексом

  3. U3

    Запись нельзя перенести

    «Перенести запись на Госуслугах не получится. Её можно только отменить и записаться заново»

    «Перенести» из двух операций, которые портал уже умеет

  4. U4

    Причины отказа — в справке

    «Сведения о пациенте не найдены», «Нет доступных врачей…» живут в статье, а не в форме

    Каждая причина — состояние на своём шаге, словами портала

  5. U5

    Мелкие кнопки

    «Каталог» 24×24, «Войти» 45×24, «Очистить поле» 24×24, в профиле кнопка закрытия 12×12

    Все цели от 44×44, главное действие — 52 px внизу

  6. U6

    Градиент и заглушки вместо главной

    Через 9 секунд после загрузки на телефоне — серые блоки на сине-голубом градиенте

    Главная начинается с поиска и ближайшей записи

  7. U7

    Робот поверх текста

    Робот Макс закрывает текст справки внизу экрана

    Макс — кнопка в нижнем меню, как в приложении

  8. U8

    Выбор врача вслепую

    Какой терапевт ваш участковый, справка предлагает узнать в поликлинике

    Подсказка и телефон — прямо на шаге выбора врача

  9. 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 — Ход работы

Что было и что сделали

Задача

С чего начали

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

Решение

Что изменили

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

09 — Цифры

Что можно посчитать

11экранов и 26 состояний в прототипе
203 / 203проверок стилей по спецификации
140шагов сценария в браузере, без ошибок

10 — Что входило

Состав работы

  • Исследование и структура
  • Арт-дирекшн
  • UX/UI-дизайн
  • Разработка и запуск

Технологии, на которых собран проект.

ViteHTMLCSSJavaScriptWeb Animations APILatoPT Mono

Границы кейса

Что показывает эта страница

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

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

Следующий кейсПромо-сайт бренда · 2026 ИВА Проект «ИВА» — превью

Создадим продукт, который хочется показывать.

Расскажите о задаче — вернёмся с вопросами и первым направлением решения.

Начать проект

Следующий шаг · ВЕРСТА

Есть задача? Начнём с разговора.

Поможем разобраться в задаче и определить следующий шаг. Без обязательств и готового ТЗ.

Заказать звонок

В рабочее время · обычно в тот же день