Stranerd

Stranerd is a gamified learning mobile application designed to transform the traditional studying experience into something more interactive, competitive, and rewarding for students.

00

problem

Many educational platforms feel repetitive, overwhelming, and disconnected from the way students naturally interact with modern digital products. This often leads to low engagement, reduced motivation, and inconsistent learning habits among students.

solution

The solution was to design a mobile learning experience that combines education with gamification through quizzes, rewards, leaderboards, analytics, and competitive challenges. The platform was created to make studying feel more engaging while still maintaining clarity and usability.

Stranerd began with a simple question: what if studying felt less like a chore and more like a game students actually wanted to return to? Traditional learning platforms often felt repetitive, overwhelming, and disconnected from how students engage with modern digital products. As a result, motivation dropped, engagement faded, and learning became inconsistent.

The goal was to reimagine learning as something more interactive, motivating, and rewarding.

I designed Stranerd as a gamified learning experience where studying is driven by progress, competition, and rewards. The onboarding and authentication flows were kept simple and frictionless to help users get started quickly without confusion.

Once inside the app, the dashboard acts as the main hub, giving users a clear view of their progress, rewards, and active challenges. Key features like quizzes, leaderboards, group battles, and gamification elements such as XP, streaks, badges, and rewards were introduced to make learning more engaging and consistent.

I also designed analytics to help users track their performance over time, alongside a wallet system that reinforces value through in-app rewards. Notifications were used to keep users updated and engaged without being intrusive.

The biggest challenge was balancing education with gamification ensuring the experience stayed simple and usable while still feeling exciting.

Stranerd ultimately repositions learning as an active, rewarding experience rather than a passive one, helping students stay motivated and consistent over time.

year

2026

timeframe

3 Months

tools

Figma, Adobe Illustrator, Adobe Photoshop

category

UI/UX

01

The onboarding experience was designed to introduce users to the app in a simple and welcoming way while clearly communicating the platform’s value. Large typography, clean layouts, and minimal content were used to make the first interaction feel engaging and easy to understand.

02

The authentication flow was designed to reduce friction and help users create accounts quickly using email, Google, or Apple sign-in options. The process was kept simple and intuitive to ensure a smooth onboarding experience for new users.

03

Dashboard  The dashboard serves as the central hub of the application, giving users quick access to their progress, rewards, study activities, and ongoing challenges. The layout was structured to help users easily navigate through the platform while keeping important information visible and accessible.

04

The analytics experience was designed to help users better understand their learning habits and academic performance over time. Through clean data visualization and performance tracking, students can monitor their progress, consistency, and improvement across different subjects.

05

The wallet system allows users to manage rewards, coins, and in-app transactions in a simple and organized way. This feature supports the gamification ecosystem by giving users a sense of value and progression as they interact with the platform.

06

The group battle feature introduces a social learning experience where users can compete with friends through interactive quiz challenges and team-based activities. This feature adds excitement to the learning process while encouraging collaboration and competition.

07

The quiz experience was designed to feel fast, interactive, and engaging while helping users stay focused during learning sessions. Instant feedback, score tracking, and clean interfaces were introduced to improve clarity and overall user engagement.

08

Gamification features such as XP systems, badges, rewards, streaks, and rankings were introduced to improve motivation, retention, and long-term engagement. These elements help make the learning experience feel more rewarding and enjoyable for users.

.say hello

Got an idea, product, or vision you want to bring to life?
Let’s build something exceptional together.

.say hello

Got an idea, product, or vision you want to bring to life?
Let’s build something exceptional together.

Create a free website with Framer, the website builder loved by startups, designers and agencies.