PayOnline is Study Group’s payment system. It allows students to view their account summary, see how much they have paid, how much is still outstanding and make payments by credit or debit cards, e-wallets and bank transfers.

The front-end for the previous system was outdated, clunky, non-responsive and lacked scalability. Our finance team had decided that they needed a more efficient way to display the students payment information while also reducing the amount of support tickets related to user interface complications.

Throughout this endeavor, I had the privilege of collaborating within an exceptional team at Study Group. This collective included a proficient business analyst, an adept project manager, six skilled engineers, and the head of IT solutions.

Design

Using the mobile first approach, an initial prototype was provided by our creative services team which included most of the screens needed as well as the branding.

Role

Initially focusing on the developmental aspect of the project, my role organically evolved into that of a lead designer. I undertook various responsibilities, including:

• Enhancing the user flow across screens, encompassing modals, navigation components, positive reinforcement cues, and loading interfaces.
• Overhauling the payment screen, optimizing the presentation of payment choices.
• Introducing and implementing refinements to the system's tone of voice.
• Addressing any unforeseen screen requirements that emerged during the project's course.

Result

The feedback that we have received from students (after launch) has been mainly positive. The interaction design enhancements we added as well as the benefits that modern day single page applications provide have contributed to an experience that students I’m sure will use time and time again.