Dr.Yousefi
Year
2024
Our Contributions
- User Research
- Competitor Analysis
- UI Kit Design
- User Flow Design
- UI Design
Project Sections
- User Dashboard
- Website
Memorf, a platform for fast and productive learning
Memorf is an intelligent platform for creating and reviewing flashcards, leveraging the Leitner system to help users learn and retain educational content effectively. The platform allows users to create personalized packages, sell them, and track their learning progress in detail. With a user-friendly design and flexible features, Memorf transforms the learning experience into something more enjoyable and productive.
Colors That Bring Learning to Life
In Memorf’s design, colors were carefully chosen to evoke freshness, motivation, and focus. The combination of turquoise and orange boosts energy and creativity, while soft gray provides visual balance. This palette creates a dynamic and user-friendly environment, making the learning and review experience more enjoyable.
Primary Color
#30D5C8
Secondary Color
#F4A261
Natural Color
#A3A3A3
01
Leitner Section:
Managing and Tracking Learning Progress
In this section, users can view their purchased or created packages, track their study progress, and enter the learning mode by clicking “Start Studying.” This feature helps users easily manage their daily reviews and stay aware of their progress.
02
Card Review Section:
Self-Assessment and Progress Tracking
In this section, users view their cards and respond using two buttons: “I Knew It” and “I Didn’t Know It.” A single card can contain multiple questions, and at the end, the user’s total score is calculated based on the sum of the individual question scores. This process helps users identify their strengths and weaknesses, making it easier to plan their learning journey.
03
Flashcard Creation Section:
Designing a Personalized Learning Experience
Users can create up to 100 flashcards per package and add as many questions as they want to each card. Every question includes a text prompt, an answer, and a score that the user sets during creation. This flexibility empowers users to tailor the learning content to their exact needs.
Empathize
Use UX research to understand users and their pain points
Define
Defining what the project is and what its goals are
Ideate
Sketch out ideas and turn turn to wireframe
UI design
Making design samples according to selected ideas, designing pages and interactions to check different results.