About the project:
In 2021 the stakeholders of CasinoClub gave us the task that the cashier of CasinoClub.com needed a Redesign and a new Implementation, as there were several problems:
- Users having problems to deposit
- The new cashier software would cost less yearly and it is used globally in the company
As a UI/UX Designer in this project I started with research using customer support feedback/Google Analytics/HotJar, which lead to this conclusions:
Pain Points:
- Users get stuck or abandon the payment process due to unclear or not existing error messages
- Users get frustrated about deposit or withdrawal process and call or email customer support for help
Ideas & Solutions:
- Check every user journey and rewrite and clear up errors/error messages
- Offer in-app chat solution directly to customer support if error messages occur/Users get stuck
Overview User-flow of the new cashier:
![Cashier Userflow](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2023/10/cashier_userflow-1024x884.jpg)
User Journey example for Paypal deposit option:
I did wireframes for the different options for deposit and withdrawal as well as different user journeys inside the different paths.
![User Journey Paypal](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2023/11/user_journey_paypal2.gif)
Wireframes:
Here are a few examples of the wireframes for the project (clickable prototype built in Axure).
![Cashier Wireframe 1](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_wireframe1-953x1024.jpg)
![Cashier Wireframe 2](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_wireframe2-953x1024.jpg)
![Cashier Wireframe 3](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_wireframe3-953x1024.jpg)
![Cashier Wireframe 4](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_wireframe4-953x1024.jpg)
Design:
For the design I kept the look & feel of the website and adjusted it to the basic conditions/layout of the cashier frontend.
The Desktop Version is a layover on the website:
![Cashier Desktop 1](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_desktop1-953x1024.jpg)
![Cashier Desktop 2](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_desktop2-953x1024.jpg)
The Mobile Version is a new window on top of the mobile website:
![Cashier Mobile 1](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_mobile1-953x1024.jpg)
![Cashier Mobile 2](https://www.gestaltungswert.de/wordpress/wp-content/uploads/2019/06/cashier_mobile2-953x1024.jpg)