Cách thiết kế trang đích: hướng dẫn cơ bản

Một thiết kế trang đích thành công là về sự chuyển đổi, biến những người quan sát tò mò thành những người mua đã được xác nhận. Nhưng cách trang đích hoạt động không phải là một trò ảo thuật: chiến lược kỹ thuật số và thiết kế hình ảnh kết hợp với nhau để tạo ra một bản trình bày sản phẩm hấp dẫn. Khi hoàn thành tốt, người mua một lần thậm chí có thể thay đổi lần nữa — thành khách hàng lặp lại.

Mặc dù các trang đích được thiết kế tốt có nhiều khả năng kiếm được tiền mua hơn, nhưng chúng bị định giá thấp hơn rất nhiều — với 44% công ty hướng lưu lượng truy cập đến trang chủ của họ thay vì trang đích được nhắm mục tiêu. Cần rất nhiều tài nguyên quảng cáo, SEO và tiếp thị chung để tạo ra sự quan tâm cho một sản phẩm mà các doanh nghiệp không thể không thực hiện ở bước cuối cùng. Nhưng nếu trang đích có nhiều tiềm năng về doanh thu thì chúng cũng chỉ hiệu quả như thiết kế của chúng.

Để đảm bảo thiết kế của bạn thu hút sự chú ý của trang đích, chúng tôi sẽ đề cập đến cách hoạt động của trang đích, các thành phần của trang đích và các mẹo thiết kế một trang đích tuyệt vời. Mặc dù bạn có thể cảm thấy không vững khi bước vào thiết kế trang đích, nhưng chúng tôi sẽ giúp bạn tìm được chỗ đứng cho mình.

Cách thiết kế trang đích hoạt động và tại sao nó lại quan trọng
–

Trang đích, đôi khi được gọi là trang sản phẩm, được thiết kế để tiếp thị một sản phẩm / dịch vụ cụ thể hoặc yêu cầu người xem thực hiện một hành động cụ thể. Đó thường là nơi người dùng sẽ được dẫn đến khi họ nhấp vào liên kết khuyến mại hoặc khi họ tìm kiếm sản phẩm trên Google.

Trang web của một doanh nghiệp hoạt động như một trung tâm cho tất cả các sản phẩm và dịch vụ của doanh nghiệp đó ngoài thông tin chung về công ty. Mặc dù các trang đích là một phần của trang web công ty, nhưng mục tiêu của chúng là thuyết phục và bán hàng ngay lập tức, và chúng thực hiện điều này thông qua tính cụ thể. Trang đích tập trung vào một sản phẩm, bản sao tập trung vào việc mô tả và bán sản phẩm đó và thiết kế tập trung vào việc làm cho bản sao đó dễ đọc, sản phẩm dễ nhìn và thu hút người xem. Do đó, các trang đích (đặc biệt là nhiều trang đích) có hiệu quả hơn nhiều trong việc tạo ra các khách hàng tiềm năng so với trang chủ trang web của doanh nghiệp.

Bởi vì các trang đích là công cụ tiếp thị, sự thành công của thiết kế của chúng thường được đo bằng các con số: chuyển đổi và lưu lượng truy cập. Chuyển đổi là số lượng khách truy cập trang mua sản phẩm (họ chuyển đổi từ người không mua thành người mua). Về mặt hình ảnh tuyệt đẹp như một trang đích, nếu tỷ lệ chuyển đổi thấp (khoảng 2% được coi là trung bình), thiết kế của bạn không đạt được mục tiêu cuối cùng.

Lưu lượng truy cập bao gồm thông tin về những người đang truy cập trang của bạn, bao gồm tổng số khách truy cập và thời gian họ ở lại. Khi khách truy cập rời khỏi một trang mà không mua hàng, họ được cho là đã “thoát” khỏi trang đó. Mặc dù các số liệu về lưu lượng truy cập có thể không quan trọng bằng chuyển đổi (trang đích có lưu lượng truy cập cao với tỷ lệ thoát thấp sẽ không được sử dụng nhiều nếu không có ai mua), nhưng số lượng người xem qua toàn bộ trang đích của bạn có thể cung cấp cho bạn thông tin chi tiết về thiết kế của bạn hấp dẫn như thế nào. Tin tốt là những người xem ở trên một trang lâu hơn mười giây có khả năng đọc toàn bộ trang cao hơn đáng kể. Thiết kế tuyệt vời kết hợp với thông tin rõ ràng và hấp dẫn là tài sản tốt nhất của bạn để thu hút sự chú ý của họ qua cửa sổ quan trọng này.

