26 Mẫu thiết kế trang đích đẹp tối ưu hoá quảng cáo seo Google

Thiết kế web là một vấn đề cực kỳ chủ quan. Tôi có thể thích thiết kế của một trang web, trong khi bạn có thể ghét nó. Không có cách nào để làm hài lòng tất cả mọi người.

Tuy nhiên, bạn có thể làm hài lòng hầu hết những người truy cập trang web của mình. Bằng cách nào? Bạn sẽ tìm ra điều gì hiệu quả và điều gì không, dựa trên phản hồi tích cực của đa số người truy cập trang web.

Ví dụ, bản đồ nhiệt cho phép bạn xem những gì mọi người quan tâm trên một trang web và những gì họ thậm chí không để ý (ngay cả khi họ nên để ý). Mặt khác, báo cáo hình ảnh hiển thị thông tin chi tiết về các trang web giới thiệu và cách mọi người đến từ các nơi khác nhau tương tác với trang web của bạn.

Mọi người có xu hướng bỏ qua CTA của bạn khi họ truy cập từ Facebook không? Có thể bài đăng trên Facebook của bạn không phù hợp với thiết kế trang web.

Các báo cáo hành vi người dùng khác cho phép bạn xem các mô hình khách truy cập theo nhiều cách khác nhau. Ví dụ: một bản đồ nhiệt tiêu chuẩn hiển thị các khu vực hoạt động "nóng" và các khu vực không hoạt động "lạnh". Việc định vị các thành phần trên trang đích sao cho phù hợp với chuyển động mắt có thể giúp trang web hiệu quả hơn.

Cách kiểm tra tối ưu hóa trang đích

Dù bạn có tin hay không, thiết kế trang đích được gói gọn trong năm yếu tố đơn giản. Bạn có nhiều không gian để thỏa sức sáng tạo, nhưng hãy đảm bảo trình bày ưu đãi một cách rõ ràng và không gây mất tập trung.

Sau đây là danh sách kiểm tra hữu ích về những điều cần đưa vào trang đích của bạn để cải thiện trang và tăng tỷ lệ chuyển đổi.

1. Giữ lời đề nghị ở đầu trang

Khách truy cập trang web của bạn có thể sẽ không bao giờ cuộn xuống dưới trang đầu. Đó là sự thật. Nếu bạn giấu ưu đãi ở dưới trang đầu, nhiều khách truy cập sẽ không bao giờ nhìn thấy nó.

Tối ưu trang đích

Như bạn có thể thấy từ những ví dụ trang đích tốt nhất mà tôi đã đề cập ở trên, mỗi trang đều có ưu đãi hoặc USP (điểm bán hàng độc đáo) ở đầu trang. Điều này dễ nhận thấy ngay từ khi khách truy cập vào trang.

2. Viết một tiêu đề mạnh mẽ và rõ ràng

Mỗi ví dụ trong ba ví dụ tôi đã đề cập ở trên đều có tiêu đề rõ ràng, cụ thể để làm điểm tựa cho trang. Hãy cùng xem xét từng tiêu đề ở đây:

  • Xây dựng uy tín trực tuyến của bạn với tiếp thị nội dung hiệu quả mạnh mẽ
  • Hãy đến đó - Ngày của bạn thuộc về bạn
  • Phần mềm ngôn ngữ duy nhất có TruAccent™ — công nghệ nhận dạng giọng nói tốt nhất thế giới.

Rõ ràng là chúng rất khác nhau, nhưng chúng có một số điểm chung.

Đầu tiên, họ sử dụng những từ ngữ mạnh mẽ. Đây là những từ ngữ ngay lập tức gợi lên cảm xúc hoặc kết nối với người đọc.

Copyblogger tập trung vào những từ như “quyền lực” và “hiệu quả mạnh mẽ”. Bản thân chúng không gây ấn tượng, nhưng khi được đưa vào tiêu đề ngắn gọn, chúng sẽ giúp truyền tải thông điệp mạnh mẽ hơn.

Uber có cách tiếp cận cảm tính hơn. Thay vì nêu thẳng thừng đề xuất giá trị của mình, Uber hướng đến những gì khách hàng mục tiêu mong muốn: tự do, hiệu quả và một điểm đến.

Tiếp theo là Rosetta Stone, sử dụng các từ như "duy nhất" và "tốt nhất thế giới" để truyền tải độ tin cậy và uy tín. Những từ này ngụ ý rằng Rosetta Stone là tất cả những gì bạn cần để đạt được mục tiêu của mình.

