10 Bí quyết thiết kế Website cá nhân có UX tốt

Đầu tư thiết kế website cá nhân là giải pháp xây dựng thương hiệu cá nhân rất tốt đối với các doanh nhân, người nổi tiếng và các nhà thiết kế hay lập trình viên….

Website cá nhân là cơ hội để bạn thể hiện bản thân mình một cách tốt nhất và mở ra nhiều cơ hội cho bạn.

Hầu như khách hàng hoặc nhà tuyển dụng nào cũng đánh giá cao nếu bạn có một website cá nhân chuyên nghiệp.

Nếu bạn không có website riêng, họ có thể tìm hiểu về bạn thông qua mạng xã hội, CV… nhưng thật khó để nổi bật được nếu sử dụng nền tảng chung như hàng triệu người khác.

Đó là lý do tại sao bạn nên dành thời gian và nguồn lực để thiết kế website cá nhân, tối ưu thêm một chút về UX nếu muốn trở nên nổi bật.

Nếu bạn là một nhà thiết kế hay một lập trình viên thì việc tạo website khá là dễ dàng đối với bạn rồi.

> Nhưng nếu không, hãy tham khảo ngay dịch vụ thiết kế website của Sao Kim để phát triển thương hiệu cá nhân mạnh mẽ hơn.

Và để bạn có thể có một website cá nhân mang lại trải nghiệm tốt, Sao Kim đã liệt kê danh sách các bí quyết thiết kế website cá nhân tốt nhất để bạn có thể tham khảo.

Bí quyết thiết kế Website cá nhân có UX tốt

 

Các bí quyết này đã được các nhà thiết kế UX hàng đầu sử dụng để thiết kế website cá nhân của họ.

5 Ví dụ thiết kế website cá nhân bạn có thể học hỏi

1. Website Sophie Brittain

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 1

 

Sophie Brittain đã thiết kế một website cá nhân rất thoáng và thu hút.

Website được sử dụng hình ảnh các khối có màu sắc rực rỡ xuất hiện ở đầu trang chủ. Mô-típ này lặp lại xuyên suốt trang web, chúng gắn kết các trang khác nhau lại với nhau và định hình một thương hiệu cá nhân riêng biệt.

Khi cuộn xuống, bạn sẽ thấy rằng menu trang web vẫn cố định trên màn hình, giúp người dùng điều hướng thuận tiện trong toàn bộ trang web.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 2

 

Ngoài ra, sự thay đổi từ nền trắng sang màu xanh dương sáng trên trang “About” cũng tạo nên một sự ngạc nhiên thú vị, đồng thời vẫn đảm bảo phù hợp với thiết kế tổng thể.

Trải nghiệm website tại đây: https://www.sophiebritt.com/

Bạn có thể học hỏi được gì từ thiết kế website của Sophie?

Đầu tiên, Website cá nhân cần nói rõ bạn là aibạn làm gì.

Có khả năng là các nhà tuyển dụng và khách hàng tiềm năng đã xem qua hàng tá website trước đó – và website của bạn chỉ là một trong số đó.

Đó là lý do tại sao bạn nên làm cho lĩnh vực và chuyên môn của mình trở nên rõ ràng ngay lập tức.

Sử dụng màn hình đầu tiên của trang web để giới thiệu bản thân và nêu ngắn gọn, rõ ràng về chuyên môn của bạn.

2. Website Lital Karni

Đây là một trong những trang website cá nhân được thiết kế trải nghiệm tốt nhất.

Vào trang web, điều đầu tiên bạn thấy là sự kết hợp đầy năng lượng giữa các màu sắc, chúng làm cho phần trên trông vừa tinh tế vừa vui tươi.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 3

 

Lital Karni đã sử dụng một màu xanh dương rất sáng. Điều này kích thích thị giác mạnh khiến người xem chú ý ngay lập tức.

Bố cục trên trang chủ rất đơn giản với bố cục lưới toàn màn hình. Phần dự án được kết hợp màu nền khác nhau theo từng dự án một cách cẩn thận.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 4

Điều hay ở đây là mặc dù màu nền khác nhau cho mỗi dự án nhưng lại hài hòa với thiết kế tổng thể.

Ngoài ra, website này có một thiết kế logo khá ấn tượng.

Trải nghiệm website tại đây: https://www.litalkarnidesign.com/

Bạn có thể học hỏi được gì từ thiết kế website của Lital Karni?

Thiết kế thông tin giúp liên hệ dễ dàng.