Tìm kiếm nguồn cảm hứng cho trang đích? Hãy xem bài viết này với đầy đủ các ý tưởng thiết kế trang đích tuyệt đẹp.

Giải phẫu của thiết kế trang đích
–

Không có một cách nào để thiết kế một trang đích. Sau tất cả, điều quan trọng nhất là trang đích của bạn cung cấp thông tin và thuyết phục người xem một cách hiệu quả. Điều đó nói lên rằng, nhiều năm thiết kế trang đích đã tạo ra các quy ước mà người dùng đã quen với và những quy ước này có thể đóng vai trò là nền tảng để xây dựng. Sau đây là bảng phân tích các yếu tố phổ biến nhất của thiết kế trang đích.

Tiêu đề

Tiêu đề là phần đầu tiên của trang đích — một không gian hình chữ nhật thường chiếm hầu hết màn hình trang đầu tiên. Mặc dù kích thước của nó có thể khác nhau, nhưng nó thường chứa các thành phần sau:

• Thương hiệu : Logo công ty và logo sản phẩm (nếu có).
• Hình ảnh chính: Hình ảnh chính, hấp dẫn nhất được liên kết với sản phẩm, thường ở dạng biểu ngữ. Nó có thể là của chính sản phẩm hoặc một cảnh được minh họa hoặc chụp ảnh ghi lại trải nghiệm sử dụng sản phẩm.
• Dòng tiêu đề : Bản sao đi kèm với hình ảnh anh hùng, tạo ra một màn chào hàng ngắn gọn.
• Dòng tiêu đề phụ : Dòng này xác định sản phẩm và cung cấp tóm tắt chi tiết hơn về lợi ích của nó (được gọi là đề xuất giá trị)
• Kêu gọi hành động : Còn được gọi là CTA, đây là nút (và bản sao bên trong, “Mua ngay bây giờ!”) Mà người dùng nhấp vào để được đưa vào quy trình mua hàng. Các CTA rất quan trọng, nhưng hãy cảnh giác với việc lạm dụng chúng — điều này có thể làm lộn xộn trang và trở nên khó bán. Thay vào đó, hãy xem xét một thanh cố định giữ CTA ở đầu màn hình khi người dùng cuộn. (Lưu ý: CTA có thể có các mục đích khác, chẳng hạn như thu hút người đăng ký hoặc tải xuống, nhưng vì lợi ích đơn giản, chúng tôi sẽ chủ yếu đề cập đến việc mua hàng trong suốt bài viết này.)

Một yếu tố thiết kế tiêu đề phổ biến mà bạn muốn giảm thiểu bất cứ khi nào có thể là điều hướng. Mặc dù hầu hết các trang web đều có menu điều hướng, nhưng trang đích không phải là một trang web “bình thường”. Nó được thiết kế để giữ người xem trên trang cho đến khi họ sẵn sàng mua trong khi thanh điều hướng với nhiều tùy chọn khuyến khích họ đi du lịch ở nơi khác.

Nội dung

Phần nội dung là phần chính của trang đích của bạn. Mặc dù phần tiêu đề nhằm giới thiệu sản phẩm và thu hút sự chú ý của người dùng, nhưng phần nội dung cần tập trung vào việc trình bày chi tiết đề xuất giá trị và xây dựng một lập luận thuyết phục để chuyển đổi. Nội dung của trang đích thường bao gồm:

