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

Хочете такий самий проєкт?

Опишіть завдання – протягом робочого дня відповімо із запитаннями та попередньою оцінкою термінів.

Відповімо протягом робочого дня
Написати нам