Thiết kế web giới thiệu cá nhân cuối cùng là để thu hút sự chú ý người xem và cuối cùng là để phát sinh cơ hội (kinh doanh/ tuyển dụng).

Vì thế, giúp nhà tuyển dụng hoặc khách hàng dễ dàng liên hệ bằng cách đưa tất cả thông tin liên hệ cần thiết vào một vị trí dễ nhận biết.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 5

 

Bạn có thể cân nhắc thêm địa chỉ email, số điện thoại và link MXH của bạn.

Về vị trí đặt thông tin liên hệ của bạn, có một vài phương án:

  • Bạn có thể tạo một trang “Liên hệ”
  • Chân trang trang web hoặc trang “Giới thiệu”
  • Hoặc bạn cũng có thể kết hợp tất cả những phương án trên.

Lital đã sử dụng kết hợp nhiều kỹ thuật. Nút ‘Let’s Talk’ được cố định trên màn hình khi bạn cuộn trang, nó thu hút khách truy cập hướng tới mục tiêu điền thông tin ngay.

3. Saloni Joshi

Nhà thiết kế sản phẩm Saloni Joshi đã thiết kế một cấu trúc đơn giản cho website cá nhân của mình.

Màn hình đầu tiên rất thoáng của trang chủ dành riêng cho một đoạn giới thiệu ngắn và các liên kết để liên hệ.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 6

 

Bên dưới, bạn sẽ tìm thấy ngay các dự án tham khảo.

Saloni đã viết giới thiệu rất chi tiết cho cho mỗi dự án đã hoàn thành. Nó giúp cho Saloni trình bày thêm nhiều kỹ năng thông qua quá trình làm việc của mình.

Bắt đầu bằng cái nhìn tổng quan về dự án và chỉ rõ vai trò, nhiệm vụ chính kèm theo tiến trình của cô ấy, người xem có thể dễ dàng hiểu được bản chất của dự án.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 7

 

Saloni cũng đã đề cập đến các yếu tố chính của bất kỳ quy trình thiết kế UX nào, từ ý tưởng đến wireframes và prototypes, UX research…

Tất cả những điều này được trình bày cùng với hình ảnh và văn bản giải thích ngắn gọn, súc tích.

Trải nghiệm website tại đây: https://www.salonijoshi.net/

Bạn có thể học hỏi được gì từ thiết kế website của Saloni Joshi?

Làm rõ tình trạng công việc hiện tại của bạn.

Khi mọi người đang xem web cá nhân của ai đó, họ muốn biết tình hình hiện tại của người đó là gì.

  • Họ là một người sẵn sàng nhận công việc mới toàn thời gian hay ngoài giờ?
  • Họ là một người đang mở rộng cơ hội kinh doanh hay chỉ phát triển mối quan hệ trong ngành?

Saloni đã đưa thông tin cần thiết này vào màn hình đầu tiên của trang chủ để làm nó nổi bật nhất.

Các khách hàng tiềm năng và nhà tuyển dụng có thể thấy ngay tình trạng công việc của cô ấy mà không cần phải tìm kiếm ở nơi khác.

Ngoài ra, cô ấy cũng nói thêm một vài lời về các vị trí trước đây của mình để những khách muốn tìm hiểu thêm có thể xem CV.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 8

4. Omar Alamrani

Omar Alamrani (Một nhà thiết kế UX / UI nổi bật) đã thêm nhiều khoảng trống trên màn hình đầu tiên của trang web, đặt trọng tâm vào tên và câu giới thiệu ngắn gọn bên dưới.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 9

 

Anh ấy cũng đã thêm Favicon Logo vào trang web của mình, làm cho trang web trở nên nổi bật và dễ phát hiện giữa các tab trình duyệt đang mở khác.

Menu chính nằm ở bên phải màn hình giúp khách truy cập dễ click vào điều hướng. Trong phần dự án còn có thêm thanh tiến độ giúp dễ dàng theo dõi nội dung.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 10

Mỗi dự án nổi bật đều kỹ lưỡng và được trình bày một cách có tổ chức.

Trải nghiệm website tại đây: https://www.omaralamrani.com/

Bạn có thể học hỏi được gì từ thiết kế website của Saloni Joshi?

Chính là sự rõ ràng.

Sự rõ ràng thực sự rất quan trọng.

Cũng giống như cấu trúc và thiết kế của một giao diện, văn bản cũng đóng một phần rất lớn trong việc giúp người dùng điều hướng và hiểu sản phẩm.

Website cá nhân của bạn không nên quá khác biệt.

Ưu tiên sự rõ ràng, chi tiết để cho phép khách truy cập trang web dễ dàng hiểu trang web của bạn và duyệt qua trang web một cách liền mạch.