Viết tiêu đề ấn tượng bằng cách đặt mình vào vị trí của khách hàng. Điều gì sẽ gây ấn tượng với họ? Điều gì sẽ kết nối với họ đủ để thuyết phục họ khám phá phần còn lại của trang web? Hay để họ điền vào biểu mẫu?

3. Thêm nút CTA trực tiếp và lớn cho ưu đãi

CTA là nơi bạn muốn khách truy cập tập trung sự chú ý. Nó giống như một lời mời: Đây là những việc cần làm tiếp theo!

Nút CTA không nên chiếm toàn bộ màn hình, nhưng cần thu hút sự chú ý của khách truy cập. Hãy cân nhắc sử dụng phông chữ độc đáo nếu bạn thấy nó chưa đủ hấp dẫn.

Ngoài ra, hãy đảm bảo bạn sử dụng cụm từ kêu gọi hành động hợp lý và truyền tải được giá trị. Một CTA như "Đăng ký ngay" không làm tôi hứng thú. Hãy đổi thành: "Đăng ký ngay để nhận Nghiên cứu tình huống miễn phí". Giờ thì tôi đã thấy hứng thú rồi.

4. Đừng làm người dùng bối rối

Một trong những vấn đề phổ biến nhất mà tôi nhận thấy trên trang đích là CTA xung đột.

Tránh sử dụng CTA xung đột càng nhiều càng tốt. Bạn có thể có nhiều lựa chọn, nhưng hãy đảm bảo chỉ có một CTA duy nhất mà bạn muốn khách truy cập thực hiện cụ thể. Bạn có thể thấy cả Uber và Rosetta Stone đã làm điều này như thế nào trong các ví dụ trên bằng cách làm cho các CTA thay thế nhỏ hơn và ít gây chú ý hơn.

Quan trọng hơn, bạn muốn tránh sự lộn xộn về mặt hình ảnh. Cũng giống như việc bạn nhặt đồ chơi, quần áo, tạp chí nằm rải rác và các thứ linh tinh khác ở nhà, bạn muốn loại bỏ bất kỳ yếu tố hình ảnh nào gây khó hiểu khỏi trang đích.

Nói cách khác, hãy giữ mọi thứ đơn giản.

Bạn muốn nội dung trên trang đủ hấp dẫn để thu hút sự chú ý, nhưng không quá nhiều đến mức người đọc không biết phải nhìn vào đâu.

5. Sử dụng màu tương phản

Tôi rất thích sự tương phản khi thiết kế website. Bạn sẽ thấy màu cam đặc trưng của tôi trên NeilPatel.com và Neil Patel Digital.

Độ tương phản không có nghĩa là màu sắc chói lóa hay khó chịu. Bạn có thể tạo độ tương phản theo nhiều cách.

Ví dụ, màu nền đậm và màu trung tính cho văn bản trên CTA sẽ hiệu quả. Bạn không nên dùng màu xanh lá cây chanh trên nền xanh dương điện - điều này gây khó chịu cho mắt.

Trong CTA, bạn cũng có thể sử dụng một màu sắc không có sẵn trên trang. Chỉ cần đảm bảo nó không gây ra sự bất đồng quá lớn về mặt thị giác. Việc tìm hiểu về vòng tròn màu sắc và cách các màu sắc bổ trợ cho nhau sẽ giúp bạn trở thành một nhà thiết kế giỏi hơn.

ROI của thiết kế trang đích

Qua nhiều năm thử nghiệm, việc thiết kế trang đích phù hợp có thể dễ dàng tăng gấp đôi tỷ lệ chuyển đổi vào kênh tiếp thị của bạn.

Hãy xem xét tổng số lượt đăng ký, khách hàng tiềm năng hoặc đơn hàng hiện đang diễn ra trên trang đích của bạn. Đừng lo lắng về việc phân tích cú nhấp chuột kiểu thác nước cầu kỳ, chỉ cần xem xét tổng số lượt chuyển đổi đang diễn ra trên kênh chính của bạn.

  • Lợi tức đầu tư (ROI) cho doanh nghiệp của bạn sẽ là bao nhiêu nếu số lượt chuyển đổi tăng gấp đôi?
  • Và nếu kênh của bạn đã thực sự mạnh, liệu bạn có bị mất mát nếu kênh bị cắt đôi sau khi thiết kế lại trang đích không?

