Session 1: Mastering Styling and Layout (20 minutes)

• Debugging stubborn display and styling properties
• Proper use of flex layouts / rows / columns in Bootstrap
• Common issues with unintentional side-scroll margins ( i.e. using container-fluid & container correctly )
• Proper use of overflow for scrolling cards and elements
• Hands-on examples and demonstrations

Session 2: Creating Visual Impact with CSS Keyframe Animations (20 minutes)

• Basics of CSS keyframe animations
• Adding subtle animations for enhanced user experience
• Applying animations to create engaging interactions
• Live coding session to demonstrate keyframe animations
• Break and Q&A (10 minutes)
• Interactive Q&A session for students to clarify doubts
• Opportunity to ask questions related to the topics covered so far

Session 3: Designing with Psychology: Colors and User Engagement (20 minutes)

• The role of color in web design and user engagement
• Understanding color psychology and its impact on user perception
• How to choose app/website-specific color palettes effectively
• Case studies and real-world examples of successful color usage

Session 4: Creating Memorable User Experiences (15 minutes)

• Importance of consistency in design and user experience
• Strategies to make your design memorable and user-friendly
• Tips for creating intuitive navigation and interaction patterns
• Showcasing successful UX/UI examples from popular applications

Session 5: Q&A and Interactive Activity (10 minutes)

• Final Q&A session for students to ask any remaining questions
• Interactive activity where students apply the concepts learned to a quick design challenge **
• Conclusion and Wrap-Up (5 minutes)
• Recap of key takeaways from the lecture
• Encouragement for students to continue exploring UX/UI design – cuz it is FUN and AWESOME!!!