Шапка
Номер договора, место и дата, название документа капителью. Номер и название — поля шаблона.
Как игра превращается в подпись
Виджет проходит пять состояний — от появления окна до отрисованной подписи в документе. Ниже видно, что происходит на каждом шаге и что при этом пишется в журнал.
01событие: opened
Окно появляется
Через секунд после загрузки страницы либо по клику на вашу кнопку. Внутри — заголовок варианта A или B, три пункта объяснения и кнопка «Взять пулемёт».
02событие: played
Поле тира и курсор-прицел
Canvas 900×560 растянут по ширине окна. Движение мыши рождает точки росчерка: не чаще одной на 26 миллисекунд, с разбросом ±3 пикселя. Между точками линия достраивается, чтобы след не рвался на быстрых движениях.
03событие: cleared
Очередь, патроны, очистка
Лента на 200 патронов: каждый патрон = точка росчерка. «Очистить» стирает рисунок, сохраняя счётчик выстрелов, «Заново» досыпает полную ленту. Трассеры и вспышки гаснут за 110 миллисекунд.
04событие: finished
Сохранение подписи
Кнопка «Готово» отправляет точки на сервер. Если точек меньше двенадцати — подсказка просит провести линию подлиннее. Сервер проверяет координаты, обрезает лишнее и выдаёт код из 16 знаков.
05событие: contract
Документ на весь экран
Окно расширяется и показывает первую страницу договора: номер, дата, стороны, предмет, условия. Внизу — росчерк, дата и способ подписания. Рядом «Развернуть» и «Открыть в новой вкладке».
Воронка этого стенда
12открыли окно
13вошли в тир
11нажали «Готово»
0подписали документ
Что именно печатается в документе
Первая страница — не картинка, а собранная страница: её видно в попапе, по постоянной ссылке и в версии для печати.
Стороны и предмет
Две строки с подчёркиваниями под реквизиты и абзац о том, что именно передаётся заказчику.
Условия
Пункты 1.1–4.2: размещение виджета, статус подписи, срок хранения росчерка, порядок отзыва и споров.
Блок подписи
Слева — линия, над ней росчерк из точек, под ней расшифровка. Справа — дата и пометка «простая электронная подпись, виджет-игра». Тот же лист печатается в А4 без потери кириллицы.
Постоянная ссылка
Каждая подпись живёт по адресу из 16 знаков. Страница закрыта от поисковиков: чужие подписи не должны попадать в выдачу.
Чего виджет не делает
Чтобы не было сюрпризов при запуске.
- Не проверяет личность: подпись ставит тот, кто сидит за компьютером. Это видно из шаблона договора.
- Не заменяет усиленную квалифицированную подпись там, где она обязательна по закону.
- Не рассылает документы сам — отправка подписи и заявки настраивается отдельно.
- Не собирает данные посетителя, кроме домена, с которого пришёл вызов, и номера сессии браузера.