Advanced UI/UX Design Lab 2 — 18 Lessons
About This Course
An intermediate to advanced UI/UX design course for teens aged 12–18, focusing on modern interface design principles, user experience strategies, and real-world design projects. Students will build a professional portfolio for web and mobile apps.
What You'll Learn
- User interface design principles
- User experience and usability
- Wireframing and prototyping
- Design systems and components
- Portfolio project creation
Who This Course Is For
Teens aged 12–18 with basic UI/UX knowledge who want to advance their design skills and build real-world app interfaces.
Course Curriculum
Lesson 1: Introduction to Advanced UI/UX 1 week
Overview of professional UI/UX principles.
- Review of basic UI/UX concepts
- Advanced design principles
- Design thinking process
Lesson 2: User Research Techniques 1 week
Learn to gather and analyze user requirements.
- Conducting interviews
- Surveys and questionnaires
- Persona creation
Lesson 3: Wireframing and Prototyping 1 week
Develop wireframes and interactive prototypes.
- Low-fidelity wireframes
- High-fidelity prototypes
- Using design tools
Lesson 4: Layouts and Grids 1 week
Understand responsive layouts and grid systems.
- Grid fundamentals
- Alignment and spacing
- Adaptive vs responsive design
Lesson 5: Typography & Color Theory 1 week
Enhance designs with text and color.
- Font selection and hierarchy
- Color psychology
- Contrast and readability
Lesson 6: Icons & Visual Elements 1 week
Use visual elements effectively.
- Iconography
- Illustrations and imagery
- Visual consistency
Lesson 7: Navigation Design 1 week
Create intuitive navigation structures.
- Menus and navigation patterns
- User flow optimization
- Accessibility considerations
Lesson 8: Interaction & Microinteractions 1 week
Add dynamic interactions to your UI.
- Button states
- Transitions and animations
- Feedback mechanisms
Lesson 9: Responsive Design Techniques 1 week
Ensure your designs adapt to multiple devices.
- Media queries
- Flexible grids
- Testing on devices
Lesson 10: Design Systems & Components 1 week
Create reusable design elements.
- UI components
- Style guides
- Consistency across pages
Lesson 11: Prototyping & User Testing 1 week
Validate designs with users.
- Usability testing
- Collecting feedback
- Iterative improvements
Lesson 12: Advanced Tools & Software 1 week
Master professional UI/UX tools.
- Figma
- Adobe XD
- Sketch basics
Lesson 13: Motion Design & Animations 1 week
Integrate motion into your designs.
- UI animations
- Transition effects
- Microinteractions
Lesson 14: Advanced Prototyping 1 week
Build interactive prototypes.
- Clickable prototypes
- Animations and interactions
- Feedback loops
Lesson 15: Project Planning 1 week
Prepare for final project implementation.
- Project scope
- Wireframe to prototype mapping
- Team collaboration
Lesson 16: Final Project Development 1 week
Work on your capstone project.
- Develop complete UI/UX project
- Apply learned principles
- Test across devices
Lesson 17: Project Presentation 1 week
Present and showcase your design project.
- Portfolio presentation
- Peer review
- Feedback integration
Lesson 18: Portfolio Completion & Review 1 week
Finalize your professional portfolio.
- Final refinements
- Documentation
- Portfolio submission
Meet Your Instructor
David Johnson
Senior Game Developer & Educator
4.7 (128 reviews)
David has over 10 years of experience in game development and has taught coding to kids for the past 5 years. He specializes in making complex concepts accessible and fun for young learners.
Frequently Asked Questions
What software or tools will my child need for this course?
A PC running on at least Windows 10 or above, Chrome/Firefox Browser,Adobe Figma, Adobe XD
How much time should my child dedicate to this course each week?
We recommend 1-2hrs hours per week for live sessions and an additional 1-2 hours for practice and projects. The course is designed to be flexible to accommodate school schedules.
What if my child misses a live session?
All live sessions are recorded and available for students to watch later. We also provide additional support through our online community and one-on-one help sessions.
Does my child need any prior coding experience?
No prior experience is necessary! This course is designed for complete beginners. We start with the very basics and gradually build up to more complex concepts. However, some courses have prerequisites.
What kind of support is available during the course?
Students receive support through multiple channels: live Q&A during sessions, a dedicated student community, email support, and optional one-on-one tutoring sessions if needed.
