Сенсорный киоск для ТЦ: калькулятор химчистки ковров и сбор заявок

Зачем химчистке сенсорный киоск в торговом центре

Выездная химчистка ковров — услуга, которую человек не ищет специально. Он проходит мимо, видит и думает: «А сколько это стоит?» Если ответа нет здесь и сейчас, мысль уходит вместе с ним. Листовка с прайсом этот вопрос не решает, а держать менеджера в проходном месте торгового центра дорого.
К нам обратилась московская химчистка «Альпина» с концепцией киоска и двумя задачами: показать услугу там, где ходят люди, и собирать телефоны, чтобы менеджеры перезванивали. Своего приложения у заказчика не было, и правила игры для торгового центра были жёсткими: случайный прохожий, ни обучения, ни аккаунта, только русский язык, звука нет, а единственное целевое действие — оставить телефон.
Сенсорный киоск для сбора заявок хорошо работает именно в таких условиях: он сам привлекает внимание, сам отвечает на главный вопрос о цене и сам принимает контакт, пока интерес не остыл. Такой формат подходит любой услуге с понятным расчётом стоимости: клинингу, ремонту, доставке, страхованию, всему, что продаётся в ритейле и торговых центрах.
В первой спецификации киоск показывал шесть услуг. По ходу проекта мы вместе с заказчиком сузили его до одной: выездная химчистка ковров и калькулятор цены на главном экране. Форму тоже упростили. Сначала в ней были имя и телефон, потом имя убрали. На проходящем трафике каждое лишнее поле отнимает заявки.

Как это работает глазами посетителя

Весь путь от первого касания до оставленного телефона — четыре экрана и одно поле ввода.
Заставка. Пока к киоску никто не подходит, на экране в цикле идёт вертикальный ролик заказчика: ковры до и после чистки. Поверх видео — плашка с ценой за квадратный метр и кнопка «Рассчитать стоимость». Ролик лежит на самом устройстве и не зависит от интернета.
Главный экран. Оффер «Бережная химчистка ковров. Заберём ваш ковёр и вернём как новый», калькулятор и четыре шага услуги: «Забираем у вас», «Глубокая чистка», «Полоскание и сушка», «Привозим обратно». Эти четыре шага и есть главный аргумент: клиент ничего никуда не везёт. Внизу — телефон компании и кнопка «Оставить заявку».
Форма. Поверх главного экрана открывается окно с одним полем: телефон. Под ним выезжает экранная клавиатура с цифрами. У киоска нет физической клавиатуры, а системную вызывать нельзя, поэтому цифровую панель мы нарисовали внутри приложения. Номер набирается по маске, кнопка «Отправить» становится активной только после 11 цифр и галочки согласия на обработку персональных данных. Полный текст согласия открывается тут же, в окне с прокруткой, а после закрытия введённый номер остаётся на месте.
Заявка принята. Галочка, «Менеджер свяжется с вами в ближайшее время» и обратный отсчёт: через семь секунд киоск сам возвращается на заставку.
Если посетитель ушёл на полпути, киоск после паузы стирает введённое и возвращается к ролику. Следующий человек не увидит чужой телефон. Время ожидания задаётся в настройках устройства.

Калькулятор: цена до звонка

Главная интерактивная часть экрана — два слайдера, ширина и длина ковра. Человек двигает ползунки и сразу видит итоговую сумму. Никаких «рассчитаем и перезвоним»: цена появляется до того, как посетитель оставит телефон. Под итогом расписано, из чего он сложился, например «2,0 × 3,0 м × цена за м²», и подпись «фиксированная цена, без скрытых наценок».
Ползунки идут с шагом 10 см и прилипают к делениям, чтобы заливка и число на экране совпадали. Диапазоны размеров и цена за квадратный метр — не константы в приложении, а значения из файла настроек на киоске. Поднять тариф, объявить акцию или разрешить ковры большего размера можно на месте, без разработчика и новой сборки.

Почему заявка доходит всегда

