Revamp Checkout Page on Niagahoster Website

Revamp Checkout Page on Niagahoster Website

User data analysis on the Niagahoster website shows that 45% of users only get to the web hosting package checkout stage but do not complete the payment.

User data analysis on the Niagahoster website shows that 45% of users only get to the web hosting package checkout stage but do not complete the payment.

Role

Role

UX Designer

Timeline

Timeline

Q2 2024

User Problem

User Problem

The user wants to purchase a web hosting package but is not completing the payment.

Business Problem

Business Problem

User data analysis on the Niagahoster website shows that 45% of users only get to the web hosting package checkout stage but do not complete the payment.

Discovery & Finding

Discovery & Finding

Finding Problems

Finding Problems

Problems were identified through user research conducted with individuals who have used hosting services before. The research aimed to uncover issues experienced by users.

Project Goal

Project Goal

How might we simplify and optimize the checkout process

to encourage users completing their payment?

How might we simplify and optimize the checkout process

to encourage users completing their payment?

How might we simplify and optimize the checkout process

to encourage users completing their payment?

Getting The Ideas

Getting The Ideas

Competitor Analysis

Competitor Analysis

By looking at competitors with the same feature and products as other similar website, we see that they have advantages that Niagahoster does not have. Therefore, the improved design will be based on other similar web to create familiarity for users.

Wireframe

Wireframe

By starting with this wireframe, I was able to validate the structure and user experience before moving into high-fidelity visual design. This allowed me to quickly iterate and refine the interaction patterns based on user feedback.

The Solution

The Solution

  1. Dropdown for Duration Option: Simplifies the user's decision-making process with minimal cognitive load. It's clean, intuitive, and focuses on clarity.

  2. Progressive Disclosure in One-Page Checkout: Ensures a seamless user experience by showing only the necessary information at each stage, keeping the checkout page clean and reducing distractions. This increases the likelihood of users completing their purchase.

  3. Login with "One Step Closer": Reassures the user with a motivational message. It ensures that the user remains engaged and more likely to complete the purchase.

The Output

The Output

TCR

100%

100% of users successfully completed the payment process without issues, with an average completion time of less than 2 minutes.

SEQ

7/7

Majority of users say that the checkout process is “seamless”.

CSAT

97.75%

Overall, the checkout process is satisfying for most participants. Several reasons are seamless, user-oriented, and clear.

Leason Learned

Leason Learned

  1. When designing selection interfaces, focus on reducing cognitive load rather than maximizing options

  2. Breaking complex processes into smaller, focused steps increases completion rates and user satisfaction

  3. Strategic placement of encouraging micro-copy can transform potential drop-off points into engagement opportunities

  4. Together, these solutions demonstrate how reducing friction, managing cognitive load, and providing emotional support create a more compelling user experience

Have an idea?

Let’s talk ↗

almirazahra.272@gmail.com

LinkedIn

Behance

Dribbble

Medium

Have an idea?

Let’s talk ↗

LinkedIn

Behance

Dribbble

Medium

Create a free website with Framer, the website builder loved by startups, designers and agencies.