• Đồ họa hỗ trợ : Hình ảnh sản phẩm phụ (ở các góc độ khác hoặc khách hàng đang sử dụng sản phẩm), các biểu tượng đơn giản hóa các gạch đầu dòng và màu sắc hoặc các hình dạng trừu tượng hướng mắt người xem xuống trang.
• Thông số kỹ thuật sản phẩm : Bản sao phân tích cách sản phẩm hoạt động theo các bước rõ ràng. Các liên kết mở rộng theo từng bước này (tức là “Tìm hiểu thêm”) có thể hữu ích để giải quyết các nghi ngờ, nhưng một lần nữa, hãy cảnh giác với việc đưa người dùng rời khỏi trang đích.
• So sánh lợi ích : Điều này phù hợp với cách sản phẩm cải thiện cuộc sống của khách hàng, đôi khi bằng cách so sánh với sản phẩm của đối thủ cạnh tranh hoặc bằng cách xác định và giải quyết các điểm khó khăn của người tiêu dùng.
• Xác nhận ngang hàng : Xếp hạng, đánh giá và / hoặc lời chứng thực của khách hàng trước đây, tất cả đều xây dựng lòng tin của người xem đối với sản phẩm thông qua các tham chiếu xã hội tích cực.

Chân trang

Chân trang là phần cuối của đường băng cho trang đích của bạn, nơi người xem sẽ phải đưa ra quyết định cuối cùng của họ. Nó thường bao gồm những điều sau:

• Liên kết đến các trang khác : Bạn có thể muốn liên kết đến các trang có liên quan khác trên trang web của mình, chẳng hạn như trang Câu hỏi thường gặp.
• Liên kết trên mạng xã hội : Đây có thể là một nội dung gây tranh cãi (như đã đề cập trước đây, bạn không nên khuyến khích người dùng thực hiện các hành động không liên quan đến CTA) nhưng nó có thể cải thiện lưu lượng truy cập để cung cấp liên kết cho người dùng chia sẻ trang đích với những người theo dõi của họ trên mạng xã hội.
• Thông tin liên hệ : Số điện thoại hoặc địa chỉ email cung cấp cho khách hàng nơi để đến nếu họ có thêm câu hỏi.
• Thông tin pháp lý : Trang web và bản quyền sản phẩm cùng với các bản hợp pháp khác. Điều này thường được chứa trong một thanh tối ở cuối trang để tách nó khỏi phần còn lại của nội dung.

6 mẹo để thiết kế trang đích
–

Một điều cần biết là các thành phần và mục tiêu chung của trang đích, nhưng làm thế nào để chúng chuyển thành các nguyên tắc thiết kế trực quan? Mặc dù giao diện của trang đích sẽ khác nhau tùy theo nhà thiết kế và thương hiệu, nhưng sau đây là các nguyên tắc và mẹo chung để thiết kế trang đích hiệu quả.

1. Tuân thủ chủ nghĩa tối giản

Chủ nghĩa tối giản đề cập đến việc hạn chế các yếu tố thiết kế trên trang của bạn (màu sắc, kiểu chữ, hình ảnh, v.v.) đối với những điều cần thiết. Khi bạn thiết kế, hãy thẩm vấn mọi quyết định của bạn. Nếu một yếu tố thiết kế không làm tăng thêm sự hiểu biết của người dùng về sản phẩm hoặc đối với việc mua hàng, hãy loại bỏ nó.

Có hai lý do chính tại sao điều này lại quan trọng. Đầu tiên, bạn nên cho rằng, mặc dù họ đã chọn truy cập trang, người dùng chỉ tò mò một chút về sản phẩm và mọi sự phân tâm đều có nguy cơ làm mất đi sự chú ý vốn đã dao động của họ. Ngoài ra, tạo cho không gian sao chép dễ thở với nhiều khoảng trắng sẽ nhấn mạnh thông tin và làm cho văn bản bớt đáng sợ hơn.

Thứ hai, nhiều yếu tố đồ họa hơn thường có nghĩa là thời gian tải lâu hơn. Do tỷ lệ thoát tăng theo cấp số nhân với mỗi giây tải trang và các công cụ tìm kiếm thậm chí phạt các trang chậm, trang đích của bạn nên ưu tiên tải nhanh hơn so với đồ họa hào nhoáng.

2. Tận dụng lợi thế của “nếp gấp”

