Checkout Flow
Case Study of Project-Based Intern from Rakamin Academy x Niagahoster
This is a case study from a Project-Based Internship program. As a UI/ UX Designer role, I was asked to redesign the Niagahoster checkout page. I designed this project from inception to final design through and days)
research, ideation,
About The Project
UX design principles Duration 1 month (30
Methods Competitor Analysis, Interview, Wireframes, Prototyping Tools Figma, Miro
NiagahosterContextisadata
storage service so that a website can be accessed online. Now you can get special services for your business and website at the best prices
TheResearchProcessDefine Ideate Prototype Iterate
ToCompetitorResearchAnalysisgetabetterunderstanding
of the competitor landscape, I did an analysis of other website hosting companies. I saw how the flow of the checkout process for hosting products from each web hosting service provider company User Interview
In interviews with several users, I asked them to observe every step they took during the checkout process on Niagahoster's official website. In the checkout process, I find out what they are uncomfortable with or what they find confusing
Problem Statement
Problems have been found in the transaction flow on the Niagahoster site. This problem is experienced by most users who are stopped before the checkout process. This is because users feel confused and have difficulty choosing the service package options provided by Niagahoster. Not a few users do not understand the definition and differences of each service package that is displayed. The existence of this problem will also have an impact on the company's business aspects because the percentage of purchasing hosting package services has decreased
a digital portfolio for the fashion design
a newbie in the fashion designer field, Stefan needed a place where he could create a portfolio and start selling his work. Stefan needs a website to increase sales faster so that many clients will trust him
FrustationDonotunderstand website creation or hosting
Difficult to understand information about the features on the website and hosting
GoalsMake
PersonaStefanAge:25y.oEducation:Bachelorof
Design Location : Jakarta, Indonesia
User
BeingBio
Get services for all of the website needs
User Flow
ISolutionswanttochangethelayout of the package information cards to make it more clear to the user. To make the selection of Niagahoster's service packages easier, I will add a tooltips and a comparison section on the checkout page
Wireframes
The
from the package
after ordering the package
a high-fidelity design and checkout process flow Positive Negative Layout & writing hierarchy is neaterProduct information conveyed well The
better
Usability Testing final phase of this UI/UX design series is to test with user on domain check feature is separated selectionAddadomain check feature also
the
High-Fidelity Prototype Here
Nabila Chandra Ayuningtyas UI/UX Designer officialchan6@gmail.com linkedin.com/in/nabila-chandra-ayuningtyas issuu.com/cacanchan
