21 days ago
UI/UX wireframe for an educational platform's student dashboard called "Mastery Hub". **Layout:** A two-column layout. A fixed navigation sidebar on the left, and a main content area on the right. **Left Sidebar Components:** - Logo: "Mastery Hub". - Navigation links with icons: "Home", "Subjects", "Forum", "Practice", "Leaderboard", "Upgrade". - User profile snippet at the bottom with avatar and name. **Main Content Area Components:** - Top section: A welcoming message like "Welcome back, [Student's Name]!" and a summary card showing their overall "Ability Score". - Middle section: A "Continue Learning" section with 2-3 cards for subjects the student recently accessed. Each card shows the subject name, an icon, and a progress bar. - Bottom section: A "My Subjects" section displayed as a grid of cards. Each card represents a subject (e.g., "Math 12", "Physics 11") and contains a subject icon, subject name, and a "Start Learning" button. **Style:** Clean, modern, friendly, and motivating. Use rounded corners and clear typography. Inspired by Duolingo and Khan Academy's dashboards.
Windframe is an AI visual editor for rapidly building stunning web UIs & websites
Start building stunning web UIs & websites!
