Giảng viên Khuê Đinh
Khóa #07 - Lộ trình AI-Driven Product DesignerSắp khai giảng

Designer's Portfolio With AI

Làm portfolio online với AI dành cho Designer

AI làm phần kỹ thuật: từ dựng code, sửa lỗi cho đến deploy. Bạn chỉ việc tập trung vào giá trị cốt lõi: chọn project nào, trình bày ra sao và kể câu chuyện gì từ đó.

4 buổiOnline · Google Meet
19:00 – 21:00Buổi tối trong tuần
2–3showcase được viết theo cấu trúc
1portfolio online, tên miền riêng
Khuê ĐinhUI/UX designer Samasu Digital, AllyBee
Khuê ĐinhGiảng viên Portfolio With AI
Vì sao nên học khóa này?

Làm nhiều project nhưng vẫn chưa có portfolio? Showcase trình bày lộn xộn?

01

Project nằm rải rác

Nhiều dự án nằm rời rạc ở các file Figma và cũng không biết trình bày showcase như thế nào.

02

Chỉ trưng bày ảnh đẹp

Portfolio toàn ảnh UI đẹp, thiếu hành trình tư duy giải quyết vấn đề.

03

Mắc kẹt ở rào cản kỹ thuật

Muốn có web portfolio độc đáo nhưng ngại học code lâu, còn dùng template sẵn thì đại trà và gò bó.

30 giây

là khoảng thời gian một HR manager có thể dành cho portfolio trước khi quyết định đọc tiếp hay bỏ qua. Nội dung phải thu hút ngay từ đầu.

Matej Latin · ADPList, 2025
Sau 4 buổi

Bạn không chỉ "có một trang web"

Portfolio online có tên miền riêng

Chạy được trên điện thoại, có SEO cơ bản, form liên hệ và analytics.

Ứng dụng storytelling

Biết cách chọn lọc 2-3 dự án đắt giá và cách kể chuyện để ghi điểm tuyệt đối với nhà tuyển dụng

Ứng dụng AI để dựng web

Dùng Vibecode để biến ý tưởng từ Figma thành website tương tác mượt mà.

GitHub và deploy

Tự tay quản lý mã nguồn trên GitHub, deploy website thực tế và công cụ đo lường.

Cơ hội gia tăng thu nhập

Nhận thêm các job freelance thiết kế website và hồ sơ năng lực cho doanh nghiệp

Lộ trình 4 buổi

Nội dung trước, giao diện sau

Giai đoạn 1 · Nội dung & dựng web
01

Nội dung trước giao diện

Cấu trúc portfolio, chọn 2–3 case, khung showcase, cách nói về AI trong bài

02

Vibecode portfolio

Từ Figma hoặc brief ra code. Prompt theo section, responsive, tối ưu ảnh

Giai đoạn 2 · Online & hoàn thiện
03

GitHub & host

Repo, deploy, tên miền riêng, SEO, form liên hệ, analytics

04

Review & hoàn thiện

Review nội dung và kỹ thuật. Kế hoạch cập nhật sau khóa

Buổi nền tảngBuổi làm cùng AIReview bản cuối
Xem chi tiết nội dung từng buổi
Chi tiết nội dung giáo trình

Bạn sẽ được học những gì

Kiến thức ngập ngụa trong các buổi học và vô vàn các thông tin đính kèm, thật ra chúng mình lo là các bạn không có thời gian học nhiều hơn là học không đủ.

4 buổi19 nội dung chính2 bài tập1 buổi cột mốc
01
Buổi 01 · Giai đoạn 1 · Nội dung & dựng web

Nội dung trước giao diện

Có AI

Nội dung quyết định portfolio, giao diện chỉ là cách trình bày.

Bạn sẽ học

  • Cấu trúc một portfolio: giới thiệu bản thân, các case study, liên hệ
  • Chọn 2–3 case study phù hợp với vị trí muốn ứng tuyển
  • Khung showcase cho từng case: bối cảnh, vai trò, quá trình, kết quả
  • Cách nói về việc dùng AI trong bài: AI làm phần nào, designer quyết định phần nào
  • Dùng AI hỗ trợ biên tập nội dung case study cho gọn và rõ ý

Bài tập & thực hành

  • Hoàn thiện dàn ý nội dung cho portfolio và 2–3 case study
02
Buổi 02 · Giai đoạn 1 · Nội dung & dựng web

Vibecode portfolio

Có AI

Từ thiết kế hoặc brief, dùng AI để dựng portfolio thành code chạy được.

