After users successfully authenticate, we face a critical question: How do we design a profile experience that balances immediate value with long-term engagement? At Tutorial Haven, we developed a dual-interface solution: the Main Platform for learning and the Arena for gamified competition. Here's our approach to profile management.
The Main Platform: Immediate Value & Learning Structure
First Impression Strategy:
"Did You Know?" Modal
Every login begins with an interactive question, immediate explanation, and direct link to practice more questions in that subject. This establishes value within seconds.
Goal: Transform login from a routine action into an immediate learning opportunity.
Profile Information Display:
Users see their complete profile:
Current Limitation: Profile editing functionality is intentionally deferred (recognizing that most users rarely update this data, while prioritizing higher-impact features)
Learning Navigation Hierarchy:
The Arena: Gamification & Social Learning
Profile Gamification Layer:
- Prominent Display: Username, level, XP points, and current rank
- Global Positioning: Shows student's rank relative to all platform users
- Resource Awareness: Available AI tokens (for advanced features)
- Progress Visualization: Current XP vs. required XP for next level
Competitive Learning Framework:
Quick Access Subjects
Instant redirection to course detail pages. Reduces friction between motivation and action.
Squad System
- Join existing study groups
- Create personal squads for collaborative learning
Builds accountability through social commitment.
Friends Leaderboard
Peer-to-peer comparison within trusted circles. Recent activity visibility among connections. Creates healthy competition without overwhelming global comparisons.
📚 Study Warriors
12 members • 3 online
🧪 Science Squad
8 members • 2 online
➕ Create Squad
Start your own group
Friends Leaderboard - This Week
🎯 Key Design Principles Behind Our Dual-Interface
⚡ Immediate Value
Every login delivers instant learning (Did You Know modal) before showing dashboards.
🧭 Progressive Discovery
Navigation hierarchy guides users from quick actions to deep learning pathways.
🏅 Dual Motivation
Main Platform serves intrinsic motivation (knowledge); Arena serves extrinsic motivation (competition).
🤝 Social Accountability
Squads and friend leaderboards transform solo learning into shared journeys.
🗣️ Question for You
How are you balancing functional profiles with engaging user experiences in your products?
💡 The Insight
A profile isn't just a container for user data—it's the command center for user motivation. By separating functional learning from social competition, we give users two distinct psychological spaces: one for focus, one for fun.