Đó chính là những gì cần cân nhắc khi thiết kế lại trang đích: một nửa kênh tiếp thị của bạn.

Thiết kế thân thiện thiết bị di động

Chúng tôi vừa kiểm tra số liệu thống kê trang đích của mình: 1/3 số người truy cập trang đích của chúng tôi là trên thiết bị di động.

Và tỷ lệ khách hàng tiềm năng cao hơn nhiều. Nhiều người truy cập máy tính để bàn của bạn sẽ là khách hàng, sử dụng trang đích của chúng tôi để đăng nhập vào tài khoản Crazy Egg. Nhưng còn khách truy cập trên thiết bị di động thì sao? Tất cả họ đều sẽ là khách hàng tiềm năng.

Ngày nay, bạn nên thiết kế phiên bản di động trước. Ít nhất, hãy dành thời gian cho trang đích di động tương đương với trang đích máy tính.

26 mẫu thiết kế trang đích đẹp nhất

Không có người thầy nào tốt hơn một tấm gương. Tôi sẽ chỉ cho bạn một số ví dụ thiết kế trang đích tốt nhất mà tôi tìm thấy, và tôi sẽ giải thích chính xác lý do tại sao chúng hiệu quả để bạn có thể áp dụng những chiến thuật tương tự trên trang web của mình.

1. Rosetta Stone

Nếu bạn chưa biết đến Rosetta Stone , đây là một bộ công cụ được thiết kế để giúp bạn học ngoại ngữ. Tuy có mức giá khá cao, nhưng nó vẫn rất phổ biến.

Ngoài ra, đây là một trong những ví dụ về trang đích tốt nhất mà tôi từng thấy cho một trang web thương mại điện tử.

Mẫu trang đích Rosetta Stone

Chúng ta lại đang nói đến hình ảnh anh hùng một lần nữa, lần này là một du khách đang sử dụng điện thoại của mình - bề ngoài là để truy cập ứng dụng Rosetta Stone.

Lý do hiệu quả: Rosetta Stone dẫn đầu với USP chính: công nghệ TruAccent. Những lợi ích giá trị gia tăng của công nghệ này giúp nó nổi bật so với các đối thủ cạnh tranh và khiến nó dường như hiệu quả hơn trong việc giúp mọi người học ngoại ngữ.

Và rồi bạn lại có một đề xuất giá trị khác: Công ty đã hoạt động được 25 năm. Ngoài ra còn có bằng chứng xã hội: "Giải pháp ngôn ngữ đáng tin cậy nhất..."

Rosetta Stone có thể được hưởng lợi từ một số con số cụ thể ở đây. Nó phục vụ bao nhiêu khách hàng? Con số đó có lẽ ấn tượng hơn. Nhưng đó là lỗi duy nhất tôi thấy ở trang đích này.

Có một lời kêu gọi hành động quan trọng để ra mắt bản demo tương tác, nhưng người dùng cũng có thể tìm hiểu về các giải pháp cụ thể cho các phân khúc khách hàng khác nhau: cá nhân, nhà giáo dục và doanh nghiệp.

trang đích này thực hiện xuất sắc nhiệm vụ thu hút sự chú ý của khách truy cập và cung cấp nhiều địa điểm để khám phá mà không làm khách truy cập mất tập trung khỏi CTA chính.

2. Uber

Bất kỳ ai biết tôi đều sẽ nói rằng tôi ghét lái xe. Tôi luôn gọi Uber để đón.

Tôi cũng rất thích trang web của Uber. Trang web này có một trong những thiết kế trang đích đẹp nhất mà tôi từng thấy từ trước đến nay.

Mẫu trang đích Uber

Đây là ví dụ tuyệt vời về sự kết hợp liền mạch giữa hai giá trị: Có được chuyến đi an toàn, giá rẻ hoặc trở thành tài xế và kiếm tiền.

Đây không phải là việc dễ dàng, đặc biệt là khi trên trang chỉ có rất ít từ.

Lý do hiệu quả: Nếu bạn xem xét từng yếu tố riêng lẻ trên trang đích của Uber, bạn sẽ nhận thấy tất cả đều được thiết kế để hướng người truy cập trang web đến một hành động nào đó. Họ muốn bạn đăng ký tài khoản để có thể đặt xe Uber hoặc đăng ký làm tài xế và kiếm tiền.