Bạn luôn có thể thêm một chút hài hước hoặc cá tính vào trang web cá nhân của mình để giúp trang web của bạn nổi bật, nhưng hãy đảm bảo rằng bạn đang giữ cho nó rõ ràng.

Nếu bạn không thể phát biểu một cách đơn giản. Điều này chỉ chứng tỏ bạn chưa hiểu rõ về chúng.

Hãy sử dụng câu từ đơn giản và dễ hiểu như cách mà Omar đã làm trong menu trang web và form liên hệ.

Rõ ràng, dễ hiểu chính là cách truyền tải tốt nhất ý định của bạn.

5. Michaella Twersky’s

Nhà thiết kế sản phẩm Michaella (Miki) Twersky’s đã thiết kế trang web cá nhân của cô ấy mang phong cách cổ điển, truyền tải cá tính độc đáo.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 11

 

Thiết kế thoáng và văn bản giới thiệu lớn là yếu tố thường thấy trên các trang web, nhưng Miki đã thêm biến tấu của riêng mình vào bố cục quen thuộc này.

Cô ấy không chỉ hợp nhất hai kiểu phông chữ khác nhau với nhau mà còn tạo lại từ khóa cho một cụm từ nổi tiếng, thúc giục khách truy cập xem lại lần thứ hai.

Ảnh minh họa trên chân trang web cũng phản ánh tính cách độc đáo và khiến khách muốn tìm hiểu thêm về cô ấy.

Miki đã thêm hiệu ứng di chuột trên các hình ảnh trên trang chủ của mình.

Tất cả các hình ảnh đều có màu đen trắng (nhờ bộ lọc), nhưng khi di chuột qua, chúng trở nên sống động bằng cách sử dụng màu sắc gốc.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 12

 

Cách này giúp khách truy cập tập trung vào từng dự án cụ thể mà họ đang xem, cải thiện trải nghiệm duyệt web của họ.

Trải nghiệm website tại: https://www.michaellatwersky.com/

Bạn có thể học hỏi được gì từ thiết kế website cá nhân của Miki?

Chỉ trình bày dự án tốt nhất của bạn.

Trang web cá nhân của bạn là cơ hội để bạn thể hiện những kỹ năng tốt nhất của mình, đó là lý do tại sao bạn nên đảm bảo chỉ bao gồm những dự án mà bạn tự hào nhất.

Không có lý do gì trình bày cho người xem thấy dự án không tốt hoặc các loại dự án bạn không muốn làm trong tương lai..

Miki đã đưa một vài dự án được chọn vào trang web. Mỗi dự án đều có chất lượng cao nhất quán, phản ánh chính xác năng lực của cô ấy với tư cách là một nhà thiết kế.

Miki cũng đã thêm phần ‘Cache’ để chia sẻ các dự án bổ sung không phù hợp trong trang dự án chính.

Điều này thể hiện đầy đủ các khả năng và sở thích của cô ấy, như khả năng vẽ minh họa.

BONUS: Bruno simon

Bruno là một nhà thiết kế nổi tiếng hàng đầu, website cá nhân của anh được thiết kế dưới dạng 3D khiến cho trải nghiệm trở nên khác hẳn với những trang web khác.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 13

 

Bruno simon đã thiết kế website cá nhân của anh như giống như một thị trấn nhỏ, với các con đường và biển chỉ đường để tìm đến thông tin cần thiết.

Bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu 14

 

Việc thiết kế 3D truyền tải tốt nội dung mong muốn khá là khó và cách sử dụng không phổ biến với nhiều người dùng nhưng Simon đã làm rất tốt.

Nhược điểm của loại website này là ngốn khá nhiều tài nguyên và cần thời gian để tải.

Nhưng, nó thực sự làm Simon trở nên khác biệt so với phần còn lại và chiến thắng rất nhiều giải thưởng danh giá như “Thiết kế của năm” trên trang www.awwwards.com.

Thế nên, nếu bạn muốn thiết kế website có yếu tố 3D cho mình thì có thể học hỏi Simon.

Trải nghiệm website tại: https://bruno-simon.com/

10 Cách thiết kế UX tốt nhất cho website cá nhân

Sau khi lấy cảm hứng từ các nhà thiết kế UX hàng đầu, đã đến lúc tổng kết lại những điểm hay để áp dụng thiết kế website cá nhân cho riêng bạn.