Mặc dù cách tiếp cận ít hơn có thể khiến bạn nghĩ rằng các trang ngắn mà không cần cuộn là tốt hơn, nhưng các trang đích dài hơn có xu hướng giữ chân người xem hiệu quả hơn. Một trang dài hơn tạo cơ hội tăng khoảng cách giữa các phần tử trong khi một trang ngắn có thể làm cho cùng một thiết kế cảm thấy chật chội và lộn xộn. Và cuộn là một thao tác nhỏ giúp các trang có cảm giác tương tác hơn, chẳng hạn như một bảng quảng cáo trực diện.

Cách tốt nhất để tận dụng khả năng cuộn là thiết kế xung quanh cái được gọi là “màn hình đầu tiên”. Đây là dòng mà một trang web bị cắt do độ phân giải màn hình, buộc người dùng phải cuộn xuống để tiết lộ những gì nằm bên dưới. Mặc dù kích thước màn hình vật lý khác nhau, hầu hết độ phân giải trong màn hình đầu tiên là 1000 x 600px. Bằng cách có đồ họa hấp dẫn, nửa ẩn hoặc bản sao chép ngay trong màn hình đầu tiên, bạn có thể thu hút người dùng cuộn xuống và tương tác sâu hơn với trang của bạn.

3. Tối ưu hóa cho các mẫu đọc

Các mẫu đọc mô tả các cách phổ biến mà người dùng quét các trang web (dựa trên nghiên cứu theo dõi mắt) và các nhà thiết kế có thể sử dụng căn chỉnh và giãn cách để tổ chức văn bản nhằm tạo điều kiện thuận lợi cho việc này. Bởi vì hầu hết người dùng quét các trang web trước khi cam kết đọc chúng (với 79% không bao giờ vượt qua giai đoạn quét) nên bạn nên tối ưu hóa thiết kế để quét. Tách bản sao và đồ họa theo cách làm cho các dòng văn bản dễ đọc ở khoảng cách xa nhưng điều đó cũng hướng người đọc xuống trang và hướng tới CTA một cách tinh tế.

Đây là hai mẫu đọc phổ biến nhất mà thiết kế trang đích của bạn nên xem xét:

• Hình chữ Z : Người dùng theo dõi chữ “Z” vô hình bằng mắt khi họ quét từ trái sang phải. Điều này rất hữu ích cho các thiết kế nặng về hình ảnh và có thể làm cho bố cục trang trở nên năng động hơn bằng cách phân tán các phần tử theo hình zíc-zắc và khiến người dùng đảo mắt nhanh chóng từ bên này sang bên kia.
• Mẫu F : Người dùng theo dõi chữ “F” vô hình bằng mắt khi họ quét từ trái sang phải. Điều này có xu hướng hữu ích hơn cho các trang nặng văn bản vì hình dạng này có lợi hơn cho việc đọc từng dòng.

4. Thiết kế để tương tác

Các yếu tố tương tác là một trong những tài sản lớn nhất mà web cung cấp cho các nhà thiết kế so với các sản phẩm in. Các nhà thiết kế trang đích có thể sử dụng tương tác để mời người dùng tham gia thay vì đọc tài liệu tiếp thị một cách thụ động, điều này có thể khiến trải nghiệm giống như một trò chơi hơn là một quảng cáo.

Cuộn tiêu chuẩn là một hình thức tương tác rõ ràng và mặc dù không phải tự nó giảm giá, các nhà thiết kế có thể tăng cường điều này với các hình ảnh động như chuyển đổi vuốt dọc hoặc ngang. Hoạt ảnh di chuột có thể làm cho trang trở nên sống động dưới con trỏ chuột của người dùng, với đồ họa di chuyển, mờ dần trong / ngoài hoặc thay đổi màu sắc. Nếu bạn đang bán một sản phẩm vật lý, việc cho phép người dùng xoay bản vẽ 3D của sản phẩm đó có thể mời họ dùng thử sản phẩm đó.

Nút CTA là hình thức tương tác quan trọng nhất của bạn, vì vậy, khi nhấp vào nút này, bạn sẽ cảm thấy tích cực và hài lòng. Điều này có thể đạt được bằng cách tạo ra một thể chất hoạt hình khi người dùng nhấp vào nó. Mặc dù những hình ảnh động này phải tinh tế để tránh bị phân tâm và tải lâu, nhưng chúng sẽ giúp người dùng giải trí và tương tác lâu dài.

