I didn’t just tweak a few screens – I rebuilt the entire Qlan interface from the ground up, rethinking structure, motion, components, and system logic to support faster interactions, smoother flows, and long-term scalability. Every screen now follows a unified design language that balances performance, clarity, and modern game-like fluidity.
Lead Product Designer
Qlan Redesigning a Gamer’s Social Network
Why Qlan hired me
Qlan is a dedicated platform built for the gaming ecosystem. It helps game publishers reach the right players with clarity and measurable ROI. Gamers and creators get a space to grow, connect, and showcase their passion. Qlan introduces gamified tools that drive acquisition, engagement, and retention. A unified home for meaningful interactions between games and gamers. But the team noticed a drop in retention, and users weren’t engaging beyond the first few screens.
During my first audit, I identified 3 core problems :
-
Rigid UI + No emotional layer – The interface felt functional but soulless. For gamers, emotion = engagement.
-
Lack of UX clarity – Navigation felt heavy; flows required too many steps.
-
Choppy animations – Motion didn’t support user actions. Animations were slow, inconsistent, and unoptimized.
Qlan brought me in to redesign the experience to feel alive more intuitive, more game-like, and more fluid.
Results
Understanding the Users
I ran a micro-survey with 20–25 college mobile gamers, since they closely represent Qlan’s target audience.
UX Audit Findings
I created a small audit report revealing:
-
Interaction loops were broken
-
Motion wasn’t aligned with intent
-
The design system lacked hierarchy & consistency
-
Developers were manually animating components (heavy + inconsistent)
This research shaped the next phase.
New
Key insights from users
The app looked interesting, but users felt it was slow. The animations didn’t match the energetic vibe of gaming. They wanted rewarding micro-interactions, and many also struggled to quickly find relevant squads or players.
Results
Bringing Gamification + Motion as Core UX
After multiple discussions with stakeholders, 3 strategic directions became clear
Gamify the core experience
Instead of just a “social app,” Qlan needed
Rebuild the Motion System using Rive and it's State Machines
Developers were thrilled because the animations became consistent, performant, and easy to reuse.
-
Rive animations for avatars, badges, transitions
-
State Machine logic to control animation flows
-
Lightweight, scalable motion tokens for devs
A Complete UX & UI Rebuild for Speed, Scale & Flow
If you want a slightly bolder, product-focused version:
Re-engineering Qlan’s Entire Design System for Performance & Fluidity
From navigation to micro-interactions, I redesigned Qlan’s full UI ecosystem to create a high-speed, motion-first, developer-friendly design system that feels intuitive for users and scalable for the product team.
Bonus
I learned Flutter & Dart to speak the dev’s language and that was fun!
This allowed us to optimize animations and reduce implementation time.
Impact
What changed after redesign
01
Players spent more time inside the app
due to emotional motion and gamification.
02
The app felt faster and smoother,
especially with Rive’s state machine.
03
Recommendations from gaming groups increased
users started promoting the app themselves.
04
Qlan reached 1M+ downloads,
and motion became one of the most appreciated parts of the experience.
This isn’t just the work I’ve put in over a year
It’s the feeling of bringing a still UI to life.
Learnings
-
Gamers value personality > perfection
-
Motion can be a design system, not just decoration
-
Collaboration with devs becomes powerful when designers understand the stack
-
Emotion is a real feature, treat it like one
– Shrey ( Lead Product Designer at Qlan )