Đó là hai phân khúc thị trường hoàn toàn khác nhau. Nhưng bằng cách nào đó, chúng vẫn hiệu quả.

Hãy chú ý đến cách lựa chọn hình ảnh. Anh chàng ngồi sau tay lái rõ ràng là một tài xế Uber, nhưng anh ta đang nhìn thẳng vào camera — vào bạn . Nếu bạn muốn gọi Uber, anh ta là người mà bạn cảm thấy thoải mái khi lên xe cùng. Hoặc, nếu bạn muốn kiếm thêm thu nhập, anh ta là người mà bạn muốn noi theo thành công của họ.

Phần còn lại của trang đích cung cấp nhiều thông tin hơn, từ bản đồ và biểu mẫu trích dẫn để di chuyển từ nơi này đến nơi khác cho đến những lời giới thiệu về đề xuất giá trị của công ty.

3. Copyblogger

Trang web Copyblogger sử dụng phương pháp hình ảnh nổi bật cho thiết kế trang đích — và nó hoạt động rất hiệu quả. Trang web gọn gàng và tối giản, sử dụng màu sắc nhẹ nhàng và hình ảnh vừa hấp dẫn vừa kín đáo.

Mẫu trang đích Copyblogger

Bạn sẽ nhận được mọi thứ bạn mong đợi từ một trang đích, từ logo và khẩu hiệu đến thanh điều hướng ở trên cùng. Ngoài ra còn có đề xuất giá trị trên hình ảnh chính, giúp củng cố giá trị của công ty.

Lý do hiệu quả: trang đích hình ảnh nổi bật hoạt động hiệu quả khi bạn chỉ bán một giá trị duy nhất. Tuy nhiên, nó không lý tưởng cho trang đích thương mại điện tử — trừ khi bạn chỉ bán một sản phẩm — nhưng lại hoàn hảo cho các doanh nghiệp dịch vụ cung cấp dịch vụ cốt lõi hoặc dịch vụ chủ lực.

Con người phản ứng tốt với hình ảnh trực quan. Thực tế, gần 60% khách hàng được khảo sát trong một nghiên cứu cho biết họ thích tương tác với một trang web được thiết kế đẹp mắt hơn là một trang web được thiết kế đơn giản. Người tiêu dùng đánh giá doanh nghiệp của bạn dựa trên tính thẩm mỹ của trang đích.

4. Starbucks

Mẫu trang đích Starbucks

Sao chúng ta không kết thúc thật hoành tráng nhỉ? Starbucks không phải là tay mơ về tiếp thị. Công ty đã đặt ra tiêu chuẩn cao cho mọi quán cà phê khác, và thiết kế trang đích của họ cũng thường xuyên thay đổi dựa trên các sản phẩm mà Starbucks muốn quảng bá.

Ở đây, bạn có hai loại sinh tố protein trông vừa ngon miệng vừa đơn giản nhưng hiệu quả. Biểu tượng "Mới" bên cạnh tên sản phẩm cũng thu hút sự chú ý.

5. hubEngage

Mẫu trang đích hubEngage

Tôi thích thiết kế trang đích của hubEngage vì nó chân thực và hấp dẫn. "Giải phóng sức mạnh của những nhân viên gắn kết". Đó là mục đích duy nhất của doanh nghiệp. Tiếp theo là hộp trò chuyện ở góc dưới bên phải, một quyết định tuyệt vời về trải nghiệm người dùng (UX), và hình ảnh chủ đề nổi bật.

6. Lyft

Mẫu trang đích Lyft

Trong bài viết trước về các ví dụ trang đích tốt nhất , tôi đã chọn Uber làm một trong những ví dụ. Vậy nên, thật công bằng khi tôi giới thiệu Lyft ở đây. Đây là một trang đích tuyệt vời, sử dụng hình ảnh minh họa tùy chỉnh khéo léo để thu hút người xem và bao gồm nút CTA tương phản cao. Nó cũng đáp ứng thành công cả người đi xe và tài xế.

7. Viewership.com

Mẫu trang đích Viewership

Nếu bạn xem các video trên YouTube của tôi, bạn sẽ biết Adam và tôi có một loạt video vào thứ Năm hàng tuần, nơi chúng tôi trả lời các câu hỏi từ những người đã để lại bình luận trên các video trước đó. Doanh nghiệp của Adam, Viewership.com , tập trung vào việc giúp mọi người tận dụng tiếp thị video.

