Luan Nguyen Design

Luan Nguyen Design

Hello, I’m Luan Nguyen—a Software Design Engineer with expertise in UI/UX design, front-end development, and design systems. I blend creativity with technical precision to deliver seamless, intuitive, and highly functional digital experiences. With a strong focus on scalable design architecture and cross-functional collaboration, I help bridge the gap between design intent and engineering execution to create products that are both user-centered and development-friendly.

I am committed to VGDS Design, enhancing the quality and efficiency of digital services for the Vietnamese government. By applying strategic design thinking, user-centered methodologies, and scalable system architecture, I contribute to creating impactful digital solutions that improve public service delivery, foster innovation, and support the nation’s digital transformation goals.

Explore my projects

Discover impactful initiatives shaping the future of design, development, and innovation in Vietnam.

VGDS

An unofficial open design system created collaboratively by Vietnamese designers and developers to enhance Vietnam's Government digital services and infrastructure.

VGDS for Developers

Tech framework library for web, mobile, and AI applications, seamlessly enhancing efficiency, consistency, and usability of government digital services and platforms.

VGDS Systems

A unified platform for VGDS systems and solutions, ensuring consistency, accessibility, and efficiency across Vietnam's digital government services and infrastructure.

Design for Vietnam

Empowering young innovators with human-centered design, creativity, technology, and an innovative mindset to address social challenges and build purpose-driven careers.

Technologies I work with

These are the core technologies I use to build fast, scalable, and thoughtful digital experiences.

ReactA JavaScript library for building user interfaces with reusable components and efficient rendering.
Next.jsA full-stack React framework with server-side rendering, API routes, and powerful routing.
TypeScriptA strongly typed programming language that builds on JavaScript for better tooling and scalability.
Tailwind CSSA utility-first CSS framework for creating custom designs quickly with predefined classes.
Radix UIUnstyled, accessible UI primitives for building high-quality design systems in React.
Shadcn UIA collection of beautifully designed UI components built with Radix UI and Tailwind CSS.
FlutterAn open-source UI toolkit by Google for building natively compiled apps for mobile, web, and desktop.
SwiftApple’s powerful and intuitive programming language for building iOS, macOS, watchOS, and tvOS apps.
KotlinA modern, expressive programming language that’s concise, safe, and interoperable with Java.
PostgreSQLAn advanced open-source relational database known for reliability, performance, and extensibility.

Master Design, Code & AI Apps

Learn design, development, and AI with React, Flutter, LangChain, and more.

Build a Web App with React & Next.js

Develop dynamic and scalable web applications using React and Next.js while applying UI/UX principles to front-end development.

  • - Master React and Next.js fundamentals
  • - Implement modern UI/UX principles
  • - Build responsive web UI
  • - Integrate APIs and databases
  • - Deploy scalable web applications
Under development

Build an iOS & Android App with Flutter

Create high-performance cross-platform mobile applications with Flutter, leveraging UI/UX best practices for seamless user experiences.

  • - Understand Flutter and Dart basics
  • - Design intuitive and accessible UI/UX
  • - Build responsive mobile UI
  • - Integrate APIs and databases
  • - Publish apps to iOS and Android stores
Under development

Build an AI App with LangChain & Next.js

Master AI app development with LangChain and Next.js, seamlessly integrate LLMs for automation, data retrieval, and smart workflows with ease.

  • - Understand LangChain and AI concepts
  • - Integrate OpenAI and LLM APIs
  • - Build conversational AI experiences
  • - Optimize AI workflows and performance
  • - Deploy and scale AI-driven applications
Under development