5. Thiết kế lược đồ trang đích được chia sẻ

Nếu doanh nghiệp của bạn sản xuất một số sản phẩm hoặc dịch vụ khác nhau, hãy tạo các trang đích riêng biệt để tối đa hóa chuyển đổi cho từng sản phẩm hoặc dịch vụ. Nhưng bạn càng tạo nhiều trang đích, càng khó có thể mở rộng quy mô quá trình thiết kế. Cách để giảm thiểu điều này? Tận dụng lợi thế của các bố cục giống nhau.

Mặc dù các trang đích phải được điều chỉnh cho phù hợp với từng sản phẩm, nhưng chúng cũng là một phần của thương hiệu của bạn. Duy trì sự nhất quán giữa chúng là điều quan trọng để tạo ra một chữ ký trực quan dễ nhận biết (giúp người dùng tin tưởng vào thương hiệu của bạn), nhưng nó cũng làm cho việc thiết kế và lập ngân sách cho nhiều trang đích khả thi hơn.

Bắt đầu với một trang đích và kiểm tra nghiêm ngặt nó về hiệu suất (xem thêm về điều đó trong phần tiếp theo). Khi bạn đã có một thiết kế hoạt động, hãy sử dụng sơ đồ bố cục của nó làm bản thiết kế cho phần còn lại của các trang đích của bạn. Các sản phẩm khác nhau có thể có các đối tượng khác nhau, vì vậy hãy đảm bảo bạn tiếp tục kiểm tra từng trang này và phân biệt thiết kế của chúng nếu cần.

6. Kiểm tra mọi yếu tố thiết kế

Sự thật không may là mặc dù đã làm theo các mẹo này, trang đích của bạn có thể không chuyển đổi theo cách bạn mong đợi. Thiết kế trang đích trở nên khoa học hơn, trong đó các dữ kiện và số liệu được ưu tiên hơn các sở thích thẩm mỹ. Biến quan trọng trong phương trình thiết kế của bạn là đối tượng mục tiêu. Mỗi đối tượng là duy nhất và cách chắc chắn duy nhất để biết liệu thiết kế trang đích của bạn có phù hợp với họ hay không là thử nghiệm và điều chỉnh thiết kế của bạn cho phù hợp.

Thử nghiệm phân tách, đôi khi được gọi là thử nghiệm A / B, trong đó hai phiên bản khác nhau của thiết kế được thử nghiệm trên hai nhóm khách hàng riêng biệt, là cách phổ biến mà các nhà thiết kế và nhà tiếp thị quyết định về kết quả tốt nhất. Sử dụng phương pháp này để kiểm tra mọi thành phần của trang web của bạn, từ tiêu đề đến bản sao quảng cáo, hình ảnh đến hình dạng của các nút. Bằng cách này, bạn có thể tự tin rằng thiết kế trang đích của mình không chỉ đẹp mà còn được người dùng đồng ý.

Đã đến lúc thiết kế trang đích thành công
–

Khi bắt đầu thiết kế trang đích, bạn phải giả định rằng người xem của bạn đang tìm bất kỳ lý do gì để thoát ra và việc giữ cho họ có cơ sở là tùy thuộc vào thiết kế của bạn.

Mặc dù có nhiều yếu tố có thể góp phần vào tỷ lệ thoát cao — mô tả không rõ ràng, định giá quá cao hoặc thậm chí chỉ là một sản phẩm quá hời — thiết kế tốt là một trong những yếu tố tốt nhất để giảm tỷ lệ đó. Mặc dù hướng dẫn này nhằm cung cấp cho bạn một nơi để bắt đầu với thiết kế trang đích của mình, nhưng cách đáng tin cậy nhất để có được một thiết kế trang đích tuyệt vời là làm việc với một nhà thiết kế chuyên nghiệp.

Bạn muốn tìm hiểu thêm về thiết kế web? Đây là bài viết từng bước về cách tạo một trang web từ đầu đến cuối.