Thiết kế trang đích rất lý tưởng. Chúng ta chỉ thấy màu hồng/đỏ ở hai vị trí và màu xanh lá cây ở hai vị trí. Đó là cách Viewership thu hút sự chú ý của người truy cập vào các phần liên quan trên trang.

8. UnitedHealthcare

Mẫu trang đích UnitedHealthcare

Nếu bạn quen thuộc với tâm lý học màu sắc trong tiếp thị, bạn sẽ biết rằng màu xanh thường được dùng để tượng trưng cho sức khỏe và sự chữa lành cảm xúc.

Đó là lý do tại sao thiết kế trang đích của UnitedHealthcare lại hiệu quả đến vậy. Hơn nữa, trang đích sử dụng hình ảnh phù hợp để giúp khách truy cập cảm thấy thoải mái, và nhiều CTA cung cấp hướng dẫn rõ ràng về cách thực hiện.

9. FindLaw

Mẫu trang đích FindLaw

FindLaw có hai mục đích: giáo dục mọi người về luật pháp và kết nối khách hàng với luật sư. Trang web đáp ứng cả hai mục đích này thông qua thiết kế trang đích. Bạn có thể sử dụng thanh điều hướng phía trên để tìm thông tin giáo dục, nhưng CTA chính — nằm chính giữa hình ảnh đại diện — khuyến khích bạn tìm luật sư gần bạn.

10. The Motley Fool

Mẫu trang đích The Motley Fool

Nhiều người chỉ sử dụng The Motley Fool để đọc các bài viết về tài chính, nhưng công ty còn cung cấp nhiều hơn thế nữa. Bạn sẽ nhận thấy một yếu tố nổi bật trên trang — nút CTA màu vàng có nội dung "Giá cổ phiếu mới nhất". Nếu nhấp vào đó, bạn sẽ được chuyển đến các dịch vụ trả phí của công ty, bao gồm cung cấp cho bạn các lựa chọn cổ phiếu từ các nhà phân tích và chuyên gia.

11. L'Oursin

Mẫu trang đích L'Oursin

L'Oursin , một nhà hàng tuyệt vời ở Seattle, đã hoàn toàn chinh phục thiết kế trang đích ở đây. Những bức ảnh đồ ăn ngay lập tức kích thích vị giác của khách truy cập, và bạn có thể cảm nhận được không khí của nhà hàng thông qua hình ảnh và lựa chọn phông chữ.

12. Suicide Prevention Hotline

Mẫu trang đích Suicide Prevention Hotline

Các tổ chức phi lợi nhuận cũng có những khó khăn riêng khi thiết kế trang đích. Họ muốn giúp đỡ càng nhiều người càng tốt, nhưng đồng thời cũng muốn kêu gọi sự đóng góp, tình nguyện viên và các hỗ trợ khác từ cộng đồng. Suicide Prevention Hotline đã hoàn thành tốt cả hai mục tiêu này.

Điều này thật thú vị vì CTA chính là một số điện thoại. Nghe có vẻ trái ngược với những gì chúng ta thường thấy, nhưng nó được thiết kế dành riêng cho đối tượng mục tiêu. Và nếu bạn đang lướt web trên điện thoại thông minh, bạn có thể nhấp vào số đó để gọi, điều này đặc biệt hữu ích.

13. Ensurem

Mẫu trang đích Ensurem

Ensurem là một ví dụ về thiết kế tối giản nhưng vẫn toát lên vẻ văn minh và tinh tế. Hình ảnh đại diện lớn, cùng với bảng màu tối, giúp tăng thêm sự tinh tế cho thiết kế.

Điểm đáng chú ý nhất là CTA. CTA to, nền có độ tương phản cao, và màu nền gợi nhớ đến màu sắc của logo Ensurem. Tất cả hòa quyện với nhau một cách liền mạch.

14. Bookouture

Mẫu trang đích Bookouture

Đây là một ví dụ khác về thiết kế tối giản. Bookouture là một nhà xuất bản kỹ thuật số, chủ yếu xuất bản tiểu thuyết lãng mạn và hồi hộp, và trang đích của họ nhắm đến các tác giả có thể muốn xuất bản sách của họ tại đây. Việc sử dụng hình ảnh máy tính để hiển thị bìa sách là một quyết định thông minh. Ở phần tiêu đề, bạn có một liên kết để gửi bài, và bên dưới nội dung trang đích, có một CTA khác để tìm hiểu thêm về những gì công ty cung cấp.

