Gaming / AI analytics
Rankacy uses artificial intelligence to automatically create highlights and analytics from CS2 matches. I helped them get the interface of a fast-growing app to a point where it makes sense to new players from the very first moment.
Challenge
The app was growing fast, new features shipped every week, and the interface was inconsistent. There was no data on user behaviour, and no one was quite sure how to simply connect a Steam account to the platform.
What I did
I paired a UX audit with Hotjar data, rebuilt the registration form, unified the visual system, and checked everything in Design QA before launch.
Result
A more direct registration flow, faster login, and a connected Steam account.
Client
Rankacy
Role
UX/UI audit, redesign, Design QA
Tools
Hotjar, Figma
The findings
33%
left during the first step of registration
13%
left during the login process
I joined a project that was already running at full speed, and the first task was to find out where the app was actually leading new players, and where that journey broke down.
An unclear initial form, a slow login verification, missing feedback and a fragmented UI were behind a third of people leaving during registration, and another 13% during login.
Process
For each one: what the problem was, what I designed, and why.
The problem: The initial form contained unclear elements and unnecessary friction. This is where 33% of people left.
Solution: I simplified the initial form so it leads users to create an account without unnecessary obstacles and delays.
Why: At the start, people should make as few decisions as possible, so they reach the product's value as fast as they can.
The problem: A non-intuitive verification flow needlessly slowed users down. 13% gave up during login.
Solution: I removed unclear steps in authentication and sped up the return of existing users to the app.
Why: Returning users want to play and analyse right away — not go through verification again.
The problem: The app analyses player performance, but there was no clear way to show that data back to players.
Solution: I designed stat overviews and a highlight library from played matches, so players can instantly see how they did.
Why: The app only makes sense if players understand their own data. Otherwise it's just analytics nobody uses.
The problem: Inconsistent typography, colours and spacing increased cognitive load.
Solution: I unified colours, typography, spacing and recurring components into a consistent design system.
Why: A good design isn't enough if it falls apart in production — Design QA makes sure it ships exactly right.
Thanks to the UX audit, Rankacy got a clearer path from registration to the first match, without the spots where most players used to leave.
The app now also gives players a clear view of their performance and match highlights, and it stands on a consistent design system that can carry further growth.
Gallery
How the unified visual system works across the rest of the app — from onboarding to the mobile version.
