Мы разработали интерфейсы личного кабинета и дизайн сервиса для родителей, который позволяет в режиме реального времени посмотреть всё, что связано с организацией питания в школах.
Заказчик
«И-Сеть» — оператор электронной системы «Екарта», которая используется для оплаты проезда в общественном транспорте Екатеринбурга, а также в школах: как пропуск на входе и для оплаты обедов.
Задача
В самом Екатеринбурге и Каменске-Уральском обучается более 207 тысяч школьников.
Перед нами стояла задача – разработать интерфейсы и дизайн сервиса, который предоставит родителям возможность управлять лицевым счетом ребенка в личном кабинете на сайте и/или в мобильном приложении, а также создать информативную главную страницу, которая расскажет о возможных способах оплаты школьного питания онлайн.
Решение
Для нас проект стал возможностью изменить к лучшему то, чем постоянно пользуются тысячи людей. Но самое ценное, что мы сами – эти люди: такие же родители и жители города.
В процессе работы мы:
- Проработали пользовательские сценарии;
- Разобрали все барьеры, которые могут возникнуть при выборе онлайн-способа оплаты;
- Сделали дизайн главной, которая помогает преодолеть выявленные барьеры;
- Разработали интерфейсы для личного кабинета сервис;
- Адаптировали их для десктопа, планшета и мобильных устройств
- Продумали, как будут изменяться интерфейсы по мере развития сервиса и появления новых функциональных возможностей.
После регистрации в сервисе, родители могут:
1. Просматривать актуальный лицевой счёт ребёнка по питанию в школе;
2. Отслеживать все операции по счету: как расходные, так и доходные;
3. Пополнять счет любым удобным способом без бумажных квитанций;
4. И даже просматривать меню и отслеживать, что их ребенок ел сегодня, и что запланировано по меню на ближайшие дни.
В процессе работы у нас, как у родителей, возникло множество инсайтов. Например, мы узнали, что для оплаты школьного питания существует два разных счета: один — для основного питания ребенка, другой — для буфета. Каждый из этих счетов может быть либо активным, либо заблокированным. Мы отразили это в интерфейсах, чтобы каждый родитель понимал, что так бывает!
Очень часто дизайнеры страдают от того, что не могут пощупать результаты своего труда, потому что сервисы слишком большие или, наоборот, слишком нишевые и не для открытого пользования. А это проект наглядное подтверждение, что мы действительно можем и влияем на повседневную жизнь большого количества людей. И меняем ее в лучшую сторону. И для себя, и для других, и для себя в будущем.
— Максим Смирнов, арт-директор JetStyle
Процесс
1. Карта барьеров и переходов
Мы подключились к проекту на этапе, когда коллеги провели всю необходимую аналитику. Это позволило нам создать карту барьеров и переходов, чтобы впоследствии разработать главную страницу сервиса, которая действительно отвечает на многие вопросы пользователей.
2. Проектирование и дизайн
Затем мы приступили к проработке всех пользовательских сценариев, созданию прототипов и дизайну разделов:
- Вход
- Регистрация
- Настройка профиля
- Личный кабинет с отображением состояния лицевого счета
- Непосредственно интерфейс оплаты
Адаптировали все экраны для десктопов, планшетов и мобильных – чтобы везде сервис отображался корректно.
В качестве референсов использовали сайты и приложения: Госуслуги, налог.ру, Альфа-Банк, Капитал Групп, личный кабинет УГМК-Здоровье, QIWI и ЮMoney.
3. UI-kit
Собрали UI-kit со всеми элементами интерфейсов.
Разработкой занимались не мы, а наши коллеги из Экстрим СОФТ, поэтому нам было важно передать всю информацию для последующей работы в максимально удобном виде.
4. Проработка вариантов развития сервиса
Мы отдельно проработали варианты развития сервиса и спроектировали интерфейсы так, что при расширении функциональных возможностей их не нужно будет перепридумывать и перепроектировать.
Возможности для расширения:
- Статистика по лицевому счету — суммы и цели расходования средств;
- Просмотр меню и выбор вариантов питания;
- Поддержка сервисов для пользователей, включая:
- Подачу жалоб на качество питания,
- Запрос на диетическое питание,
- Обращения по вопросам неправомерного списания средств,
- Возможность возврата излишне уплаченных средств и другие функции.
Результат
В результате мы разработали интерфейсы личного кабинета и дизайн сервиса для родителей, который позволяет в режиме реального времени посмотреть всё, что связано с организацией питания в школах Екатеринбурга и Каменск-Уральского.
Кроме того, одной из задач было сделать оплату государственных услуг понятной, легкой и удобной. Считаем, что вместе с коллегами мы успешно справились с этим.
