Mở đầu — vì sao bài này quan trọng
Bạn có thể giỏi Figma, nắm vững typography, hiểu sâu về color theory, dựng được layout responsive mượt mà. Nhưng nếu nhà tuyển dụng không nhìn thấy điều đó, tất cả kỹ năng ấy gần như vô hình. Đây chính là lý do portfolio tồn tại.
Hãy hình dung thế này: CV (resume) của bạn là lời nói — bạn tự mô tả mình "thành thạo", "có kinh nghiệm", "tư duy thẩm mỹ tốt". Còn portfolio là bằng chứng — nó cho người ta thấy chính xác bạn làm được gì, ở mức nào. Trong ngành design, không ai tuyển người vì những tính từ trong CV. Họ tuyển vì những gì họ nhìn thấy bằng mắt.
Có một con số mà bạn cần khắc cốt ghi tâm: một hiring manager hoặc art director trung bình chỉ dành khoảng 60 giây để lướt qua portfolio của bạn trong vòng sàng lọc đầu tiên. Sáu mươi giây để quyết định bạn có vào vòng phỏng vấn hay bị loại. Điều này nghe có vẻ tàn nhẫn, nhưng nó hoàn toàn hợp lý: một vị trí Junior Web Designer ở các công ty như Tiki, MoMo, hay các agency như Rbusta, Bratus có thể nhận 80–150 hồ sơ. Người sàng lọc không thể đọc kỹ từng cái.
Vậy bài học hôm nay không chỉ là "làm một website đẹp để khoe". Đây là bài học về cách đóng gói năng lực của bạn thành một sản phẩm thuyết phục — một sản phẩm mà chính nó cũng là minh chứng cho khả năng thiết kế của bạn. Một portfolio web designer được thiết kế tệ là một mâu thuẫn chết người: bạn đang nói "tôi biết làm web đẹp" trên một trang web xấu.
Khái niệm cốt lõi
Portfolio là gì và không là gì
Portfolio của web designer không phải là một album ảnh chụp màn hình các dự án. Đó là một câu chuyện được dàn dựng có chủ đích, dẫn người xem đi qua tư duy thiết kế của bạn. Nó trả lời ba câu hỏi mà mọi nhà tuyển dụng đều ngầm đặt ra:
- Bạn có gu thẩm mỹ tốt không? (nhìn 5 giây là biết)
- Bạn có tư duy giải quyết vấn đề không? (đọc case study mới biết)
- Bạn có thể làm việc thật trong môi trường thật không? (xem context dự án mới biết)
Hai loại portfolio và chọn cái nào
Có hai hướng phổ biến cho web designer Việt Nam:
- Portfolio tự dựng (custom website): Bạn tự code hoặc dùng no-code (Framer, Webflow) để xây một trang riêng. Đây là lựa chọn mạnh nhất vì bản thân trang web đã là một sản phẩm thể hiện kỹ năng. Với một web designer, đây gần như là yêu cầu bắt buộc khi bạn nhắm đến vị trí mid-level trở lên.
- Portfolio trên nền tảng (Behance, Dribbble, Notion): Nhanh, dễ, phù hợp khi mới bắt đầu hoặc cần một nơi để dồn case study. Dribbble thiên về "shot" đẹp đơn lẻ, Behance thiên về case study dài, Notion thì cực nhanh để dựng.
Ba dự án — quy tắc vàng
Đây là nguyên tắc quan trọng nhất của bài này. Chất lượng quan trọng hơn số lượng. Một portfolio với 3 dự án xuất sắc đánh bại một portfolio với 12 dự án tầm tầm.
Tại sao là con số 3? Vì với một người chỉ lướt 60 giây, họ sẽ không xem hết 12 dự án — họ chỉ nhìn 2–3 cái đầu tiên. Nếu cái đầu tiên yếu, bạn đã mất họ. Và mỗi dự án yếu kéo tụt mặt bằng cảm nhận về cả portfolio. Người ta đánh giá bạn bằng dự án tệ nhất bạn trưng ra, không phải dự án tốt nhất.
Ba dự án lý tưởng nên thể hiện range — phạm vi năng lực:
- Một dự án end-to-end đầy đủ (từ research → wireframe → final UI) để chứng minh tư duy.
- Một dự án thể hiện thế mạnh đặc trưng của bạn (ví dụ: animation, design system, e-commerce).
- Một dự án cho thấy sự đa dạng về ngữ cảnh (một loại sản phẩm khác, một ngành khác).
Cấu trúc một case study mạnh
Mỗi dự án nên là một case study có cấu trúc, không phải chỉ vài ảnh đẹp. Khung phổ biến và hiệu quả:
- Bối cảnh & vai trò: Dự án gì, cho ai, bạn làm phần nào? (Trung thực: "tôi làm UI, anh A làm research").
- Vấn đề: User hoặc business gặp khó khăn gì?
- Quá trình: Vài hình wireframe, sketch, các phương án bạn thử và loại bỏ. Đây là phần thể hiện tư duy.
- Giải pháp cuối: UI hoàn chỉnh, đẹp, có ngữ cảnh (mockup trên thiết bị thật).
- Kết quả: Nếu có số liệu thì cực kỳ giá trị ("tăng tỉ lệ hoàn tất đặt hàng 18%"). Không có số thì nêu bài học.
Tình huống thực tế
Ví dụ 1: Minh — từ 12 dự án xuống còn 3
Minh, 23 tuổi, vừa tốt nghiệp ngành Thiết kế Đồ họa ở TP.HCM, apply vào vị trí Junior UI Designer tại một fintech startup ở quận 1. Portfolio Behance của bạn có 12 dự án: vài bộ poster thời sinh viên, một logo quán cà phê, hai app redesign, một landing page, vài bộ nhận diện thương hiệu.
Minh bị từ chối 9 lần liên tiếp. Khi nhờ một mentor xem lại, mentor chỉ ra: "Em đang ứng tuyển web/UI designer nhưng nửa portfolio là đồ họa in ấn và logo. Người tuyển nhìn 60 giây thấy poster, họ nghĩ em là graphic designer chứ không phải digital designer."
Minh cắt phũ: bỏ hết poster và logo, chỉ giữ 3 dự án digital — một redesign app giao đồ ăn, một landing page SaaS, một design system nhỏ. Mỗi cái viết lại thành case study đầy đủ. Lần apply thứ 10, Minh được mời phỏng vấn và nhận việc.
Bài học: Portfolio phải khớp với vị trí bạn nhắm tới. Một dự án "đẹp" nhưng sai ngành còn tệ hơn không có. Hãy mạnh dạn cắt bỏ những gì không phục vụ mục tiêu.
Ví dụ 2: Lan — case study cứu một dự án "xấu"
Lan làm freelance, có một dự án thiết kế web cho một tiệm bánh nhỏ ở Đà Nẵng. Khách hàng yêu cầu giữ logo cũ xấu, đòi dùng màu hồng chói, và chèn quá nhiều thông tin lên homepage. Kết quả cuối cùng không "đẹp lung linh" như Lan muốn.
Ban đầu Lan định không đưa dự án này vào portfolio vì sợ nó kéo tụt mặt bằng. Nhưng mentor gợi ý: hãy biến những ràng buộc thành điểm mạnh của câu chuyện. Lan viết case study tập trung vào: "Làm sao tổ chức 9 nhóm thông tin mà khách đòi hiển thị thành một hệ thống phân cấp rõ ràng, và làm dịu màu hồng chói bằng cách dùng nó như accent thay vì màu nền."
Một art director tại agency sau này nói chính case study đó là lý do anh gọi Lan phỏng vấn: "Ai cũng làm đẹp được khi khách dễ tính. Tôi muốn thấy bạn xử lý ràng buộc thực tế thế nào — vì 90% công việc thật là như vậy."
Bài học: Nhà tuyển dụng đánh giá cao tư duy giải quyết vấn đề hơn là ảnh render bóng bẩy. Một dự án không hoàn hảo về thẩm mỹ vẫn có thể là case study mạnh nếu bạn kể đúng câu chuyện về cách bạn tư duy.
Ví dụ 3: Tâm — khi chính trang portfolio làm hỏng mọi thứ
Tâm có 3 dự án rất tốt, nhưng dựng portfolio trên một template Wordpress tải về, load chậm 8 giây, ảnh vỡ nét trên mobile, font chữ mặc định Times New Roman ở phần giới thiệu. Tâm apply vào một product team tại một công ty công nghệ ở Singapore (remote).
Phản hồi từ nhà tuyển dụng rất thẳng: "Các dự án bên trong ổn, nhưng trang portfolio của bạn không responsive và load rất chậm. Với vị trí web designer, đây là red flag — chúng tôi lo bạn không thật sự quan tâm đến craft." Tâm bị loại dù dự án bên trong tốt.
Sau đó Tâm dựng lại bằng Framer, tối ưu ảnh sang WebP, đảm bảo mọi breakpoint chạy tốt, điểm Lighthouse trên 90. Lần sau, chính nhà tuyển dụng khen "trang portfolio mượt, đúng chất web designer".
Bài học: Với web designer, medium chính là message. Trang portfolio không chỉ chứa tác phẩm — nó là một tác phẩm. Một trang chậm, không responsive sẽ phủ nhận mọi lời bạn nói về kỹ năng.
Hướng dẫn từng bước
Bước 1 — Xác định mục tiêu trước khi làm gì cả. Bạn nhắm vị trí nào? UI Designer? Web Designer ở agency? Product Designer? Freelancer? Mục tiêu quyết định bạn chọn dự án nào và kể chuyện ra sao. Viết một câu rõ ràng: "Portfolio này để xin việc Junior UI Designer tại các product company ở VN."
Bước 2 — Chọn lọc và kiểm tra range. Liệt kê mọi dự án bạn có. Chấm điểm từng cái theo hai trục: chất lượng và mức độ liên quan đến mục tiêu. Giữ lại 3–5 cái mạnh nhất và đa dạng nhất. Mạnh dạn loại bỏ phần còn lại.
Bước 3 — Viết case study cho từng dự án. Áp dụng khung 5 phần ở trên: bối cảnh/vai trò → vấn đề → quá trình → giải pháp → kết quả. Trung thực về vai trò của bạn trong dự án nhóm. Thêm số liệu nếu có.
Bước 4 — Viết phần "About" gọn và người. Một đoạn ngắn: bạn là ai, làm gì, thế mạnh là gì, đang tìm gì. Thêm ảnh chân dung thân thiện và link liên hệ rõ ràng (email, LinkedIn, Behance).
Bước 5 — Chọn nền tảng và dựng. Nếu nhắm web designer: ưu tiên Framer/Webflow hoặc tự code. Đảm bảo chính trang portfolio thể hiện đúng kỹ năng bạn rao bán.
Bước 6 — Tối ưu kỹ thuật. Nén ảnh (WebP), kiểm tra responsive ở mobile/tablet/desktop, đo tốc độ load (mục tiêu dưới 3 giây), kiểm tra mọi link không bị chết. Chạy Lighthouse.
Bước 7 — Nhờ feedback và lặp. Đưa cho ít nhất 2 người trong nghề xem và bấm giờ 60 giây. Hỏi: "Sau 60 giây bạn nghĩ tôi làm gì? Dự án nào ấn tượng nhất?" Câu trả lời sẽ cho bạn biết portfolio đang truyền tải đúng hay sai.
Lỗi thường gặp & mẹo
Lỗi 1 — Trưng quá nhiều dự án. Như Minh, càng nhiều càng loãng. Mẹo: thà 3 dự án xuất sắc còn hơn 10 dự án trung bình. Nhớ rằng người ta đánh giá bạn bằng dự án yếu nhất.
Lỗi 2 — Chỉ có ảnh đẹp, không có câu chuyện. Một grid ảnh UI lung linh nhưng không giải thích vấn đề và quá trình sẽ khiến bạn trông như người chỉ biết bắt chước trend. Mẹo: luôn trả lời "vấn đề gì, tôi làm gì, tại sao chọn giải pháp này".
Lỗi 3 — Không nói rõ vai trò trong dự án nhóm. Nhận hết công của cả team là red flag lớn khi phỏng vấn. Mẹo: ghi rõ "Vai trò: UI Design, Design System. Cộng tác với: 1 PM, 2 dev."
Lỗi 4 — Trang portfolio dựng cẩu thả. Như Tâm. Mẹo: coi trang portfolio như một dự án thật, có deadline và QA. Test trên điện thoại thật, không chỉ trên màn hình laptop.
Lỗi 5 — Để portfolio "đóng băng". Một portfolio cập nhật lần cuối 2 năm trước cho thấy bạn không còn hoạt động. Mẹo: đặt lịch cập nhật mỗi 3–6 tháng, thay dự án yếu bằng dự án mới tốt hơn.
Lỗi 6 — Quên call-to-action. Người xem ấn tượng nhưng không biết liên hệ thế nào. Mẹo: mọi trang đều có cách liên hệ rõ ràng, dễ thấy.
Mẹo nâng cao — Dự án tự khởi xướng (self-initiated): Nếu bạn chưa có dự án thật, hãy tự redesign một sản phẩm có thật (ví dụ redesign app của một ngân hàng VN) và viết case study tử tế. Nhà tuyển dụng đánh giá cao sự chủ động này, miễn là bạn ghi rõ đây là concept tự làm.
Bài tập thực hành
- Audit 60 giây: Lấy portfolio hiện tại của bạn (hoặc của một người bạn). Nhờ ai đó xem đúng 60 giây rồi tắt đi. Hỏi họ 3 câu: bạn làm nghề gì, dự án nào ấn tượng nhất, có muốn liên hệ không. Ghi lại câu trả lời và so với điều bạn muốn truyền tải.
- Chọn 3 dự án: Liệt kê mọi dự án bạn có, chấm điểm theo hai trục chất lượng và độ liên quan với một mục tiêu nghề nghiệp cụ thể. Khoanh tròn đúng 3 dự án mạnh và đa dạng nhất. Viết một câu giải thích vì sao 3 cái này tạo thành "range" tốt.
- Viết một case study hoàn chỉnh: Chọn dự án mạnh nhất, viết case study theo khung 5 phần (bối cảnh/vai trò → vấn đề → quá trình → giải pháp → kết quả), tối thiểu 200 từ. Đặc biệt chú ý phần "quá trình" để thể hiện tư duy.
- Checklist kỹ thuật: Mở portfolio trên điện thoại thật. Kiểm tra: load dưới 3 giây? Responsive ổn ở mobile? Có link chết không? Có cách liên hệ rõ ràng không? Liệt kê mọi vấn đề tìm thấy và sửa.
Tóm tắt
Portfolio là bằng chứng, không phải lời nói — và với web designer, chính trang portfolio cũng là một sản phẩm thiết kế thể hiện năng lực của bạn. Hãy nhớ những điểm cốt lõi:
- Nhà tuyển dụng chỉ lướt khoảng 60 giây, nên ấn tượng đầu phải mạnh và range phải rõ.
- 3 dự án xuất sắc đánh bại 12 dự án trung bình; bạn bị đánh giá bằng dự án yếu nhất.
- Mỗi dự án nên là case study thể hiện tư duy giải quyết vấn đề, không chỉ ảnh đẹp.
- Khớp portfolio với mục tiêu nghề nghiệp — sai ngành còn tệ hơn không có.
- Trung thực về vai trò trong dự án nhóm, và thêm số liệu kết quả khi có thể.
- Đừng để chính trang portfolio phản bội bạn: phải nhanh, responsive, sạch sẽ.