not the same
● Логистика · Казахстан

Emex: NPS-отзывы по QR-коду в пунктах выдачи

EMEX – служба экспресс-доставки с пунктами выдачи по всему Казахстану. Мы спроектировали и разработали на Next.js сервис отзывов: клиент сканирует QR-код на стойке, оценивает визит и пишет, что понравилось или что пошло не так. Каждый отзыв привязан к пункту, и руководство видит картину по филиалам.

Клиент
ТОО «EMEX», служба экспресс-доставки
Что сделали
UX/UI, разработка, печатные QR-материалы
Стек
Next.js, React
Связанный проект
Сайт emex.kz
Проект Emex: NPS-система
01 О проекте

Отделу качества EMEX нужен был простой способ узнавать мнение клиентов прямо в пунктах выдачи. Мы собрали короткий путь с телефона: QR-код открывает форму уже с нужным пунктом, оценка ставится в один тап, а уточняющие вопросы зависят от того, доволен клиент или нет. Если что-то пошло не так, клиент может попросить перезвонить. Отзывы собираются по каждому филиалу, чтобы руководство видело, где сервис хороший, а где нужны изменения.

Что сделали
Проектирование сценарияUX/UI-дизайнUI-китРазработка на Next.jsПечатные материалы
Технологии
Next.jsReactUI/UX
02 Дизайн

Стиль

Фирменный тёмно-синий EMEX на светлом фоне, яркий синий для выбранных состояний и прогресса. Крупные кнопки и смайлы удобно нажимать одной рукой, а карточки с мягкими скруглениями держат экран спокойным.

Тёмно-синий EMEX
#0D247A
Синий акцент
#027DFC
Текст
#0E1A3D
Светло-голубой
#EAF3FF
Фон
#F8F8F8
Ошибка
#D92D20
ШрифтыRoboto
03 Экраны

UI-кит и печать

Все экраны собраны из одного набора компонентов: цвета, типографика на Roboto, кнопки, чипы, смайлы оценки, поля и переключатели. Тот же стиль перенесён на таблички и наклейки с QR-кодом для пунктов выдачи.

UI-кит
Табличка на стойку
Табличка на стойку
Круглая наклейка
Круглая наклейка
04 Мобильная версия

Путь клиента

От QR-кода до благодарности – несколько экранов: пункт, оценка, детали, контакты и подтверждение.

Выбор пункта
Выбор пункта
Оценка визита
Оценка визита
Что пошло не так
Что пошло не так
Спасибо и статус обращения
Спасибо и статус обращения
05 Мобильная версия

Служебные экраны

Мы продумали и нештатные ситуации: язык, повторный отзыв, неработающий QR-код и ошибки в форме.

Выбор языка
Выбор языка
Повторный отзыв
Повторный отзыв
Пункт не найден
Пункт не найден
Ошибки и нет связи
Ошибки и нет связи
06 Задача

Задачи

  • 01Собирать оценку прямо в пунктеКлиент сканирует QR-код на стойке и с телефона оценивает визит без установки приложений и регистрации.
  • 02Понять причину оценкиПосле оценки клиент выбирает готовые причины и при желании добавляет комментарий и фото.
  • 03Быстро реагировать на недовольствоКлиент может оставить контакты и попросить перезвонить, а отдел качества получает обращение с номером.
  • 04Видеть сервис по филиаламКаждый отзыв привязан к конкретному пункту выдачи, поэтому руководство видит, где сервис проседает.
07 Ключевые решения

Ключевые решения

Выбор пункта выдачи
Решение 01

Выбор пункта выдачи

QR-код сразу открывает форму нужного пункта. Если клиент зашёл по ссылке, он находит пункт поиском по городу или адресу, видит ближайшие по геолокации или выбирает из списка, сгруппированного по городам.

Оценка в один тап
Решение 02

Оценка в один тап

Пять смайлов от «Плохо» до «Отлично», карточка пункта и переключатель казахского, русского и английского прямо на первом экране. После выбора лишнее схлопывается, и сразу появляются уточняющие вопросы.

Если что-то пошло не так
Решение 03

Если что-то пошло не так

При низкой оценке клиент отмечает причины: очередь, общение, поиск или повреждение посылки, оформление. Можно выбрать несколько, описать ситуацию своими словами и приложить фото. Для причин мы сравнили три варианта подачи: список, чипы и плитки.

Если всё понравилось
Решение 04

Если всё понравилось

При высокой оценке вопросы меняются на «Что понравилось?», а на экране благодарности клиенту предлагают поделиться оценкой на онлайн-картах.

Обратный звонок и контакты
Решение 05

Обратный звонок и контакты

Клиент указывает имя, телефон и трек-номер, включает «Перезвоните мне» или отправляет отзыв анонимно. Поля проверяются на лету, а без связи отзыв сохраняется и уходит автоматически. На финальном экране – номер обращения и статус.

Языки и служебные экраны
Решение 06

Языки и служебные экраны

Отдельный выбор языка, защита от повторного отзыва и понятный экран, если QR-код устарел или повреждён, с переходом к списку пунктов и звонком в EMEX.

Печатные QR-материалы
Решение 07

Печатные QR-материалы

Табличка на стойку в тёмном и светлом варианте, круглая и квадратная наклейки. На каждой – QR-код конкретного пункта, призыв на казахском и русском и его адрес.

08 Стек

Что входит в сервис

QR-код для каждого пунктаПоиск и геолокация пунктовОценка смайламиПричины оценкиКомментарий и фотоОбратный звонокАнонимный отзывКазахский, русский, английскийОтзывы по филиаламПечатные таблички и наклейкиNext.jsReact

Хотите такой же проект?

Опишите задачу – в течение рабочего дня ответим с вопросами и предварительной оценкой сроков.

Ответим в течение рабочего дня
Написать нам