not the same
● Logistics · Kazakhstan

Emex: QR code NPS feedback at pickup points

EMEX is an express delivery company with pickup points across Kazakhstan. We designed and built a feedback service on Next.js: a customer scans the QR code at the counter, rates the visit and says what went well or wrong. Every review is tied to its pickup point, so management sees the picture branch by branch.

Client
EMEX LLP, express delivery
What we did
UX/UI, development, printed QR materials
Stack
Next.js, React
Related project
emex.kz website
Project Emex: NPS system
01 About the project

The EMEX quality team needed an easy way to hear from customers right at the pickup points. We built a short mobile flow: the QR code opens the form with the right branch already set, the rating takes one tap, and the follow-up questions depend on whether the customer was happy. If something went wrong, they can ask for a callback. Reviews are collected per branch, so management can see where service is strong and where it needs work.

What we did
User flow designUX/UI designUI kitNext.js developmentPrint materials
Technologies
Next.jsReactUI/UX
02 Design

Visual style

EMEX navy on a light background, with a bright blue for selected states and progress. Large buttons and rating faces are easy to hit with one thumb, and softly rounded cards keep the screens calm.

EMEX navy
#0D247A
Accent blue
#027DFC
Text
#0E1A3D
Light blue
#EAF3FF
Background
#F8F8F8
Error
#D92D20
FontsRoboto
03 Screens

UI kit and print

Every screen is built from one component set: colours, Roboto type scale, buttons, chips, rating faces, inputs and toggles. The same style carries over to the QR signs and stickers for pickup points.

UI kit
Counter sign
Counter sign
Round sticker
Round sticker
04 Mobile version

Customer journey

From the QR code to the thank-you screen in a few steps: branch, rating, details, contacts and confirmation.

Choosing a branch
Choosing a branch
Rating the visit
Rating the visit
What went wrong
What went wrong
Thank you and request status
Thank you and request status
05 Mobile version

Edge cases

We also designed for the unhappy paths: language choice, repeat reviews, a broken QR code and form errors.

Language choice
Language choice
Review already sent
Review already sent
Branch not found
Branch not found
Errors and offline mode
Errors and offline mode
06 Task

Goals

  • 01Collect ratings at the branchThe customer scans the QR code at the counter and rates the visit on their phone, with no app or sign-up.
  • 02Understand the reasonAfter rating, the customer picks ready-made reasons and can add a comment and photos.
  • 03React to unhappy customers fastCustomers can leave contact details and ask for a callback, and the quality team gets a numbered request.
  • 04See service quality per branchEach review is tied to a specific pickup point, so management sees where service falls short.
07 Key solutions

Key solutions

Finding the pickup point
Solution 01

Finding the pickup point

The QR code opens the right branch straight away. Customers who arrive via a link can search by city or address, see the nearest points via geolocation, or pick from a list grouped by city.

One-tap rating
Solution 02

One-tap rating

Five faces from Bad to Excellent, the branch card and a Kazakh, Russian and English switch on the first screen. Once a face is chosen, the extras collapse and the follow-up questions slide in.

When something went wrong
Solution 03

When something went wrong

A low score asks for reasons: the queue, staff manner, a lost or damaged parcel, paperwork. Customers can pick several, describe the issue in their own words and attach photos. We compared three layouts for the reasons: list, chips and tiles.

When everything was great
Solution 04

When everything was great

A high score switches the question to What did you like, and the thank-you screen invites the customer to share the rating on online maps.

Callback and contacts
Solution 05

Callback and contacts

The customer enters a name, phone and tracking number, turns on Call me back or sends the review anonymously. Fields are validated as you type, and without a connection the review is saved and sent later. The final screen shows the request number and status.

Languages and service screens
Solution 06

Languages and service screens

A separate language picker, protection against repeat reviews and a clear screen for an outdated or damaged QR code, with a way back to the branch list and a call to EMEX.

Printed QR materials
Solution 07

Printed QR materials

A counter sign in dark and light versions plus round and square stickers. Each carries the QR code of a specific branch, a call to action in Kazakh and Russian, and the branch address.

08 Stack

What the service covers

QR code for every branchBranch search and geolocationRating with facesRating reasonsComment and photosCallback requestAnonymous reviewKazakh, Russian, EnglishReviews per branchPrinted signs and stickersNext.jsReact

Want a project like this?

Describe your task – within one business day we'll reply with questions and a rough timeline estimate.

We’ll reply within one business day
Message us