---
title: "eziPay: an e-wallet for the laundromat"
description: "eziPay lets you pay for a washer or a dryer at the laundromat from your phone instead of with tokens, and it was one of Nerd Attack's last jobs before it became my first at Hermiso."
url: "https://rayson.me/writing/ezipay/"
category: "Projects"
author: "Janarayson"
published: 2017-10-13
---

Laundromats here run on tokens. You put a note into the change machine, get tokens back, and feed those into the washer. eziPay gets rid of that... a small device on each machine, Eziwash, talks to the washer, and a wallet app on your phone pays for it. You scan the code on the machine and the money comes off your balance.

Hermiso engaged us for it back in April, when I was still at Nerd Attack, and it turned out to be one of Nerd Attack's last jobs. When we closed in June I joined Hermiso and carried on with it.

You sign up with your phone number and an SMS code, and the balance is tied to that number. At the machine you tap start, scan the QR code on the washer, pick cold, warm or hot, confirm, then press start on the machine itself. Dryers go by the minute. You top up by online banking or card, or with cash at 7-Eleven and Petronas, and if the machine doesn't start there's a button to call us and we credit it back.

<Screens
  screens={[
    { src: scan, alt: 'The scan screen: a camera view of a row of front-loading washers with a QR code centered in a white frame, Center the code inside the frame' },
    { src: orderWasher, alt: 'Your Order for Washer 07, Pandan Indah, a 9 kg washer, with Sejuk RM5.00, Sederhana RM6.00 and Panas RM7.00 to choose from and a Confirm button' },
    { src: orderDryer, alt: 'Your Order for a dryer: the minutes and the price, with minus and plus buttons and a Confirm button' },
    { src: success, alt: 'Success! Press START on the machine to begin, with a green tick, and a Not working? Call Support button' },
  ]}
  caption="Scanning a machine, a washer, a dryer, and paid."
/>

<Screens
  screens={[
    { src: topup, alt: 'Top Up: a phone and banknote icon, Please select the amount to top up, with RM 10, RM 50 and RM 100 buttons' },
    { src: history, alt: 'Balance History for a phone number: a transaction on 2 May 2017, Washer 07 9kg, Pandan Indah, minus RM5.00' },
  ]}
  caption="Topping up, and the balance history."
/>

The first logo in April was the name with a QR code in square brackets, yellow on blue. By July it had turned into the ezi speech bubble, the same bubble in blue for eziPay and in yellow for eziPOD, the laundry lockers we're putting in next.

<Screens
  screens={[
    { src: mainApril, alt: 'The first design of the main screen: the eziPay logo with a QR code in brackets over a dimmed photo of washers, and the scanning frame' },
    { src: mainSignedIn, alt: 'The first design signed in: the logo in white and yellow on blue, the QR code to scan, a RM53.00 balance, and Transactions, Top Up and Sign Out at the bottom' },
  ]}
  caption="The first design, April."
/>

<Figure
  src={brands}
  alt="The two logos side by side: ezi in a blue speech bubble next to PAY, and ezi in a yellow speech bubble next to POD, each repeated in black"
  caption="eziPay and eziPOD."
/>

My part is the UI/UX of the app, the website with a map of the outlets, and the admin web where each outlet's washers and dryers are set up and the QR code for each machine comes from, in React and Material UI.

The first machines with eziPay on them are at Cleanpro Express outlets around KL, like the one in Pandan Indah.