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 70 hours of video content, guiding you seamlessly from fundamental concepts to advanced techniques.

+
Chapters
+
Lessons
+
Hours
Chapter 1
Start2 hours

Course introduction

Course goals and objectivesCourse structureEssential tools and resourcesEffective learning strategiesUser-centric design principles
Free
Chapter 2
Design · Basic5+ hours

Learn Design System

Understanding design systemsImportance of design systemsKey benefits of design systemsCreating design principlesBuilding reusable components
Free
Chapter 3
Design · Basic7+ hours

Learn Figma

Master Figma design toolsCreate responsive layoutsBuild reusable componentsDevelop interactive prototypesDesign for accessibility inclusively
Free
Chapter 4
Design · Intermediate7+ hours

Learn UI Design

Master UI design principlesApply layout techniquesUtilize color and typographyDesign interactive componentsImplement accessibility standards
Free
Chapter 5
Design · Advanced7+ hours

Learn UX Design

Master UX design principlesUnderstand user psychologyCreate effective user flowsConduct usability testingDesign accessible user interfaces
Pro
Chapter 6
Code · Basic11+ hours

Learn HTML and CSS

Master HTML and CSS fundamentalsDesign responsive layouts with Flexbox & GridImplement accessibility best practicesStyle navigation menus and buttonsBuild a personal portfolio website
Free
Chapter 7
Code · Intermediate12+ hours

Learn JavaScript

Master JavaScript fundamentalsHandle events and user interactionsWork with APIs for dynamic dataBuild interactive UI elementsBuild Apple Product Showcase Website Replica
Pro
Chapter 8
Code · Advanced12+ hours

Learn React

Master React fundamentalsManage state and propsImplement routing with Next.jsBuild interactive UI componentsBuild Airbnb, Netflix, or Spotify Web App Replica
Pro
Chapter 9
Code · Advanced12+ hours

Learn React Native

Master React Native fundamentalsImplement navigation and routingManage state with Context APICreate engaging UI elementsBuild Airbnb, Netflix, or Spotify Mobile App Replica
Pro
Chapter 10
Finish2 hours

Course wrap up

Reflect on course achievementsClaim your course certificateBuild a professional portfolioSeek and use feedback effectivelySet future learning goals
Pro
Download the courses deck

To download this document, please use a larger device, such as a desktop or laptop, for optimal quality and user experience. Mobile downloads are not supported. However, if you still wish to view this document on a smaller device, you can click here to download it.

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
/month
Not available

What's included

  • 5 free chapters
  • 10+ 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
/month/member
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
All prices, including those for the Pro and Team plans, are listed in USD and are inclusive of VAT. No additional taxes or fees will be added at checkout.

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

Play board games with my brothers
Working at a coffee shop or coworking space
Life as a digital nomad: standing on a mountain, envisioning a bright future
Traveling by train
A digital nomad standing on a sea beach
Most photos on my website, excluding my avatar and student photos, are generated using Meteory AI. Featuring a dither effect, these images are purely illustrative and do not depict real-life events or individuals.

Frequently asked questions

If you can't find the information you need, please submit your questions using the provided form, and I will respond as soon as possible.

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 80+ hours of high-quality video tutorials, crafting impactful real-world projects.

Not available