Welcome to

UX/UI Concepts For Engineers In A Hurry

Join me on a journey through the world of UX/UI design, where we'll explore essential concepts and bring them to life with modern web tech!

Course Syllabus and Content

Welcome to "UX/UI Concepts For Engineers In A Hurry"! This isn't your average, dry online course. It's more like sitting down with a fellow developer (that's me, Lucas!) to chat about making software that users will love.

We've packed 5 modules with 17 lessons, giving you nearly 2 hours of UX/UI goodness. It's a whirlwind tour through the world of user-friendly design, perfect for busy engineers or anyone curious about UX/UI.

Here's a sneak peek at our adventure:

Module 1

Intro & Getting Started

4 Lessons

This module introduces the course objectives, provides a brief overview of NextJS, TailwindCSS, and Shadcn, and discusses the importance of good UX/UI. You'll also set up your project environment.

Module 2

Applying UX/UI Principles - Flow & Hierarchy

3 Lessons

Learn how to apply UX/UI principles to improve the flow and hierarchy of your software. Explore techniques for enhancing navigation and creating effective visual hierarchies.

Module 3

Applying UX/UI Principles - Decluttering & User Feedback

4 Lessons

Discover how to apply UX/UI laws and principles to improve and declutter interfaces. Learn about creating more aesthetically pleasing experiences and providing effective user feedback.

Module 4

Applying UX/UI Principles - Accessibility Considerations

3 Lessons

Explore the importance of accessibility in software development. Learn about web accessibility principles, testing methods, and how to choose accessible color palettes.

Module 5

Final Touches and Review

3 Lessons

Review the transformed app, address common questions about UX/UI design, and explore next steps for continuing your UX/UI journey. Wrap up the course with key takeaways and encouragement for future projects.

Module 6

Advanced Package - Conversion-Centered Design

3 Lessons

This module covers principles of conversion-centered design. You'll learn about creating focus, building structure, and designing for trust to optimize your forms and pages for better conversion rates.

Module 7

Advanced Package - UX/UI Techniques to Improve Conversion Rates

3 Lessons

This module explores advanced UX/UI techniques to improve conversion rates. You'll learn about the Von Restorff Effect, multi-page forms, and the importance of page speed in enhancing user experience and conversions.

Module 8

Advanced Package - A/B Testing and Analytics with Posthog

3 Lessons

This module introduces A/B testing and analytics using Posthog. You'll learn how to set up Posthog, create A/B tests, define meaningful metrics, and interpret results to make informed design decisions.