---
updateDate: 2026-02-05T00:00:00Z
publishDate: 2024-09-27
publishYear: 2023
name: Контроль Патент
title: Интерфейс мобильного приложения для работы с трудовыми патентами
excerpt: Создали дизайн нового мобильного приложения для работы с трудовыми патентами.
context: |
Компания [Data Solution](https://datasolution.team/) (наш очень старый клиент). Их специализация — IT-решения для автоматизации контролирующих органов (гос и не только). Мы [не в первый раз](https://sobakapav.ru/portfolio#ds) работаем с ними — у нас больше 15 совместных проектов, в том числе [интерфейс сервиса для управления госреестрами](https://sobakapav.ru/portfolio/control) и [дизайн приложения](https://sobakapav.ru/portfolio/control-mobile) для подрядчиков бюджетных организаций, [конструктор коммерческих презентаций](https://sobakapav.ru/portfolio/data-solution) и [мобильное приложение для работы с предписаниями](https://sobakapav.ru/portfolio/control-predpisanie).
image: ~/assets/images/portfolio/control-patent/main.png
imageAlt: Собака Павлова • Контроль • Интерфейс мобильного приложения для работы с трудовыми патентами
thumbnail:
src: ~/assets/images/portfolio/cards/control-patent.svg
alt: Собака Павлова • Контроль • Интерфейс мобильного приложения для работы с трудовыми патентами
logo:
src: ~/assets/images/portfolio/control/logo.svg
alt: Контроль • Логотип
link: https://datasolution.team/
tags:
- gos
- ux-design
- ux-outsource
- mass
- mob
- control
relatedPages:
- text: |
### Вам нужен интерфейс?
#### Заказать дизайн
Напишите нам на [we@sobakapav.ru](mailto:we@sobakapav.ru)
#### Что мы можем сделать?
[UX-дизайн под ключ](/services/ux-design), как в этом кейсе. И [многое другое](/services).
collection: services
page: ux-design
- text: |
### Хотите уметь так же?
Научим создавать хорошие интерфейсы.
collection: promo
page: mio
relatedPages2:
- text: |
### Похожие проекты
collection: portfolio
page: smartdeal-ecp
- collection: portfolio
page: control-forest
- collection: portfolio
page: data-solution
- collection: portfolio
page: control-mobile
- collection: portfolio
page: gormost
- collection: portfolio
page: trash
- collection: portfolio
page: smartdeal
- collection: portfolio
page: lantapro
outcome:
title: Некоторые цифры
numbers:
- title: Собрали библиотеку компонентов
number: для 2 мобильных платформ
text: Android и IOS
- title: После внедрения приложения
number: "> 75% трудовых мигрантов"
text: перестали испытывать сложности с оплатой патентов
- title: Через 6 месяцев после внедрения
number: 180 тысяч мигрантов
text: пользуются приложением
text2: Наша команда не просто создала новый интерфейс — мы помогли клиенту сделать работу с продуктом проще и эффективнее, что напрямую повлияло на бизнес-результаты.
result:
- src: ~/assets/images/portfolio/figma.svg
text: Покажем из рук в руки и расскажем ещё больше
link: "mailto:we@sobakapav.ru"
budget: 450 000 ₽
time: 1,5 месяца
review:
text: На время ковида и локдауна развитие проекта было приостановлено из-за ограничений на въезд. Сейчас приложение работает, им пользуются более 180 тысяч мигрантов. Планируем внедрить монетизацию и развивать продукт дальше.
photo: ~/assets/images/portfolio/control-patent/person.jpg
person: Николай Грачев
position: директор Data Solution
director: "Дизайн помогает соблюдать законы и платить налоги без знания языка"
metadata:
canonical: https://sobakapav.ru/portfolio/control-patent
title: Мобильный интерфейс • Приложение для работы с трудовыми патентами (кейс)
description: "Создали дизайн нового мобильного приложения для работы с трудовыми патентами."
robots:
index: true
follow: true
openGraph:
site_name: Собака Павлова
images:
- url: '~/assets/images/portfolio/control-patent/badge.png'
width: 1200
height: 630
---
import Image from '~/components/common/Image.astro';
import TOC from '~/components/widgets/TOC.astro';
<TOC>
[Бизнес-задача](#anchor1) • [Дизайн-задача](#anchor2) • [Результат](#anchor3) • [Интерфейсные решения](#anchor4) • [Оплата](#anchor5) • [Подтверждение](#anchor6) • [Авторизация](#anchor7) • [Напоминания](#anchor8) • [Платформа и язык](#anchor9) • [Отзыв, цены, сроки](#anchor10)
</TOC>
## <a name="anchor1" />Бизнес-задача
Государство собирает с безвизовых трудовых мигрантов ежемесячную плату за патент — документ, который дает право работать на территории России. И государство старается максимально упростить процедуру оплаты патента.
<div class="flex gap-2 flex-wrap"><Image src="~/assets/images/portfolio/control-patent/0-1.png" alt="Приложение для работы с трудовыми патентами. Патент" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/0-2.png" alt="Приложение для работы с трудовыми патентами. Обратная сторона патента" class="min-w-72 grow shrink basis-0" /></div>
Существует проблема: не каждый мигрант знает русский язык.
Новое приложение поможет пользователям отчитываться о выполнении предписаний по устранению недостатков без визитов инспекций и инспекторов.
## <a name="anchor2" />Дизайн-задача
Компания Data Solution обратилась к нам, чтобы мы разработали дизайн-решение для Android-смартфонов, которое поможет мигрантам оплачивать патенты через банкомат, приложение банка или с помощью сотрудника отделения — даже без знания русского языка.
## <a name="anchor3" />Результат
Приложение-инструкция с генератором QR-кодов, которое поможет человеку, не знающему русского языка, оплатить патент.
Пользователю достаточно в приложении набрать цифрами сумму оплаты и приложение создаст QR-код для оплаты. Затем нужно показать экран с QR-кодом сотруднику банка или в камеру банкомата и после оплаты сфотографировать чек и загрузить его в приложение.
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/control-patent/1-1.png" alt="Приложение для работы с трудовыми патентами. Генерируется код" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/1-2.png" alt="Приложение для работы с трудовыми патентами. Оплата" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/control-patent/1-3.png" alt="Приложение для работы с трудовыми патентами. Логин и пароль" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/control-patent/1-4.png" alt="Приложение для работы с трудовыми патентами. Успех" class="min-w-72 grow shrink basis-0" /> </div>
### <a name="anchor4" />Интерфейсные решения
В приложении для мигрантов есть карта с расположением отделений банков и банкоматов, а также медицинских учреждений и отделений полиции.
Мы использовали наработки из прошлых проектов с Data Solution, чтобы сделать дизайн карточек объектов для нового приложения. Для заказчика и разработчиков это тоже было удобно — связанные между собой приложения были в едином стиле.
<div class="flex gap-2 flex-wrap"> <Image src="~/assets/images/portfolio/control-patent/2-1.png" alt="Приложение для работы с трудовыми патентами. Карта" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/2-2.png" alt="Приложение для работы с трудовыми патентами. Карта" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/control-patent/2-3.png" alt="Приложение для работы с трудовыми патентами. Карта" class="min-w-72 grow shrink basis-0" /> <Image src="~/assets/images/portfolio/control-patent/2-4.png" alt="Приложение для работы с трудовыми патентами. Карточка организации" class="min-w-72 grow shrink basis-0" /></div>
### <a name="anchor5" />Простая оплата
Достаточно показать в камеру QR-код, и оплата пройдет автоматически. Внутри кода уже зашифрована сумма платежа. Если ее изменить, QR-код тоже поменяется.
<div class="flex gap-2 flex-wrap"><Image src="~/assets/images/portfolio/control-patent/3-1.png" alt="Приложение для работы с трудовыми патентами. Оплата" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/3-2.png" alt="Приложение для работы с трудовыми патентами. Ввод суммы" class="min-w-72 grow shrink basis-0" /></div>
### <a name="anchor6" />Подтверждение оплаты
Государственные системы пока не успели связать в единый механизм базу данных мигрантов, систему генерирования QR-кодов в приложении и онлайн-платежи. Поэтому пользователь должен прикреплять банковские чеки в приложении, чтобы подтверждать платежи. Вынужденная кибербюрократия.
<div class="flex gap-2 flex-wrap"><Image src="~/assets/images/portfolio/control-patent/4.png" alt="Приложение для работы с трудовыми патентами. Загрузить фото чека" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/5.png" alt="Приложение для работы с трудовыми патентами. История платежей" class="min-w-72 grow shrink basis-0" /></div>
Мы предельно упростили процедуру, но на «другом конце» всё равно кто-то должен проверять чеки: модератор или нейросеть, чтобы избежать риска загрузки одного и того же чека разными людьми.
За помощью в разработке подобной нейросети мы посоветовали «Контролю» обратиться к российским разработчикам [ABBYY Finereader](https://www.abbyy.com/) и [Miro](https://miro.com/) — у обеих компаний есть технологии распознавания текста.
### <a name="anchor7" />Авторизация по телефону и синхронизация с базой данных мигрантов
В приложении нет регистрации. Пользователи регистрируются сразу в органах миграции — там им выдают пароль, привязанный к номеру телефона. Их и нужно ввести при авторизации.
<div class="flex gap-2 flex-wrap"><Image src="~/assets/images/portfolio/control-patent/6.png" alt="Приложение для работы с трудовыми патентами. Экран смены пароля" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/6-1.png" alt="Приложение для работы с трудовыми патентами. Экран смены пароля" class="min-w-72 grow shrink basis-0" /></div>
Заполнять данные о себе в приложении не надо — все подтянется само из баз данных органов миграционного учёта. Отредактировать такие данные нельзя, но можно загрузить фотографию.
<div class="flex gap-2 flex-wrap"><Image src="~/assets/images/portfolio/control-patent/7-1.png" alt="Приложение для работы с трудовыми патентами. Загрузить фото" class="min-w-72 grow shrink basis-0"/> <Image src="~/assets/images/portfolio/control-patent/7-2.png" alt="Приложение для работы с трудовыми патентами. Кадрирование" class="min-w-72 grow shrink basis-0" /></div>
### <a name="anchor8" />Чем ближе дата, тем краснее напоминание
Пользователь может не владеть русским. Красный цвет объяснит без слов, что нужно поскорее заплатить за патент.
### <a name="anchor9" />Выбор мобильной платформы
Сейчас приложение предназначено только для Android, потому что аудитория приложения редко пользуется айфонами.
Однако на всякий случай сделали компоненты и для IOS — для ускорения разработки будущей айфонной версии приложения.
### Будет перевод
Мы делали интерфейс на русском, но разработчики собирались позже перевести его на родные языки пользователей.
### <a name="anchor10" />