Design
Tư duy thị giác và trải nghiệm giúp thông tin rõ ràng, thao tác có chủ đích.
Visual Identity · UI/UX · Design Systems · Creative DirectionTHE PERSON BEHIND THANHFLOXXin chào,
Xin chào,
tôi là Thành.
Creative Technologist & Product Builder
Tôi là Nguyễn Tân Thành. Xuất phát từ Graphic Design, tôi kết hợp thiết kế, lập trình và AI để biến ý tưởng thành những phần mềm thực sự dùng được.
About me / English
I’m Nguyễn Tân Thành, a creative technologist and independent product builder in Vietnam. I bring design, engineering and AI together to turn ideas into useful software.
THANHFLOX / VIETNAM
Từ tư duy thị giác đến những sản phẩm thực tế.Nguyễn Tân ThànhDESIGNER → DEVELOPER → BUILDER
01 / MY STORYDESIGN × ENGINEERING × AI
Bắt đầu từ hình ảnh. Tiếp tục bằng những gì có thể hoạt động.
Tôi bắt đầu từ thiết kế đồ họa — nơi tôi học cách suy nghĩ bằng hình ảnh, bố cục, màu sắc và typography. Sau nhiều năm làm việc với thương hiệu và truyền thông, tôi quan tâm nhiều hơn đến điều xảy ra sau một giao diện đẹp: sản phẩm hoạt động thế nào, và giúp người dùng được gì?
Từ câu hỏi đó, tôi mở rộng sang UI/UX, lập trình web, phát triển ứng dụng và kiến trúc phần mềm. HTML, CSS, JavaScript, React, TypeScript, Python, API và cơ sở dữ liệu trở thành những công cụ để tự kiểm chứng ý tưởng.
AI mở thêm một hướng đi: kết nối sáng tạo và kỹ thuật để tự động hóa các quy trình phức tạp, thử nghiệm nhanh hơn và sử dụng nguồn lực hợp lý hơn. Tôi tập trung vào AI, công cụ sáng tạo nội dung và phần mềm hỗ trợ năng suất.
Tôi quan tâm đến toàn bộ vòng đời sản phẩm: hiểu vấn đề, thiết kế trải nghiệm, viết frontend và backend, tích hợp AI, triển khai, vận hành rồi cải tiến. Điều tôi muốn giữ lại sau mỗi thử nghiệm là một công cụ hữu ích, có thể dùng và phát triển lâu dài.
02 / FOUR CONNECTED DISCIPLINESDESIGN × ENGINEERING × AI
Không ngừng ở giao diện.
Đi đến một sản phẩm.
Thiết kế giúp tôi nhìn rõ vấn đề. Kỹ thuật và AI cho tôi cách biến hướng giải quyết thành thứ có thể dùng được.
Engineering
Kết nối giao diện, logic và dữ liệu để ý tưởng trở thành phần mềm có thể vận hành.
Web · Desktop · APIs · Databases · InfrastructureArtificial Intelligence
Đưa AI vào những bài toán cụ thể; kiểm chứng khả năng và giới hạn qua thực hành.
LLM Integration · TTS · OCR · AI Media · AgentsProduct Building
Theo sát từ khám phá vấn đề đến prototype, phiên bản dùng được và những lần cải tiến.
Discovery · Prototyping · MVP · Deployment · Iteration03 / MY JOURNEYDESIGN × ENGINEERING × AI
Mỗi bước mở ra
một cách tạo giá trị.
Tư duy và năng lực phát triển cùng những vấn đề mới. Mỗi giai đoạn là một bước mở rộng cách tôi thiết kế và xây dựng.
- Visual Thinking
Graphic Design
Học cách nhìn và truyền đạt.
Xây nền tảng về thiết kế đồ họa, thương hiệu và truyền thông thị giác. Giải quyết vấn đề bằng bố cục, hình ảnh và typography.
- Interactive Experiences
UI/UX & Web Development
Từ hình ảnh tĩnh đến tương tác.
Thiết kế giao diện, phát triển website và tìm hiểu responsive interfaces, frontend cùng component systems.
- Building Software
Software & Product Development
Tự xây một sản phẩm hoàn chỉnh.
Mở rộng sang ứng dụng, API, dữ liệu và triển khai hệ thống. Kết nối thiết kế với logic và vận hành thực tế.
- AI-Native Building
AI & Independent Products
Thiết kế + kỹ thuật + AI.
Xây công cụ ứng dụng AI cho sáng tạo nội dung, tự động hóa và năng suất. Tiếp tục thử nghiệm, phát hành và cải tiến sản phẩm độc lập.
04 / TECH & TOOLSDESIGN × ENGINEERING × AI
Công cụ thay đổi.
Tư duy tiếp tục lớn lên.
Kinh nghiệm thực hành và hướng nghiên cứu được ghi riêng. Mỗi công nghệ được lựa chọn theo bài toán và kiểm chứng qua trải nghiệm thực hành.
Design
Photoshop · Illustrator · Lightroom · Figma
Kinh nghiệm thực hànhThiết kế đồ họa, truyền thông thị giác và tạo mẫu giao diện.
UI/UX · Design Systems · Responsive Design
Kinh nghiệm thực hànhThiết kế giao diện và hệ thống component cho sản phẩm số.
Engineering
React · TypeScript · JavaScript · HTML/CSS
Kinh nghiệm thực hànhCác công nghệ đã sử dụng trong thực hành thiết kế và phát triển giao diện.
Node.js · Python · Electron · API
Kinh nghiệm thực hànhPhát triển web, desktop và kết nối dịch vụ.
SQLite · PostgreSQL · Firebase · Docker
Kinh nghiệm thực hànhKinh nghiệm thực hành với dữ liệu và môi trường triển khai; lựa chọn theo bài toán.
Linux VPS · GitHub · Cloudflare
Kinh nghiệm thực hànhTriển khai, quản lý mã nguồn và vận hành ứng dụng.
Artificial Intelligence
OCR · Text-to-Speech · FFmpeg
Đã áp dụng trong sản phẩmĐược áp dụng trong quy trình dịch, lồng tiếng và xử lý video của DubbinTool.
Muse.ai · Visual AI Workflows
Đã áp dụng trong sản phẩmTích hợp workflow hình ảnh và video trong MuseFlow / 26Flow.
LLM APIs · AI-assisted Development
Kinh nghiệm thực hànhThử nghiệm API tương thích OpenAI và công cụ hỗ trợ phát triển phần mềm.
AI Agents · n8n · OpenClaw · MCP
Đang nghiên cứu / thử nghiệmHướng tìm hiểu và thử nghiệm; không đồng nghĩa mọi công nghệ đều đã triển khai thành sản phẩm.
Product Building
Discovery · Prototype · MVP · Iteration
Kinh nghiệm thực hànhKiểm chứng vấn đề, phát triển phiên bản dùng được và cải tiến theo phản hồi.
05 / PERSONAL PHILOSOPHYDESIGN × ENGINEERING × AI
Design with purpose. Build with curiosity. Ship with intention.
- 01Xây sản phẩm thực tế, không dừng ở ý tưởng.
- 02Thiết kế cho con người và cách họ sử dụng.
- 03Học bằng cách tự xây và kiểm chứng.
- 04Tự động hóa công việc lặp lại.
- 05Giữ công nghệ hữu ích và dễ tiếp cận.
- 06Ưu tiên giải pháp đơn giản, dễ bảo trì.
- 07Chia sẻ kiến thức từ thử nghiệm thật.
- 08Liên tục lắng nghe và cải tiến.
06 / HOW I WORKDESIGN × ENGINEERING × AI
Thử. Xây. Phát hành.
Rồi làm tốt hơn.
Một quá trình lặp lại, với câu hỏi thực tế và phản hồi từ người sử dụng.
- 01
Explore
Nghiên cứu vấn đề, công nghệ và những giải pháp đã có.
- 02
Prototype
Tạo bản thử đủ rõ để kiểm chứng một giả thuyết.
- 03
Build
Kết nối giao diện, logic, API, dữ liệu và tích hợp.
- 04
Ship
Đưa sản phẩm vào môi trường sử dụng thực tế.
- 05
Improve
Lắng nghe phản hồi, sửa lỗi và tiếp tục tối ưu.
07 / BEYOND THE SCREENDESIGN × ENGINEERING × AI
Ngoài màn hình, vẫn giữ sự tò mò.
Cầu lông giúp tôi đổi nhịp sau những giờ tập trung. Nghiên cứu công nghệ và sáng tạo nội dung là cách tôi tiếp tục đặt câu hỏi, thử điều mới và nhìn vấn đề từ một góc khác.
WHAT DRIVES ME
- Tò mò về công nghệ và những cách làm mới.
- Niềm vui khi một ý tưởng trở thành công cụ dùng được.
- Xây giải pháp với chi phí vận hành hợp lý.
- Khám phá AI, open source và chia sẻ kinh nghiệm thực hành.
08 / SELECTED WORKDESIGN × ENGINEERING × AI
Những điều tôi kể,
qua sản phẩm tôi xây.
Tất cả dự án ↗
09 / LET’S CONNECTDESIGN × ENGINEERING × AI