.png)
HYPE GAMES - PRODUCT PAGE
E-commerce
Hype Games is an e-commerce website by Level Up! Games for game vouchers and game credits on PC, Console, and Mobile platforms. It partners with Nintendo, Xbox, Sony PlayStation, and PC games on Steam, Epic, and Rockstar. This project focused solely on redesigning its product page.
PROJECT DURATION
1 week
|
MY ROLE
UI/UX Designer
|
CHALLENGE
Redesign the product page from Hypegames.com
THE CONTEXT
The product page of Hype Games needed an update. I noticed through Hotjar analysis that users weren't reaching the bottom of the page, mainly because it was too long. The most concerning context was for mobile devices. The page was too large, some assets were not well applied, and the buy button didn't appear right away, a lot of scrolling was required.
There was a significant concern that this could be affecting user experience and store conversion. Furthermore, I understood that it was time to understand the opportunities for offers on the page.
USER'S PAIN POINTS
TO MUCH SCROLL
Users weren't reaching the bottom of the page, mainly because it was too long. The most concerning context was for mobile devices. The page was too large, some assets were not well applied, and the buy button didn't appear right away, a lot of scrolling was required.
|
CONFUSING PRICE INFORMATION
The pricing and discount information was confusing. How much would the person actually pay for the product?
|
UI HIERARQUY PROBLEMS
The interface hierarchy needed overall improvements.
THE FINAL RESULT
CHANGES
Improvement in UI hierarchy
Improvement in the interface, focusing on relevant information and better use of space.
Buy button right away
Buy button moved higher up.
Addition of Tags
Tags about the product have been added so customers understand the product type without needing the description.
Better organization of price information
Price is now clearer in relation to the offered discount
Addition of available languages
Customers can decide if it's worth buying by knowing whether their language is supported.
Better arrangement of product description and gallery
Gallery now has more priority on the screen, and description is placed further down
Improved organization of system requirements
System requirements are now organized clearly and succinctly.
Addition of additional information
Information such as Metacritic ratings and minimum age recommendations have been added.
Addition of additional content incentives
DLCs as Upsell: Since you're purchasing the product, would you be interested in DLCs?
Addition of Hype Blog articles
To promote other Hype products.