Торговый центр — среда с ненадёжным Wi-Fi, а каждый лид стоит дорого. Поэтому заявка уходит по двум независимым каналам сразу: письмом менеджеру и записью в базу CMS заказчика. Если недоступен почтовый сервер, запись в CMS всё равно уйдёт, и наоборот.
Посетитель видит «Заявка принята» сразу по касанию. Приложение не ждёт ответа сервера и никогда не показывает человеку состояние сети: связь — забота киоска, а не того, кто стоит у экрана. Каждая заявка сначала записывается на диск устройства и только потом отправляется. Нет сети — киоск повторяет попытку каждые 30 секунд, пока не отправит, и досылает накопленное даже после перезагрузки.
Менеджеру приходит письмо «Новая заявка из киоска»: номер заявки, название точки, кликабельный телефон и время. Тот же номер виден и в CMS, поэтому письмо и запись в базе легко сверить. Нумерация не сбивается даже после внезапной перезагрузки: счётчик сохраняется на диск сразу.

Что внутри

• Киоск. Напольный сенсорный киоск с портретным экраном 1080×1920 и мини-ПК на Windows 10 внутри корпуса: Intel Celeron J4125, 4 ГБ памяти, встроенная графика, без вентилятора.
• Приложение на Unity. Интерфейс свёрстан ровно под этот экран, видеозаставка воспроизводится с аппаратным декодированием. Киоск собран на нашей модульной платформе: экранная клавиатура, проверка форм, очереди отправки, почта и связь с CMS переезжают из проекта в проект. Следующий киоск, под другую услугу или другой город, строится на той же основе.
• CMS Strapi на сервере заказчика. Заявки и статусы киосков лежат в его собственной базе с обычной веб-админкой для менеджеров, без подписок на сторонние сервисы.
• Живой статус устройства. Каждые 30 секунд киоск отмечается в CMS. В админке видно, какой из киосков выходил на связь минуту назад, а какой молчит с утра, без звонка администратору торгового центра. Каждому устройству можно дать понятное имя, чтобы в заявке было видно, из какой точки она пришла.
• Настройки без пересборки. Цена и границы калькулятора, почта приёма заявок, имя устройства, телефон и адрес сайта читаются из текстового файла рядом с приложением.

Как киоск работает весь день без оператора

Самая сложная часть проекта была не про экраны, а про то, чтобы приложение не падало к вечеру. Киоск стоит в торговом центре, а владелец бизнеса — нет.
Мониторинг. За приложением на стенде следит Uniday Watchdog, наша программа для стендов и киосков: она перезапускает приложение при сбое или зависании и ведёт график памяти процесса. Именно график показал проблему: память росла ровно на 0,8 МБ в секунду, за 15 минут ролика набегало почти 770 МБ, и через несколько часов работы киоск падал. Виновником оказался штатный видеоплеер Unity. Мы заменили его на AVPro Video, и график вышел на плато. Заодно убрали белое мерцание на стыках ролика и ограничили частоту кадров 30 в секунду: нагрузка на процессор упала вдвое, безвентиляторный корпус перестал греться.
Режим киоска. Чтобы посетитель не вышел из приложения в Windows, приложение гасит системные жесты: свайпы от краёв экрана, удержание для правой кнопки, жесты тремя и четырьмя пальцами. При обслуживании настройки корректно возвращаются к системным.
Персональные данные. Киоск собирает телефоны в публичном месте, поэтому юридическая часть встроена в интерфейс: отправить заявку без согласия нельзя, полный текст согласия по 152-ФЗ читается прямо на киоске, в базу уходит только телефон и отметка об устройстве, а брошенная форма стирается по таймауту.

Результат

Заказчик получил киоск, который работает в торговом центре сам: показывает услугу, называет цену и собирает телефоны. Менеджер видит заявки в почте и в своей CMS, а состояние каждого киоска — в админке, не выезжая на точку.
Параметры проекта:

• четыре экрана и одно поле ввода на весь путь посетителя;
• два независимых канала доставки заявки, досылка после потери сети;
• калькулятор с двумя слайдерами, цена и диапазоны меняются на месте;
• три недели основной разработки, дальше доводка на реальном железе: около трети работы ушло на то, чтобы приложение выдерживало слабый мини-ПК, сеть торгового центра и пальцы посетителей.
  Форму с досылкой заявок после потери сети мы отрабатывали и на выставочных стендах: квиз для Phygital+ на фестивале G8 и киоск для форума «Россия — Африка». А следить за приложениями на стендах помогает Uniday Watchdog, которым мы делимся бесплатно.

Хотите такой киоск для своей услуги?

Расскажите, что вы продаёте и как считается цена. Мы соберём сенсорный киоск, который сам объяснит услугу, назовёт стоимость и передаст контакты вашим менеджерам.