Dưới đây là tóm tắt về những gì bạn có thể học được từ các website cá nhân của các nhà thiết kế UX hàng đầu:

  • Làm rõ ràng bạn là ai và bạn làm gì ngay lập tức
  • Có thể liên hệ dễ dàng
  • Làm rõ tình trạng việc làm/ cơ hội hợp tác hiện tại của bạn
  • Phản ánh tính cách cá nhân
  • Có các hình ảnh giải thích trong các dự án nổi bật
  • Không chỉ là sản phẩm cuối cùng, hãy trình bày quy trình làm việc của bạn
  • Ưu tiên sự rõ ràng
  • Cân nhắc thêm CV của bạn
  • Nhắc đến các chi tiết cơ bản của từng dự án.
  • Trình bày các dự án, kỹ năng tốt nhất và đinh hướng cho sự hợp tác (hay vị trí mong muốn) sắp tới

> Xem thêm: 10 Kiểu bố cục trang web hiệu quả thúc đẩy trải nghiệm, truyền tải thông tin.

Bạn có thể thiết kế website cá nhân ở đâu?

Có nhiều cách để bạn thiết kế website cá nhân cho riêng mình trong đó có 3 cách phổ biến.

Cách #1: Sử dụng các nền tảng hỗ trợ thiết kế website

Bạn có thể thử sử dụng các nền tảng hỗ trợ thiết kế website kéo thả như WordPress hay Wix, tất cả đều hỗ trợ các mẫu có sẵn và kéo thả trực quan nên khá dễ để bạn tạo ra website cá nhân cho mình.

Hoặc bạn cũng có thể sử dụng blogspot

Ưu điểm:

  • Dễ sử dụng
  • Có template sẵn
  • Tính năng kéo thả tạo giao diện
  • Update thường xuyên

Nhược điểm:

  • Khả năng tùy biến hạn chế
  • Dữ liệu kém linh hoạt

Cách #2: Sử dụng nền tảng hỗ trợ thiết kế landing Page

Hiện nay, các nền tảng hỗ trợ thiết kế landing page rất phổ biến, đây là cách đơn giản, nhanh chóng để tạo ra một trang web kiểu single page (1 trang)

Bạn có thể sử dụng các nền tảng nước ngoài như Unbounce, HubSpot, Instapage hay nền tảng của người Việt như Ladipage.

Ưu điểm:

  • Dễ sử dụng
  • Kéo thả
  • Template sẵn có
  • Hỗ trợ tính năng marketing khá tốt

Nhược điểm:

  • Sử dụng chung cơ sở dữ liệu
  • Không áp dụng cho các trang muốn phát triển lâu dài
  • Không tạo được các trang khác nhau
  • Dữ liệu tĩnh

Cách #3: Tìm đến các nhà thiết kế web chuyên nghiệp

Để nhanh chóng sở hữu một website thể hiện được thương hiệu cá nhân của bạn và phù hợp đầu tư lâu dài thì các nhà thiết kế web chuyên nghiệp như Sao Kim là lựa chọn hàng đầu.

Việc của bạn chỉ là nêu yêu cầu – đội ngũ của Sao Kim sẽ đem lại kết quả khiến bạn hài lòng 100%.

Ưu điểm:

  • Nổi bật thương hiệu cá nhân
  • Thiết kế linh hoạt (có đội ngũ thiết kế riêng)
  • Tính năng tùy chỉnh theo yêu cầu
  • Trải nghiệm website (UX) tốt
  • Phù hợp cho phát triển lâu dài
  • Phát triển thêm tính năng
  • Hỗ trợ bảo trì
  • Bảo mật thông tin
  • Hỗ trợ SEO, marketing đầy đủ

Nhược điểm:

  • Chi phí tùy thuộc vào nhu cầu cụ thể

Tổng kết

Trên đây là những bí quyết thiết kế website cá nhân từ các nhà thiết kế UX hàng đầu trên thế giới.

Nhưng những bí quyết này có thể vận dụng linh hoạt và được nghiên cứu kỹ càng.

Hi vọng bạn có thể áp dụng cho dự án thiết kế website cá nhân của mình.

> Hãy nhớ là, nếu bạn cần thiết kế website – Sao Kim luôn sẵn sàng hỗ trợ bạn. Gọi ngay tới số 0964.699.499 để được tư vấn cụ thể


#SaoKim Digital #SaoKim #ThietKeWeb #Layout #BoCucTrangWeb


Các bài viết khác

Tin tức, phỏng vấn, công nghệ và tài nguyên mới nhất trong ngành.

Top 15 mẫu website thương hiệu cá nhân ấn tượng nhất 2021

[2021] Top 10 mẫu thiết kế website chuyên nghiệp