Website portfolio thiết kế đồ họa: Cách làm và checklist

Cách xây dựng website portfolio thiết kế đồ họa: nên đưa bao nhiêu dự án, cần những trang nào, mẫu case study có thể sao chép và checklist trước khi ra mắt.

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

Website portfolio thiết kế đồ họa nên có bao nhiêu dự án?

Hãy nhắm tới 6 đến 10 dự án, với hai hoặc ba dự án mạnh nhất đặt ở đầu trang. Không có con số chính thức nào cả. Điều quan trọng là mỗi dự án đều xứng đáng có mặt và cả bộ thể hiện đúng loại công việc bạn muốn được thuê làm. Nếu một sản phẩm yếu hơn phần còn lại, hãy loại nó đi. Một bộ dự án gọn gàng cho thấy bạn có gu chọn lọc tốt hơn một danh sách dài.

Portfolio thiết kế đồ họa có cần tên miền riêng không?

Không bắt buộc, nhưng tên miền mang tên bạn (yourname.com hoặc yourname.design) trông chuyên nghiệp hơn trên CV và chữ ký email, và bạn vẫn giữ được nó nếu đổi nền tảng. Hãy kiểm tra tên miền còn trống không và giá gia hạn tại nhà đăng ký trước khi mua, vì giá mỗi nơi một khác.

Nên chỉ đưa sản phẩm hoàn thiện hay cả quá trình làm việc?

Nên đưa cả hai, theo tỷ lệ hợp lý. Mở đầu mỗi dự án bằng kết quả cuối cùng, sau đó thêm một phần ngắn về bản phác thảo, bản nháp hoặc các phương án bạn đã loại. Quá trình làm việc cho thấy cách bạn tư duy, điều này đặc biệt quan trọng với các vị trí in-house và agency. Với trang duyệt nhanh, hãy để phần quy trình ở trang dự án thay vì trang chủ.

Tôi có thể đưa dự án sinh viên, dự án cá nhân hoặc dự án concept vào không?

Có, nếu bạn mới vào nghề. Hãy ghi rõ đó là dự án sinh viên, dự án cá nhân hoặc concept để không ai nhầm với việc làm cho khách hàng. Brief do chính bạn tự viết vẫn ổn miễn là bạn nêu rõ vấn đề và các ràng buộc. Hãy thay chúng bằng dự án khách hàng thật khi bạn có.

Nên dùng định dạng file và kích thước ảnh nào cho ảnh portfolio?

Xuất ảnh sẵn sàng cho web, thường là JPEG hoặc WebP cho mockup có tính chất ảnh chụp, và PNG hoặc SVG cho đồ họa phẳng và logo. Hãy resize ảnh đúng bằng chiều rộng hiển thị và nén lại để trang tải nhanh. Giữ riêng một bản PDF độ phân giải cao của portfolio để gửi kèm khi ứng tuyển qua email.

Website portfolio có tốt hơn portfolio PDF không?

Mỗi loại có một vai trò riêng. Website dễ chia sẻ bằng đường link, có thể được tìm thấy trên công cụ tìm kiếm và cập nhật bất cứ lúc nào. PDF hữu ích khi hồ sơ ứng tuyển yêu cầu file đính kèm. Hầu hết designer giữ cả hai, trong đó website là bản chính và PDF được lấy từ cùng các dự án đó.

Trả lời ngắn gọn: Một website portfolio thiết kế đồ họa cần 6 đến 10 dự án tốt nhất của bạn, mỗi dự án được trình bày như một case study ngắn (vấn đề, vai trò của bạn, quy trình, kết quả), cùng bốn trang: Trang chủ, Dự án, Giới thiệu và Liên hệ. Hãy đặt ba dự án mạnh nhất lên đầu, chỉ đưa loại công việc bạn muốn nhận thêm và làm cho thông tin liên hệ thật dễ thấy. Mẫu template và checklist bên dưới sẽ lo phần còn lại.

Một website portfolio thiết kế đồ họa thực sự cần những gì

