Janarayson

eziPay, a year on: the redesign

Design4 min read

A year after eziPay went into the laundromats, the app gets its first redesign, and here it is next to the old one, screen by screen.

eziPay has been in the laundromats for about a year, and the app is getting its first proper redesign. The admin web had its makeover in January and February, and now it’s the app’s turn. There are eight Cleanpro Express outlets on eziPay, around KL and Selangor.

The first version was built around one button. You open the app, tap START, scan the machine. Your balance is a small row at the bottom, under the eziPod lockers row, and your transactions are a tap further in. The new one puts the balance first, big, on a blue to purple gradient, with Scan QR and Top-up as two buttons under it and your last ten transactions right there, top-ups in green, washes in red. Tabs along the bottom for home, status and settings, and a bell for notifications.

BeforeThe 2017 home screen: Tap here to START in a white circle over blue and teal blobs, then rows for eziPod Lockers and Balance RM53.00
AfterThe 2018 home screen: Current Balance RM99.50 on a blue to purple gradient, Scan QR and Top-up buttons, Last 10 Transactions with a RM10 top-up in green and laundry at Puncak Jalil in red, and Home, Status and Settings tabs
Home.

The washer screen loses the illustration. The machine’s number is the big thing now, W01, with the outlet above it and the size on a green tag, and the temperatures are a list, one row each with the price on the right, instead of three tiles with a radio button on top. Same idea for the dryer… the minutes and the price side by side, and a plus and minus under them.

BeforeThe 2017 washer screen: a drawing of a 9 kg washer, Washer 07, Pandan Indah, three temperature tiles for Cold RM5.00, Warm RM6.00 and Hot RM7.00 with radio buttons, and a green Confirm button
AfterThe 2018 washer screen: Puncak Jalil, W01, 25 KG on a green tag, then Hot RM7.00, Warm RM6.00 and Cold RM5.00 as rows, and a Confirm button
A washer.

Paying used to be a popup over the order, current balance, the wash, new balance, Pay. It’s a page of its own now, with a line for the voucher in between. Vouchers are new. They come from the promotions we set up in the admin, a free wash or 50% off a washer, each valid till a date and single use, and you see them on their own page and again when you pay, where the discount comes off before the new balance.

BeforeThe 2017 payment popup over a dimmed order: Current Balance RM 53.00, Washer 9kg minus RM 5.00, New Balance RM 48.00, and a green Pay RM5.00 button
AfterThe 2018 payment page: Puncak Jalil W01 25 KG, then Current Balance RM85.60, Washer 25KG minus RM7.00, 50% discount for Washer RM3.50, New Balance RM82.10, and a green Pay button
Paying.
The Vouchers page: FREE Wash valid till 09/09/2018, 50% discount for Washer valid till 16/09/2018, FREE Wash valid till 17/09/2018, each single use onlyThe 2018 dryer screen: Puncak Jalil, D11, 28 minutes next to RM7.00, a 0 min counter with minus and plus, and a Confirm button
Vouchers, and a dryer.

Top-up had three plain buttons, RM10, RM50, RM100. Now the packs are drawn as tickets with the free credit on them, 50 sen on RM10, RM3 on RM50, RM7 on RM100, and there’s a manual top-up for a top-up card you bought… key in the code or scan it.

BeforeThe 2017 top-up screen: a phone and banknote icon, Amount, Please select the amount to top up, and RM 10, RM 50 and RM 100 buttons
AfterThe 2018 top-up screen: RM100 with free RM7.00, RM50 with free RM3.00 and RM10 with free RM0.50 as purple, green and red tickets, and a Manual Top-up button
Topping up.

There’s a lucky customer screen from March too… a trophy, Congratulations, you are our lucky customer, and someone from eziPay will be in touch about your prize.

Purchased a top-up card? Enter the top-up code manually or scan it, in a dialog with a phone and RM bubble illustration and a Confirm buttonA trophy on blue, Congratulations! You are our lucky customer! A representative from eziPay will be in touch with you soon on redeeming your prize, and a Close button
A top-up card, and the lucky customer screen.