15. Toastmasters International

Mẫu trang đích Toastmasters International

Mặc dù thiết kế trang đích của Toastmasters International thoạt nhìn có vẻ hơi lỗi thời, nhưng bạn cần nhớ đối tượng mục tiêu của nó. Tổ chức này muốn thu hút mọi người — thường là các nhà lãnh đạo doanh nghiệp — và họ đã làm rất tốt điều đó. Tôi thích hình nền và tiêu đề. Hơn nữa, màu sắc phù hợp với tông điệu và giọng điệu mà tổ chức muốn truyền tải.

Nếu nó không phù hợp với doanh nghiệp của bạn, bạn không cần phải sử dụng tông màu nhạt hoặc thiết kế tối giản. Hãy thoải mái thử nghiệm và tìm ra cách thể hiện tốt nhất cho doanh nghiệp của bạn.

16. Fitnessblender

Mẫu trang đích Fitnessblender

Từ logo đến nội dung tiếp thị, Fitnessblender đã tạo ra một trang đích tuyệt vời. Với số tiền mọi người đổ vào ngành thể hình, thật sảng khoái — và hấp dẫn — khi thấy một thông điệp hứa hẹn những video tập luyện miễn phí. Đăng ký ngay!

Bạn cũng có người mẫu nam và nữ, cả hai đều trông có vẻ sẵn sàng tập thể dục, để thu hút sự chú ý và khích lệ khán giả.

17. Laura Worthington

Mẫu trang đích Laura Worthington

Laura Worthington đã tạo ra một thiết kế trang đích phản ánh cách tiếp cận của cô trong việc thiết kế phông chữ. Nó vừa nữ tính vừa đầy màu sắc mà không hề lấn át các giác quan.

Đồng thời, các yếu tố không gây cảm giác lộn xộn và bạn có thể biết ngay Laura Worthington bán gì.

18. Mark Jacobs

Mẫu trang đích Mark Jacobs

Sẽ chẳng ai gọi tôi là chuyên gia thời trang, nhưng tôi thích thiết kế tổng thể của trang đích trên trang web Mark Jacobs . Nó tối giản và tinh tế, phù hợp với đối tượng mục tiêu, và văn phong sáng tạo đã thu hút sự chú ý của người truy cập.

Ngoài ra, người tiêu dùng sẽ ngay lập tức nhận thấy lệnh giao hàng miễn phí ở thanh trên cùng và các liên kết điều hướng được bố trí hợp lý.

19. Trivago

Mẫu trang đích trivago

Có thể bạn đã nghe tôi nói đôi lần rằng tôi yêu thích thiết kế tối giản. Không gì tối giản hơn thiết kế trang đích của trivago . Nó tập trung vào một điều: Khiến người dùng tìm kiếm một điểm đến. Chỉ vậy thôi.

20. Abacus Plumbing

Mẫu trang đích Abacus Plumbing

Ví dụ này rất khác so với các ví dụ khác trên trang này, nhưng tôi thực sự thích cách Abacus Plumbing xây dựng trang đích của mình.

Trông có vẻ hơi lộn xộn, nhưng trang đích này chứa rất nhiều bằng chứng xã hội. Logo được BBB chứng nhận, số lượt đánh giá và dòng chữ "You Can Count On Us" đều được đặt ở vị trí chiến lược.

trang đích nhấn mạnh một yếu tố xây dựng niềm tin khác, đó là khách hàng sẽ nhận được thông tin cá nhân về kỹ thuật viên trước khi họ đến. Khách hàng có thể yên tâm hơn khi biết rằng họ thực sự đang mở cửa cho một kỹ thuật viên Abacus.

21. Healthline

Mẫu trang đích Healthline

Đôi khi, cách tiếp cận thiết kế trang đích của bạn cần phản ánh loại trang web bạn đang xây dựng. Trong trường hợp của Healthline , đây chủ yếu là một ấn phẩm giáo dục cung cấp các mẹo và thông tin chuyên sâu về chăm sóc sức khỏe, dinh dưỡng, thể dục, v.v.

