Coming soon

Master the Art of
Full-Stack
Design

Hi there, I'm Luan, and my goal is to guide you in mastering design and coding by creating impactful real-world projects.

Join 100+ others on the waitlist for early access

The only course
you need

Unlock mastery in Full-Stack Design effortlessly with my comprehensive package: Dive into over 100 hours of video content, guiding you seamlessly from fundamental concepts to advanced techniques.

+
Chapters
+
Lessons
+
Hours
Chapter 1
Start20 mins

Course introduction

Why this course?What is Full-Stack Design?Some tips for effective learning
Free
Chapter 2
Design · Basic30 mins

Learn Design System

What is a design system?Why do we need design systems?Benefits of design systems?Structure of a design system
Free
Chapter 3
Design · Basic8 hrs

Learn Figma

Introduction to variablesApply variables to designsCreate a component library
Free
Chapter 4
Design · Intermediate12 hrs

Learn UI Design

What is UI Design?UI Design FundamentalsUsability Heuristics for UI Design
Pro
Chapter 5
Design · Advanced16 hrs

Learn UX Design

What is UX Design?UX Design FundamentalsPrinciples for UX Design
Pro
Chapter 6
Code · Basic24 hrs

Learn HTML and CSS

What is HTML and CSS?Understanding the CSS BEM conventionBuild a simple portfolio website
Pro
Chapter 7
Code · Intermediate48 hrs

Learn JavaScript

What is JavaScript?Get familiar with JavaScriptIntroduction to web animations with GSAPBuild an Apple product showcase web cloneAdding interactive 3D objects with Spline
Pro
Chapter 8
Code · Advanced96 hrs

Learn React

What is React?Create a web component libraryBuild an Airbnb web cloneBuild a Netflix web cloneBuild a Spotify web clone
Pro
Chapter 9
Code · Advanced120 hrs

Learn React Native

What is React Native?Create a mobile component libraryBuild an Airbnb mobile app cloneBuild a Netflix mobile app cloneBuild a Spotify mobile app clone
Pro
Chapter 10
Finish30 mins

Course wrap up

Summarizing our accomplishmentsGet your course certificateComing up next
Free

Elevate your design
career to new heights

Mastering design can be challenging, especially when collaborating with engineers. Embrace the journey of refining both your design and coding prowess, and savor the progress along the way.

Enhanced collaboration

Understanding code allows designers to effectively communicate their design intentions to developers.

Greater creative control

Knowing how to code empowers designers to bring their creative visions to life independently.

Improved prototyping

Coding skills enable designers to rapidly prototype and iterate on their designs by design concepts in code.

Understanding technical constraints

Designers who understand code are better equipped to work within technical constraints.

Problem-solving skills

Learning to code cultivates a problem-solving mindset that is valuable for all aspects of design.

Career advancement

Designers adept at merging design with development are highly sought-after with expansive job prospects.

Get started today

Elevate your design game with lessons tailored to enhance both your creative prowess and coding capabilities.

Not available

Master the Skills to Become a Full-Stack Designer

Discover flexible pricing options tailored to your learning journey and budget, designed to help you master Full-Stack Design skills.

Free

Access limited course materials with basic features at no cost.

$0 /mo

Not available

What's included

  • 4 free chapters
  • 9 free lessons
  • Source code and design files
  • Private Slack channel
  • More exclusive lessons
  • Certificate of completion

Team

Optimize course pricing structure for group enrollment and budget flexibility.

$25 /mo

Not available

What's included

  • 5 members
  • All chapters
  • Unlimited lessons
  • Source code and design files
  • Private Slack channel
  • More exclusive lessons
  • Certificate of completion
  • Manage member subscriptions
  • Member learning progress

Education package

Unlock special discounts for comprehensive educational packages, fostering accessible learning opportunities for all students.
Not available

Get to know
your course instructor

With 10+ years in digital product design and development, I aim to help you excel in design and coding via hands-on projects.

Luan Nguyen Design

Hey, I’m Luan Nguyen. I live in Ho Chi Minh City, where I design and build the future.

