JETPAY.vn Website

JETPAY (jetpay.vn) provides payment automation solutions, which are integrated into websites and softwares, helping businesses to optimize resources and costs.

Within the JETPAY ecosystem, there exists different sub-products such as: JETPAY Payment gateway, JETPAY Tuition, JETPAY Bankhub etc.

Objective – Showcasing all information about JETPAY and its ecosystem & online enquiry options readily available.

My role - UX Researcher and Designer, UI Designer

Before redesign, the old version of the landing page looks like this:

Outdated interface

Not optimized for responsive design (design-wise or copy-wise)

Inconsistencies in colors across the website, no clear visual guides to helps visitors identify the sub-products that they are viewing

Not focused on call to action (CTA)

Information delivery is weak, with long paragraphs that makes it hard for user to grasp what the company is about.

Images are small in size & not arranged properly

We finalized on this iterations of the landing page design, along with its responsive version

The finalized design takes a more modernized approach with rounded elements and sans serif typeface, evoking a friendly feeling to the website, while maintaining the brand throughout the use of the primary colors.

The copy is also reworked, having more impactful headings and coherent body text, making it easier for visitors to have an idea of what the company is about.

I've also reworked other graphic elements such as illustrations, with heavy emphasis on showing off the real products via screens, as well as adding shadows and rounded boxes to keep them in line with the site's overall style.

The sub-product pages follow the design principles of the landing page, while using a different primary color for each products, which helps giving the products their own identities with in the ecosystem, as well as helping visitors navigate the site.

After conducting some testing, the collected user feedbacks on both of the designs is as follows:

Old Version: Not in trend so not easy to use, outdated design elements New Version: Trendy, modern, eye catching

Old Version: Not responsive New Version: Responsive design

Old Version: Hard to tell which product is being viewed New Version: Navigation is easy, with header menu as well as links to other pages, helping visitors find the products they are interested in as well as explore other products.

Old Version: Small size & not highlighted enough

New Version: CTAs Highlighted to increase conversion

Old Version: No enquiry forms

New Version: Add enquiry forms to helps visitors quickly connect with JETPAY's support/sales.