Bạn sẽ học

  • Vibecode là gì và giới hạn của nó
  • Từ file Figma hoặc brief ra code bằng AI
  • Viết prompt theo từng section thay vì cả trang một lúc
  • Responsive cho desktop và mobile
  • Tối ưu ảnh để trang tải nhanh

Bài tập & thực hành

  • Dựng bản portfolio chạy được trên máy
03
Buổi 03 · Giai đoạn 2 · Online & hoàn thiện

GitHub & host

Có AI

Đưa portfolio lên mạng với tên miền riêng.

Bạn sẽ học

  • Tạo repo trên GitHub và quản lý thay đổi
  • Deploy portfolio lên online
  • Gắn tên miền riêng
  • SEO cơ bản cho portfolio
  • Form liên hệ và analytics để biết ai đang xem
  • Dùng AI hỗ trợ xử lý lỗi khi deploy và cấu hình tên miền
04
Buổi 04 · Giai đoạn 2 · Online & hoàn thiện

Review & hoàn thiện

Cột mốc

Review cuối khóa và kế hoạch giữ portfolio luôn mới.

Bạn sẽ học

  • Review nội dung và kỹ thuật của portfolio cùng giảng viên
  • Hoàn thiện theo góp ý
  • Lập kế hoạch cập nhật portfolio sau khóa học
Dành cho ai

Có project rồi? Bắt đầu làm port nào!

Sắp đi xin việc, thực tập

Cần một portfolio độc đáo, thu hút HR trong vài tuần.

Học viên đã học các khóa tại TELOS

Có sẵn bài từ các khóa trước, cần trình bày thành 1 port hấp dẫn

Freelancer

Muốn có web riêng để nhận việc, không phụ thuộc Behance.

Đã học Code 4 Designer

Tận dụng nền tảng code sẵn có để vibecode port và tập trung vào nội dung.

Chưa phù hợp nếubạn chưa có project nào để đưa vào. Khi đó hãy học một khóa nền tảng trong chuỗi trước.

Khuê Đinh
Giảng viên

Khuê Đinh

Là UI/UX designer tại Samasu Digital & Design Mentor tại AllyBee với hơn 8 năm kinh nghiệm trong ngành.

8năm kinh nghiệm
4buổi từ lí thuyết cho đến thành phẩm
1website portfolio cho mỗi học viên

Làm portfolio giờ nhìn chung dễ hơn xưa, nhưng cái gì dễ thì cũng mất giá. Cần có tư duy kể chuyện để cái port của bạn nó khiến người ta muốn làm việc cùng

Check var giảng viên
Portfolio học viên

Portfolio online của học viên sau khóa

Chuỗi AI-Driven Product Designer

Khóa thứ 7 của hành trình

01

AI & Tools Foundation

Công cụ
02

UI Foundation

Thẩm mỹ
03

UX Foundation

Trải nghiệm
04

Design System

Hệ thống
05

AI Process & Project

Dự án
06

Code 4 Designer

Code
07

Portfolio With AI

Bạn ở đây
08

Product Design & Manage

Chiến lược

Lộ trình bài bản để trở thành AI-Driven Product Design. Ưu đãi học phí tới 30%.

Hiểu ý nghĩa của lộ trình học
Học phí

Xứng đáng cho từng giờ học

Khóa lẻ
3.000.000 VNĐ
  • 4 buổi live qua Google Meet, 19:00–21:00
  • Review nội dung và kỹ thuật cho từng portfolio
  • Giấy chứng nhận khi hoàn thành khóa học
  • Cộng đồng Discord: hỏi đáp, tin tuyển dụng
Đăng ký giữ chỗ

Cấu trúc cho portfolio

Trình bày port theo cấu trúc và ứng dụng storytelling

Bộ prompt theo section

Prompt mẫu cho hero, case list, trang case, form liên hệ

Ưu đãi khóa học

Giảm tới 500k khi đăng ký sớm

Chuẩn bị trước buổi 1

Tài khoản GitHub, một tool AI viết code (có thể dùng bản free) và 2–3 project đã làm.

Học theo lộ trình

Học từ 2 khóa trở lên để được ưu đãi hơn

Khóa này đã được chọn sẵn. Thêm khóa khác trong chuỗi để xem mức giảm, tối đa 30%.

Chọn nhanh:

Câu hỏi thường gặp

01. Chưa biết code có học được không?

02. Cần chuẩn bị gì trước buổi 1?

03. Chưa có project nào thì có nên học không?

04. Học xong mình có gì?

05. Lớp học diễn ra thế nào?

06. Học phí bao nhiêu? Có ưu đãi không?

Zalo