top of page
shutterstock_570872020 2.png
nkhrvso1swd77cdvgzx5.webp
New Onboarding

Onboarding for all casino brands: MR. green, 888 casino, 777 and SI.

Following the merger of Mr. Green and 888, we launched a new app for Mr. Green. I was responsible for creating a single onboarding process that catered to both existing Mr. Green users and new ones. The positive outcome led me to extend this onboarding strategy to all our brands

The Task

Understand the main changes between the new and the old app, create up to 3 steps that will work for both current Mr. Green users and new ones.

The Challange

It's crucial that users complete all steps to avoid any frustration in finding what they need. Typically, users tend to close tooltips without fully reading them, so we must keep them concise and engaging. Additionally, users undergoing migration may encounter additional steps before onboarding begins, So we must keep it short, Our challenge lies in making the process effective for both scenarios.

The Main Changes

Mobile:

  • Promotions moved to the burger menu.

  • Notification to the user area.

  • Cross for sport added to the native menu

Frame 47308.png
Group 88029.png
Group 88031.png
Group 88030.png

Desktop

  • User area and notification moved to the left.

  • promotions from burger menu to the left.

  • Deposit also moved to the left.

Three steps Onbording

1

Welcome Explain to the user where he is.

2

Menu An explanation of the menu and what is in it

3

User Area Deposit, your account, and more

Inspirations

esed.png
image 73.png

Wireframes

First wireframes

Group 88052.png
Group 88050.png
Group 88051.png
Frame 47314.png
Group 88071.png
Frame 47310.png

But it was a bit boring so I continued with the research... 

Second wireframes

Frame 47305.png
Frame 47304.png
Frame 47303.png
Frame 47297.png
Frame 47315.png
Frame 47316.png

UI first options

13.png
TOP 10 IN SWEDEN.png
210642.png
210621.png
TOP 10 IN SWEDEN-1.png
210619.png

UI Second options

welcome.png
Menu 28.png
Menu 18.png

The text is too long!

No one will read all of this, users scan text they don't read it.

So I had a few meetings with the copywriter

I wanted the user to be able to understand everything from the title.

Final Design + full flow

Mobile

green-1.png
green.png
green-2.png

Desktop

16.png
17.png
18.png

Full migraion user flew

nkhrvso1swd77cdvgzx5.webp

All Brands design

889.png
SI.png
890.png
green.png

After the release of the onboarding, the results were excellent, the absolute majority of the users completed the onboarding

bottom of page