Niagahoster Landing Page - Redesign with User Centered Design
Niagahoster is a web hosting service provider. These results stem from my experience in exploring a redesign for the Niagahoster website in 2020. Redesigning with user-centered methods, specifically User-Centered Design, focus on addressing the needs of users. Therefore, I assume that the goals of this redesign are:
To reduce the difficulty in selecting a web hosting service
To increase user confidence in choosing a web hosting service
01
Research
I conducted research with five participants aged between 22 and 25, who were professionals, activists, and students. Here is a summary analysis of my findings:
Personal Questions
60% of participants prefer using desktop web browsers to access websites, while 40% prefer using their mobile devices.
All participants frequently visit websites related to their work.
Choosing the Right Web Hosting Questions
All participants need to create a website, but 40% are still unsure about choosing the right hosting service.
80% of participants prioritize promotional pricing, while the remaining 20% prioritize specifications.
80% expect clear customer service, while 20% prefer more personalized communication to understand their needs better.
Regarding website building features, 40% are not very interested, 60% would consider using them if there were promotions and clarity about the features offered.
For payments, 60% prefer bank transfers, 20% like using payment agents, and the rest use e-wallets.
Insights from the research:
Some users still use mobile devices to access websites.
Many users consider pricing before making a purchase.
Responsive customer service is a crucial factor in choosing a web hosting provider.
02
Wireframe
After gaining insights from the interviews with five participants, the next step is to create a wireframe for the homepage. Below is the content sequence (from top to bottom) for the homepage:
Header
Hero (Brief introduction to Niagahoster)
Top 5 companies using Niagahoster
Niagahoster service priorities
Niagahoster services and pricing
Website creation services
Niagahoster hosting package prices
Payment options and guarantees at Niagahoster
Testimonials
FAQ
Footer
03
Hi-Fi Design
After completing the wireframe, the next step is to create a high-fidelity design. I made both a Web version and an Android version.
In the high-fidelity redesign of Niagahoster's homepage, several elements were modified, such as content order, wording, vertical spacing, colors, and icons.
Here are some specific changes I made:
Positioning 'Top 5 companies using Niagahoster' below the Hero section. This change was made to build user trust by showcasing that top companies already trust Niagahoster for their hosting needs.
Repositioning 'Niagahoster services' closer to 'Choose Hosting Package' and separating the 'Website Creation Services'. This helps users become more aware of the available services. Below these sections, I included 'Payment Options' and 'Guarantees' offered by Niagahoster. Additionally, I categorized the 'Niagahoster services' by price, with lower prices on the left and higher prices on the right.
Testimonial section now features two testimonials to provide clearer understanding, including video testimonials.
FAQ and footer sections were restructured, improving their layout and organization.
Some elements remained largely unchanged, such as the 'Layanan Prioritas Kecepatan dan Keamanan' and 'Layanan Biaya Hemat, Kualitas Hebat'.
04
Result & Conclusion
In conclusion, redesigning the Niagahoster homepage taught me several important lessons:
I learned about horizontal and vertical spacing within a predefined grid, especially in transforming the design from web to mobile responsiveness.
I gained experience in creating icons, though they are not yet perfect.
Due to time constraints, I couldn't validate the redesign with the initial research participants. Therefore, this redesign has not been validated to confirm whether it meets the initial assumptions and goals.