Đây là một ví dụ về thiết kế "hiển thị, không nói suông". Thay vì một tiêu đề lớn ghi "Chúng tôi xuất bản các bài viết về sức khỏe", Healthline thể hiện điều đó bằng rất nhiều tiêu đề bài viết và trích đoạn ở phía trên. Bạn cũng có thể truy cập menu hamburger ở phần đầu trang, giúp bạn điều hướng đến nội dung mong muốn, cùng với một liên kết đơn giản đến bản tin của trang web.

22. StudioPress

Mẫu trang đích StudioPress

Các yếu tố tối giản, hình minh họa thiết kế phẳng và màu sắc nhẹ nhàng làm nổi bật thiết kế trang đích của StudioPress . Nhờ nội dung, bạn biết chính xác StudioPress làm gì cho khách hàng: "Xây dựng trang web WordPress tuyệt vời". Sau đó, bạn có ba CTA để lựa chọn dựa trên cách bạn muốn tiếp tục.

23. thredUP

Mẫu trang đích thredUP

Thiết kế trang đích thương mại điện tử có thể khá phức tạp. Bạn muốn giới thiệu doanh nghiệp, trưng bày sản phẩm chủ lực hay làm khách hàng choáng ngợp với hàng tá sản phẩm hoặc danh mục?

Hy vọng là bạn không làm điều sau.

Trong trường hợp của thredUP , trang đích được thiết kế theo mùa. Rõ ràng, phong cách boho đang thịnh hành (ít nhất là đối với phụ nữ), vì vậy chúng ta thấy một đồ họa tùy chỉnh quảng cáo rất nhiều mẫu thời trang boho có sẵn. Thanh điều hướng tuy đồ sộ nhưng được thiết kế gọn gàng, giúp khách truy cập dễ dàng tìm thấy các danh mục mà họ quan tâm.

24. Green Mountain Energy

Mẫu trang đích Green Mountain Energy

Tôi sẽ lấy một ví dụ khác về đồ họa tùy chỉnh. Green Mountain Energy khẳng định rõ ràng mục đích của công ty. Họ muốn cung cấp năng lượng sạch với mức giá phải chăng. Có hai CTA tương đương nhau — một dành cho khách hàng dân dụng và một dành cho chủ doanh nghiệp — sử dụng màu sắc tương phản để thu hút sự chú ý.

25. Slack

Mẫu trang đích Slack

Tôi thích thiết kế trang đích của Slack vì những hình minh họa độc đáo. Đồ họa tùy chỉnh không thể chê vào đâu được . Tôi cũng thích khẩu hiệu — "Nơi công việc diễn ra" — vì nó vừa sáng tạo, vừa gói gọn mục đích của công cụ.

Slack hướng dẫn rõ ràng những gì người dùng nên làm. Họ có thể đăng nhập hoặc tạo tài khoản. Ở đây, chúng tôi có nhiều tùy chọn điều hướng hơn Dropbox, nhưng mỗi tùy chọn đều góp phần giúp người dùng tìm thấy những gì họ muốn.

26. Dropbox

Mẫu trang đích Dropbox

Tôi đã từng nhắc đến Dropbox như một ví dụ tuyệt vời về tiếp thị toàn diện. trang đích của công ty cũng không ngoại lệ. Bạn có một hình ảnh đại diện hơi lệch một chút, thu hút sự chú ý và hai nút CTA — một trong số đó sử dụng nền tối để thu hút sự chú ý hơn vì nó dành cho phiên bản trả phí của công cụ này.

Nội dung tiếp thị ở đây rất đơn giản. Dropbox hiểu rõ đối tượng mục tiêu và tập trung vào những điểm yếu ảnh hưởng đến họ, bao gồm hiệu quả và bảo mật. Thêm vào đó, giao diện điều hướng được tối giản hóa, với tùy chọn "So sánh các gói".

Lợi ích của một trang đích được thiết kế tốt

Thiết kế trang đích đơn giản sẽ chào đón người xem đến với trang web của bạn, cho họ biết bạn muốn họ làm gì tiếp theo và cho phép họ khám phá trang web của bạn sâu hơn.

Bạn có thể tăng thêm độ phức tạp cho một thiết kế trang đích đơn giản, nhưng đừng bắt đầu với một mớ hỗn độn và phải cắt tỉa một cách có chọn lọc. Hãy luôn bắt đầu từ những điều cơ bản.

Bạn cần gì trên trang đích? Khán giả của bạn sẽ mong đợi điều gì? Và những yếu tố nào được ưu tiên?