As a passionate software designer, founder, and digital nomad from Ho Chi Minh City, I am dedicated to leading Meteory AI with a bold vision. Our mission at Meteory AI is to create an intuitive AI assistant that empowers creatives and developers. As CEO, my goal is to bridge the gap between imagination and reality, transforming design ideas, code snippets, content, and research projects into tangible outcomes. Our AI technology strives to make the creative process seamless, inspiring, and accessible to everyone.

My journey into creation and technology began early. At 10, I wrote my first program after receiving a personal computer for my birthday, sparking a lifelong passion for technology. Even earlier, at 5, I spent hours crafting board games, designing characters, and imagining their interactions in a vivid fantasy world.

These early experiences laid the foundation for my future. While other kids played during summer breaks, I was designing board games with my brothers. Despite many failed attempts, we turned paper into complete games, teaching me perseverance, design, and product creation. Though the games are gone, the skills and knowledge gained have endured.

As a digital product designer and software engineer, I strive to inspire the next generation by sharing my insights and passion. Through Meteory AI, I provide tools and support to help others bring their ideas to life, showcasing the power of imagination, dedication, and technology.

hello@luannguyen.design

Ho Chi Minh City · Vietnam · 700000

Frequently asked questions

If you can't find the information you need, please feel free to email me, and I will get back to you as soon as possible with a response.

What courses do you offer?

I offer a wide range of courses covering design fundamentals, UI/UX design, front-end development, and more.

Are the courses suitable for beginners?

Yes, I cater to all skill levels, including beginners. My courses provide comprehensive guidance from basics to advanced techniques.

How are the courses structured?

Courses are structured with video lectures, hands-on projects, and quizzes to reinforce learning and practical skills.

Can I access the courses on mobile devices?

Yes, my platform is mobile-friendly, allowing you to learn anytime, anywhere, from your smartphone or tablet.

Do I need any specific software or tools to take the courses?

Requirements vary by chapter, but I offer guidance on the necessary software and tools. Many courses utilize industry-standard tools like Visual Studio Code and Figma.

Are there any prerequisites for enrolling in courses?

Prerequisites vary per chapter in my course. Some may require basic knowledge, while others are designed for intermediate to advanced levels. Check each chapter description for details.

How long do I have access to the course materials?

If you are a Pro member, you have access to course materials anytime, including exclusive lessons. Free members have access to limited materials.

Can I interact with instructors or other students

Yes, courses include a Slack channel or community page where you can engage with me as your instructor and fellow students.

Is there a certificate upon course completion?

Yes, you will receive a certificate of completion for completing all lessons in my course.

How do I enroll in a course?

I provide chapters with lessons in them. You can select any lesson you're interested in, click "learn," and follow the video to complete your course.

Need help? Ask me anything you can't find answers to.

One size doesn't fit all

Tailored for those looking to enhance their design or coding skills, this course recognizes that one size does not fit all.

Enhanced collaboration with developers

Understanding code improves designer-developer communication, streamlining workflows and reducing project misunderstandings for efficient execution.

Greater control over design implementation

Designers coding ensures design fidelity, minimizing discrepancies between vision and final product implementation for accuracy.

Improved problem-solving skills

Learning to code enhances problem-solving for designers, fostering logical thinking and attention to detail critical in design.

Broader career opportunities

Designers with coding skills gain versatility, qualifying for dual design and development roles, expanding career options and earning potential.

Innovation and experimentation

Coding knowledge empowers designers to craft interactive prototypes and innovate with new techniques, enhancing user experiences creatively.

Focus on core design skills

Investing time in design specialization enhances proficiency and expertise, potentially outweighing the benefits of learning to code.

Division of labor

In specialized roles, focusing on design, not coding, in companies can optimize efficiency and output quality.

Overwhelm and burnout

Learning both coding and design skills can overwhelm designers, leading to burnout, especially with multiple projects to manage.

Complexity of keeping up with both fields

Keeping pace with evolving trends and technologies in both design and coding demands significant time and effort.

Potential for mediocrity

Balancing between design and coding risks diluting expertise, advocating mastery in one area over mediocrity in both.

Elevate your design skills.
Start learning today.

Master design and coding through 100+ hours of high-quality video tutorials, crafting impactful real-world projects.

Not available
Luan Nguyen Design web project screenshot