February 2024
Skillify E-Course App - UI Mobile App
Conceptual e-course mobile UI that won 2nd place in Smart IT Competition.
FigmaAdobe XDIllustratorFigjamMiro
Project Overview
Skillify is a comprehensive mobile education platform concept that secured 2nd Place in the Smart IT Competition. This project re-imagines online course consumption by merging gamification mechanics with social learning features to combat the industry-wide issue of low completion rates. I designed the application to focus on 'Micro-Learning'—breaking down complex subjects into bite-sized, interactive cards that fit into a busy student's daily commute or break time.\n\nThe UX strategy relies on habit-forming design patterns derived from behavioral psychology. I utilized visual streaks, leaderboard systems, and peer-to-peer challenges to transform solitary studying into a community experience. The interface was crafted using Figma and Adobe Illustrator, featuring a vibrant, energetic visual identity that differentiates it from sterile academic platforms. Key features include a 'Daily Mix' of lessons, an interactive 'Duel Mode' for quizzes, and a 'Skill Tree' visualization that gives learners a clear roadmap of their growth.
Role
UI/UX Designer & Interaction Architect
Timeline
February 2024
Tools
Figma, Adobe XD, Illustrator, Figjam
Links
-
Key Responsibilities
Impact & Results
- Won 2nd Place in Smart IT Competition
- ~85% score for 'User Engagement' criteria
- Featured in 'Best Student Design' roundup
- Concept validated by 50+ student testers
Challenges
The Challenge
The main challenge was balancing the fun, gamified elements with serious educational content. The design needed to be engaging enough to retain users, but credible enough to be taken seriously as a learning tool.
Problem
Online courses suffer from massive attrition rates because the experience is often lonely and passive. Students feel isolated and lack the immediate feedback loops provided by traditional classrooms.
Passive consumption
Video-only lectures lead to boredom and low information retention.
Isolation
Learning without a community makes it hard to stay motivated when things get tough.
Lack of immediate feedback
Waiting until the end of a module to get quiz results reduces learning velocity.
Content fatigue
Long-form content is intimidating and difficult to fit into a fragmented schedule.
Solution
Skillify turns learning into an active, social game. I designed a card-based UI that forces interaction every 30-60 seconds and connects learners with peers who are studying the same topic.
Interactive cards
Lessons are presented as swipable cards with embedded quizzes, not long videos.
Social leaderboards
Weekly leagues and friend challenges create healthy competition and accountability.
Instant mastery checks
Micro-quizzes after every concept ensure understanding before moving forward.
Vibrant visual identity
A colorful, energetic design system that signals 'growth' and 'energy' rather than dry academics.
Process
The Journey
Behavioral Research
Studied the 'Hook Model' (Trigger, Action, Reward, Investment) to understand how to build habit-forming learning products.
Gamification Mapping
Designed the economy of points, badges, and streaks, ensuring they rewarded effort and consistency, not just natural talent.
Design UI Prototyping
Iterated on the 'Lesson Card' component to ensure it could handle text, images, code snippets, and quizzes within a small mobile viewport.