Cypress Payment Gateway - Case Study

Cypress Payment Gateway

Cypress Payment Gateway

Background

As a UI UX designer for Cypress Payment, my goal was to create an app that simplified the payment process for public services. The app aimed to provide a user-friendly interface for making payments, with an emphasis on accessibility and ease of use.

The Goals

01.

Create a streamlined payment flow

Create a streamlined payment flow that allows users to easily make payments for public services.

02.

Design an intuitive user interface

Design an intuitive user interface that is easy to navigate.

03.

Ensure that the app is responsive and accessible

Ensure that the app is responsive and accessible to all users.

04.

Conduct WCAG usability tests

Conduct WCAG usability tests to ensure that the app is accessible to all users, including those with disabilities.

The Approaches

01

Assumptions

Users would be accessing the app from a variety of devices, including smartphones, tablets, and desktop computers.
• Users would be looking for a simple and efficient way to make payments for public services.
• Users would have varying levels of digital literacy and may need extra guidance.

02

Pain Points

• Ensuring that the payment flow is straightforward and easy to understand.
• Providing clear and concise information about the payment process, fees, and deadlines.
• Ensuring that the app is accessible to all users, including those with disabilities.

Design System

Designing the Flow

To create a streamlined payment flow, I conducted user research to identify pain points and areas for improvement. Based on the research, I designed a payment flow that was simple, intuitive, and easy to navigate. The flow included clear and concise information about the payment process, fees, and deadlines, with options for users to save their payment information for future transactions.

Responsiveness

Ensuring Accesibility

To ensure that the app was accessible to all users, I designed the app with a mobile-first approach and made sure that it was responsive to all screen sizes. I also used a high-contrast color scheme to improve readability and incorporated features to help users with disabilities, such as keyboard-only navigation and text-to-speech functionality.

Accesibility

WCAG Usability Tests

To ensure that the app is accessible to all users, I conducted WCAG usability tests. The tests were performed by people with disabilities who used assistive technologies, such as screen readers and keyboard-only navigation. The results of the tests were used to make improvements to the app's design and functionality, ensuring it was fully accessible to all users.

Personas & Escenarios

Mark

Mark is a 35-year-old busy professional who doesn't have a lot of time to spend paying bills or managing his finances.

Mark

PROFESSIONAL

Mark

Mark uses the Cypress Payment app to quickly and easily pay his monthly utility bills, property taxes, and other public service fees. He can save payment information and set up recurring payments to save time and avoid late fees.

Olivia

Olivia is a 70-year-old retired user who is not very tech-savvy but needs to pay her bills on time.

Olivia

ELDERLY USER

Olivia

Olivia uses the Cypress Payment app to make payments on her property taxes, utility bills, and other public services. She appreciates the simple and straightforward design of the app and the easy-to-follow instructions.

Luis

Luis is a 25-year-old recent college graduate who has just moved into his own apartment and needs to start paying bills on his own for the first time.

Luis

First-Time User

Luis

Luis uses the Cypress Payment app to set up payment accounts for his utility bills, rent, and other public services. He appreciates the ease of use and the ability to manage all of his payments in one place, saving him time and hassle.

My Roles

Lead UI / UX Design
%
Wireframing and testing
%
UX Research
%
Prototyping
%

© Copyright 2023 EduCalvo | Términos y condiciones