![](https://www.lucapeluso.com/wp-content/uploads/2021/09/kirby-removebg-preview.png)
Case Study
Disclaimer: This work is purely a case study for the development and optimization of a website. The considerations and references in this project are figments of imagination and have the sole purpose of documenting a process of improving user experience and design capabilities. All trademarks and photos are the property of their respective brands. The project is not a commercial project.
Problem definition
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/problem-definition-1024x1018.png)
One of the main chains specialized in the sale of
videogames, gamestop.it has contacted you to report a series
of problems encountered in recent months, regarding the performance
of online sales.
Here is some information that they have provided:
> Decrease in conversion rate
> Increase in exit rate
> Comments on social networks: great difficulty in identifying
products of interest;
> Unsatisfactory NPS values.
Overall Strategy
Gamestop is known to the general public for the sale of video games: consoles, accessories, new and used videogames and gadgets of various kinds.
I will proceed by following this general strategy:
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/Screenshot_126-removebg-preview.png)
Navigate and analyze the main pages of the site and determine the main flows.
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/Screenshot_126-removebg-preview.png)
Define common tasks to execute on the site under study to evaluate its usability
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/Screenshot_126-removebg-preview.png)
Execute common tasks to analyze the pain points and the overall mood during the execution
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/Screenshot_126-removebg-preview.png)
Mitigate pain points with appropriate strategies of architectural restructuring and layout.
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/Screenshot_126-removebg-preview.png)
Realize the Design of some screens containing the key concepts and graphic elements renewed
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/gears-spinning.gif)
Time to anaylize and test the website
Analysis Conclusion
Confusing graphics, heterogeneous palette (sometimes inconsistent), Self-promotional spots that distract the user, and a lot of other things made
Let’s make a Usability test
1
Purchase of a video game
2
Purchase of a video game of which we know the name/publisher
3
Purchase of a new console
Conclusion
The processes of search and navigation on the site gamestop.it are strongly compromised both by layout and structural limits (net of constraints and trade-offs of other nature that we will ignore for research purposes).
Optimizing flows to reduce steps
The (re)design proposal
The new version
A new improved dinamyc landing page with modern tiles
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/26-Landing-Page-1024x576.jpg)
A new improved and clear top menu
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/27-Landing-Page-–-Console-opened-1024x576.jpg)
A new powerful search with thumbnails
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/28-Landing-Page-–-Search-active-1024x576.jpg)
A new filter grids
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/29-Games-with-filters-1024x576.jpg)
A new improved information tile
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/game-info-2-1024x576.jpg)
A new extended game information window (overlapped and scrollable)
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/game-info-1-1024x577.jpg)
A new improved, accessible and coherent shopping cart
![](https://www.lucapeluso.com/wp-content/uploads/2021/09/32-Shopping-cart-1024x576.jpg)