SEU

This platform was designed to help students prepare for the UNAM entrance exam, one of the most competitive admissions tests in Mexico. I created the entire product interface from scratch, including branding, UX architecture, UI design, and interaction flow. The app delivers quizzes, practice modules, score tracking, and educational resources through a clean and focused layout.

📍 Platforms: Web & Mobile (Responsive)
📚 Audience: High school and pre-university students
🧩 Stack/Tools:

• Custom UI kit & iconography
• Mobile-first responsive layouts
• Fully scalable quiz and calendar system
• Educational taxonomy integration (categories like Endocrinología)

🎯 Project Goals

Keywords: education UX design, student app interface, learn-from-home tools

• Design an intuitive and non-distracting UI for students of all levels
• Build dynamic interfaces for quiz taking, result tracking, and study scheduling
• Integrate subject categories aligned with UNAM’s entrance exam content
• Ensure both desktop and mobile flows are seamless and accessible
• Use a motivational, gamified approach without compromising clarity

🖌️ Visual & Interaction Design

The visual identity centers around a clean, red-and-white palette, chosen for its clarity, attention retention, and alignment with academic seriousness.

• Custom illustrations and iconography
• Friendly UI language, designed to reduce test anxiety
• Consistent navigation patterns across devices
• High-contrast layout for accessibility

🧠 Key Features

📆 Smart Calendar Integration

Students can plan their study time and view upcoming practice sessions, deadlines, or reminders.

🧪 Practice Quizzes by Subject

Includes hundreds of categorized questions by topic (e.g., Biología, Endocrinología, Matemáticas) with clear feedback and explanations.

📈 Score Tracking & Review

Students can visualize performance over time, review answers, and identify weak areas.

• Dynamic scoring tables
• Per-topic result filtering
• Review past quizzes with correct/incorrect feedback

📱 Responsive Web & Mobile Support

The app was designed for mobile-first usage but is fully usable on desktop, ensuring flexibility in study habits.

🧩 UX Architecture

Keywords: education UX system, onboarding flow, responsive study tools

From user onboarding to quiz review, every screen was designed to minimize friction and cognitive load.

• Clear progress indicators
• Simple CTA buttons
• Sectioned flows (Take Quiz → Results → Review → Retake)
• Gamified mascot illustration and success/error messages

💡 What I Created from Scratch

✅ 70+ screen designs (responsive)
✅ Fully custom calendar/quiz UI
✅ Visual identity and system design
✅ Gamification elements
✅ UX writing and UI copy

🧠 Lessons & Highlights

• Educational apps benefit from emotionally supportive design — clarity, humor, and visual calmness matter
• Students focus better with modular content blocks and a predictable structure
• Having a full design system from the start made the app easy to scale and test with users

🧑‍🎓 Why This Matters

The UNAM exam is a high-stakes challenge. This app aims to reduce anxiety, increase readiness, and provide a structured system to succeed — all through smart, purposeful design.