Portfolio chỉ có một nhiệm vụ: giúp một người lạ quyết định trong một hai phút xem có nên gửi email cho bạn hay không. Mọi thứ trên website đều phải phục vụ quyết định đó. Người xem thường là một trong ba kiểu người:

Khách hàng muốn biết bạn có giải quyết được loại vấn đề của họ không (nhận diện thương hiệu, bao bì, mạng xã hội, in ấn).
Nhà tuyển dụng hoặc recruiter muốn thấy bằng chứng về gu thẩm mỹ, độ đa dạng và cách bạn làm việc với người khác.
Cộng tác viên hoặc agency cần nhìn ra chuyên môn của bạn thật nhanh.

Hãy xác định người đọc chính của bạn trước khi chọn dự án. Portfolio dành cho khách hàng freelance làm thương hiệu sẽ khác với portfolio cho vị trí junior in-house.

Nên đưa bao nhiêu dự án

Hãy nhắm tới 6 đến 10 dự án. Dưới 6 có thể trông mỏng, trừ khi mỗi dự án là một case study chuyên sâu. Hơn 10 thường có nghĩa là một số sản phẩm đang làm loãng những dự án tốt nhất.

Cách đơn giản để quyết định dự án nào được giữ lại:

Liệt kê mọi dự án bạn tự hào.
Đánh dấu những dự án trùng với loại công việc bạn muốn nhận thêm. Loại phần còn lại, kể cả khi đó là dự án có trả phí.
Xếp hạng phần còn lại theo chất lượng. Đưa ba dự án đầu bảng lên trước.
Kiểm tra độ đa dạng trong mảng chuyên môn của bạn: ví dụ một hệ thống logo, một sản phẩm bao bì, một sản phẩm biên tập hoặc chiến dịch.
Nếu hai dự án chứng minh cùng một kỹ năng, hãy giữ dự án tốt hơn.

Các trang cần xây dựng

Bốn trang là đã đi được khá xa. Chỉ thêm các trang khác nếu bạn có nội dung thật cho chúng.

Trang	Mục đích	Nội dung
Trang chủ (Home)	Giúp người xem nắm được bạn là ai chỉ trong vài giây	Một câu nói bạn làm gì, 3 đến 6 dự án nổi bật, một liên kết liên hệ rõ ràng
Dự án (Work hoặc Projects)	Toàn bộ thư viện sản phẩm	Ảnh thu nhỏ kèm tên dự án và lĩnh vực, liên kết tới từng case study
Trang case study	Chứng minh cách bạn tư duy	Mỗi dự án một trang, dựng từ mẫu bên dưới
Giới thiệu (About)	Cho thấy bạn là một con người thật	Tiểu sử ngắn, ảnh chân dung, kỹ năng hoặc công cụ, dịch vụ hoặc thời gian có thể nhận việc
Liên hệ (Contact)	Loại bỏ mọi rào cản	Email, biểu mẫu nếu bạn muốn, liên kết tới các hồ sơ nghề nghiệp của bạn

Các trang tùy chọn: trang Dịch vụ nếu bạn làm freelance, trang CV nếu bạn đang tìm việc, và một trang Quy trình ngắn nếu dự án nào bạn cũng làm theo cùng các bước.

Mẫu cấu trúc case study

Hãy sao chép bố cục này cho từng dự án. Giữ mỗi phần thật ngắn. Hầu hết người xem chỉ lướt qua, nên hãy dùng tiêu đề và hình ảnh để kể câu chuyện.

Mẫu template