Khi bạn có thể trả lời những câu hỏi đó, bạn sẽ có thông tin cần thiết để thiết kế trang đích tốt hơn. Trong thiết kế web, các thành phần trang đích có mục đích rất cụ thể.

Nâng cao nhận thức về thương hiệu

Hãy làm cho công ty của bạn trở nên đáng nhớ bằng cách thể hiện hình ảnh và thông điệp thương hiệu trên mọi trang. Điều này đặc biệt đúng khi nói đến thiết kế trang đích, bởi vì trang đích đóng vai trò là cửa ngõ dẫn đến phần còn lại của website.

Logo, khẩu hiệu và mục đích của bạn cần phải được đặt ở vị trí trung tâm. Thực tế, bạn thậm chí có thể muốn thêm một biểu mẫu hoặc câu tuyên bố lên đầu trang đích — tốt nhất là bằng phông chữ lớn — để khách truy cập có thể hình dung được những gì bạn làm:

Bạn giải quyết những vấn đề gì cho khách hàng? Bạn cải thiện cuộc sống của khách hàng như thế nào — dù là cuộc sống cá nhân hay công việc?

Đừng bắt người xem trang web phải tự tìm hiểu và đoán xem bạn làm gì. Hãy làm rõ ngay từ đầu.

Giúp đối tượng mục tiêu của bạn biết đến doanh nghiệp của bạn

Nhiều người truy cập trang web của bạn sẽ tìm thấy trang đích đầu tiên. Vì vậy, bạn cần tạo ấn tượng ban đầu thật tốt.

trang đích của bạn nên truyền tải thông điệp về các giá trị, lợi thế bán hàng độc đáo (USP) và mục đích của công ty. Bạn sẽ có nhiều khả năng thu hút khách hàng tiềm năng hơn nếu có thể truyền đạt những thông tin này một cách hiệu quả.

Tích lũy thêm nhiều chuyển đổi

Bạn muốn khách truy cập trang web chuyển đổi, nhưng họ sẽ không làm vậy nếu bạn không tạo cho họ động lực và cơ hội cần thiết. Có thể bạn muốn xây dựng danh sách email, nhưng nếu khách truy cập không tìm thấy biểu mẫu đăng ký, cơ sở dữ liệu của bạn sẽ vẫn trống rỗng.

Bằng cách cung cấp thông tin này dễ dàng trên trang đích, bạn sẽ thấy tỷ lệ chuyển đổi tăng lên.

Một cách khác để tăng tỷ lệ chuyển đổi là tạo ấn tượng ban đầu tốt đẹp ngay từ trang đích. Nếu khách truy cập hài lòng với trải nghiệm trên trang web của bạn, họ cũng sẽ có nhiều khả năng nhớ đến trang web đó hơn trong tương lai. Có thể hôm nay bạn chưa bán được hàng, nhưng khách hàng đó sẽ quay lại vài ngày hoặc vài tuần sau và mua hàng của bạn.

Cải thiện trải nghiệm của người dùng trên trang web của bạn

Người tiêu dùng truy cập trang web của bạn với một mục đích nhất định. Có thể là để xem qua dòng sản phẩm, đọc bài đăng trên blog hoặc tìm hiểu xem bạn có cung cấp một loại dịch vụ cụ thể nào không.

Dù sao đi nữa, bạn muốn hướng người dùng đến đúng trang. Thiết kế trang đích của bạn nên tạo điều kiện thuận lợi cho quá trình chuyển đổi này bằng cách cung cấp điều hướng trực quan và giúp người dùng cảm nhận được cách trang web của bạn vận hành.

Cách thiết kế trang đích của một trang web

Giờ đây, khi đã nắm rõ bốn mục tiêu để thúc đẩy các nguyên tắc thiết kế, hãy tự hỏi mình ba câu hỏi định hướng: Bạn thực sự cần gì trên trang đích? Đối tượng mục tiêu của bạn là ai và họ sẽ mong đợi điều gì? Những yếu tố nào được ưu tiên?

Khi đã có câu trả lời cho ba câu hỏi này, bạn có thể bắt đầu vạch ra cách tốt nhất để cải thiện trang đích của mình. Hãy nhớ gắn kết từng yếu tố thiết kế với một trong bốn mục tiêu được liệt kê ở trên. Quan trọng nhất, đừng lo lắng về việc phải làm cho nó hoàn hảo. Tối ưu hóa trang web là một quá trình liên tục!