Tên dự án và tóm tắt một dòng. Tên khách hàng hoặc dự án, lĩnh vực và năm thực hiện. Ví dụ: “Harbor Coffee Roasters, thiết kế bao bì và nhận diện thương hiệu, 2025.”
Brief. Hai hoặc ba câu về việc khách hàng cần gì và vì sao. Nêu rõ ràng buộc (ngân sách, deadline, đối tượng) nếu có.
Vai trò của bạn. Bạn đã làm gì, và những người khác làm gì nếu là dự án nhóm. Hãy cụ thể: “Lead designer, phối hợp với một copywriter và một xưởng in” đáng tin hơn “Tôi thiết kế mọi thứ.”
Quy trình. Ba đến năm hình ảnh hoặc chú thích ngắn: bản phác thảo, moodboard, các hướng đi ban đầu và lý do đằng sau lựa chọn của bạn.
Sản phẩm cuối cùng. Những hình ảnh lớn nhất, sạch nhất trên trang. Cho thấy thiết kế trong bối cảnh thực tế bằng mockup hoặc ảnh chụp thật của sản phẩm đã in.
Kết quả. Điều gì đã thay đổi, chỉ nêu những gì bạn có thể khẳng định trung thực: khách hàng đã ra mắt, nó thay thế bộ nhận diện cũ, hiện đã có mặt trên kệ, được in ở quy mô nhất định. Nếu không có số liệu, hãy bỏ qua. Đừng bịa ra các chỉ số.
Liên kết tới dự án tiếp theo. Giúp người xem tiếp tục xem các dự án của bạn.

Ví dụ cách diễn đạt bạn có thể điều chỉnh

Brief: “Khách hàng, một tiệm bánh nhỏ trong khu phố, muốn một logo và bao bì mang cảm giác thủ công nhưng vẫn có thể in rẻ chỉ với một màu.”
Vai trò: “Tôi phụ trách nghiên cứu, thiết kế logo và hệ thống bao bì. Khách hàng tự viết nội dung sản phẩm.”
Chú thích quy trình: “Ba hướng đi ban đầu. Chúng tôi bỏ wordmark chữ viết tay vì nó khó đọc ở kích thước nhỏ.”
Kết quả: “Bao bì mới ra mắt vào mùa xuân và hiện được dùng cho toàn bộ dòng sản phẩm.”

Thiết kế website để sản phẩm của bạn là tâm điểm

Giữ menu điều hướng ở bốn hoặc năm mục. Trang chủ, Dự án, Giới thiệu, Liên hệ là đủ.
Dùng nền trung tính và nhiều khoảng trống. Màu sắc để các dự án của bạn lo. Một template rối mắt sẽ cạnh tranh với chúng.
Chọn một hoặc hai typeface. Là designer, website của chính bạn là một bài mẫu về typography. Hãy giữ nó nhất quán và dễ đọc.
Dùng ảnh lớn. Ảnh thu nhỏ phải sắc nét, và trang dự án nên để các hình ảnh chính tràn hết chiều rộng.
Đặt tên và chuyên môn của bạn ở đầu trang chủ. “Maya Chen, designer thương hiệu và bao bì” hay hơn một khẩu hiệu bay bổng mà không ai hiểu.
Kiểm tra trên điện thoại. Nhiều người sẽ mở link của bạn trên di động. Hãy thử thư viện ảnh, menu và liên kết liên hệ.
Nén ảnh. File nặng làm trang tải chậm, ảnh hưởng đến cả người xem lẫn khả năng hiển thị trên tìm kiếm.

Từng bước: từ con số 0 đến khi xuất bản

Chọn trọng tâm và người đọc. Một câu: “Tôi thiết kế [gì] cho [ai].”
Chọn 6 đến 10 dự án theo bộ lọc ở trên.
Viết từng case study theo mẫu, bắt đầu từ dự án tốt nhất của bạn.
Xuất ảnh sẵn sàng cho web theo đúng kích thước hiển thị, và đặt tên file rõ ràng.
Chọn công cụ xây dựng và bố cục ưu tiên hình ảnh và ít gây xao nhãng. Nếu muốn có điểm khởi đầu, trang trình tạo website cho nhà thiết kế đồ họa và mẫu portfolio designer AI cho bạn thấy một bố cục dựng sẵn trông như thế nào.
Dựng bốn trang cốt lõi rồi thêm các case study của bạn.
Kết nối tên miền mang tên bạn.
Kiểm tra mọi thứ, rồi nhờ một người bạn hoặc đồng nghiệp cũ thử tìm địa chỉ email của bạn trên website. Nếu họ gặp khó, hãy sửa trang liên hệ.
Xuất bản, rồi chia sẻ link trong chữ ký email, CV và các hồ sơ nghề nghiệp của bạn.

Nếu bạn đang so sánh các công cụ, gói miễn phí của We.Inc cho phép xuất bản tới ba website từ các template dựng sẵn; trình tạo AI soạn website từ một prompt bắt đầu ở gói Starter với giá $20 mỗi tháng. Bạn có thể đăng ký tại đây. Nếu bạn đang rời một nền tảng portfolio khác, hãy xem danh sách các lựa chọn thay thế Portfoliobox.

Checklist trước khi ra mắt

Hãy sao chép danh sách này và đánh dấu từng mục trước khi chia sẻ link.

Nội dung

[ ] 6 đến 10 dự án, ba dự án mạnh nhất ở đầu
[ ] Mỗi dự án đều có brief, vai trò của bạn, quy trình, sản phẩm cuối và kết quả
[ ] Dự án sinh viên, dự án cá nhân và dự án concept được ghi nhãn trung thực
[ ] Không đưa các sản phẩm của khách hàng mà bạn không được phép chia sẻ
[ ] Trang Giới thiệu có ảnh, tiểu sử ngắn và loại công việc bạn có thể nhận
[ ] Địa chỉ email hiển thị ở trang Liên hệ và ở chân trang

Thiết kế

[ ] Menu điều hướng có tối đa năm mục
[ ] Dùng một hoặc hai typeface một cách nhất quán
[ ] Chữ dễ đọc trên nền của nó
[ ] Ảnh lớn, sắc nét và có kích thước đồng đều trong thư viện
[ ] Mỗi ảnh đều có alt text mô tả

Kỹ thuật

[ ] Hiển thị đúng trên điện thoại, máy tính bảng và máy tính để bàn
[ ] Ảnh đã được nén; trang tải nhanh
[ ] Mọi liên kết đều hoạt động, kể cả các liên kết “dự án tiếp theo”
[ ] Đã đặt tiêu đề trang và mô tả cho trang chủ và từng dự án
[ ] Đã kết nối tên miền riêng và website tải qua HTTPS
[ ] Đã đặt ảnh xem trước khi chia sẻ lên mạng xã hội để link chia sẻ trông đẹp

Sau khi ra mắt

[ ] Đã thêm link vào chữ ký email, CV và các hồ sơ nghề nghiệp
[ ] Đã đặt lời nhắc xem lại portfolio vài tháng một lần và thay bằng sản phẩm mới

Những lỗi thường gặp cần tránh

Đưa tất cả những gì bạn từng làm. Chọn lọc là một phần của kỹ năng bạn đang thể hiện.
Hình ảnh không có bối cảnh. Một mockup đẹp mà thiếu brief sẽ không cho người xem biết gì về tư duy của bạn.
Giấu liên kết liên hệ. Nếu phải mất hơn một cú nhấp chuột, bạn sẽ mất khách.
Khẳng định những kết quả không có căn cứ. Hãy mô tả chính xác những gì đã xảy ra. Một kết quả khiêm tốn nhưng trung thực đáng tin hơn một tuyên bố to tát mơ hồ.
Không bao giờ cập nhật. Hãy thay các sản phẩm cũ bằng những sản phẩm gần đây mạnh hơn.

Bước tiếp theo

Khi website đã lên sóng, chính portfolio đó có thể hỗ trợ việc kinh doanh freelance của bạn. Các hướng dẫn này bàn về những bước tiếp theo: cách tìm khách hàng thiết kế web và cách phát triển doanh nghiệp thiết kế web đều phù hợp với những designer bắt đầu nhận làm website bên cạnh đồ họa.

Bắt đầu miễn phí · Không cần thẻ tín dụng

Umair Ali Sadaqat

Nhà sáng lập We.Inc

Umair là nhà sáng lập We.Inc. Anh viết về xây dựng website bằng AI, các agency và việc kinh doanh, vận hành một studio web.

Sẵn sàng tạo nên điều tuyệt vời?

Tham gia cùng 15,000+ doanh nghiệp đang dùng We.Inc để ra mắt, phát triển và tự động hóa, tất cả trên một nền tảng.