Thiết kế banner 2020 : Tất cả những gì bạn cần biết ?

Blog

Jan 02
Thiết kế banner 2020 : Tất cả những gì cần biết

Thiết kế banner 2020 : Bạn cần làm gì để tạo một chiến dịch banner quảng cáo thực sự thành công trong năm nay ?

Quảng cáo hiển thị – Display Advertising là hình thức truyền tải thông điệp tới khách hàng thông qua các biển quảng cáo hiển thị như banner trên website, biển quảng cáo trong siêu thị, banner Facebook

Nếu bạn đang cân nhắc lựa chọn chiến dịch quảng cáo hiển thị nhưng chưa có ý tưởng nào để thiết kế nên một banner hoàn hảo, bài viết dưới đây sẽ giúp bạn điều đó !

Tất cả những mẹo thiết kế banner mới nhất năm 2020 tổng hợp trong bài viết này đều được áp dụng bởi các nhà quảng cáo hàng đầu thế giới.

Từng bước thiết kế được hướng dẫn chi tiết, giúp bạn có thể áp dụng ngay hôm nay.

Bài viết còn đưa ra một số ví dụ về những banner quảng cáo thành công nhất, bạn có thể sử dụng nó như một ý tưởng để giúp mình đạt được kết quả tương tự.

Chúng ta hãy cùng bắt đầu !

Làm thế nào để tạo được một banner hoàn hảo ?

Có 7 phần cơ bản quan trọng để thiết kế nên một banner thành công:

  1. Kích thước banner
  2. Phông nền
  3. Tiêu đề
  4. Nội dung phụ
  5. Nút kêu gọi hành động (Call To Action – CTA)
  6. Hình ảnh sản phẩm
  7. Trang đích (landing page)

1. Kích thước banner như thế nào là lý tưởng ?

Chúng mình đã thực hiện một vài nghiên cứu và nhận thấy rằng 89% những banner ấn tượng, được sử dụng nhiều nhất những năm gần đây nằm trong 4 kích thước sau:

  • 300×250 Medium Rectangle, 40%
  • 728×90 Leaderboard – 25%
  • 320×50 Mobile Leaderboard – 12%
  • 160×600 Wide Skyscraper – 12%

Nếu bạn mới bắt đầu với quảng cáo hiển thị, việc tập trung vào 4 kích thước phổ biến nhất này là một chiến lược khôn ngoan, vì chúng sẽ đáp ứng được phần lớn nhu cầu quảng cáo của bạn.

Biểu đồ thể hiện tần suất kích thước banner được sử dụng :

Biểu đồ kích thước banner phổ biến trên web

Biểu đồ kích thước banner phổ biến trên web 2020

Bây giờ, sau khi đã chọn được kích thước banner phù hợp, hãy tiếp tục với những điều thú vị khác. Đầu tiên là với phông nền.

2. Phông nền (Background) như thế nào là phù hợp ?

Về cơ bản, có 2 cách chọn nền cho một banner quảng cáo hiển thị:

  • Màu đơn (solid-color background)
  • Ảnh nền (photo-background)

Dưới đây là một ví dụ điển hình về banner với nền màu đơn:

Banner với background nền đơn sắc

Banner với background nền đơn sắc

Có một vài bài học bạn có thể rút ra từ quảng cáo này:

  • Nền màu cam đơn sắc giúp nhấn mạnh thông điệp và tạo độ tương phản tự nhiên với CTA nền trắng.
  • Không có yếu tố gây nhiễu tiêu đề
  • Mặc dù màu nền trùng với màu của sản phẩm, hình ảnh sản phẩm được đóng khung độc đáo trong chiếc áo phông đen tương phản .
  • Logo Hefty trắng và xanh nổi bật trên nền màu cam.

Khi nào nên sử dụng nền màu đơn cho banner quảng cáo ?

Nếu bao bì sản phẩm của bạn có nhiều chi tiết, như chiếc hộp Hefty này, có lẽ không nên làm người xem mất tập trung với một phông nền phức tạp

Ngoài ra, khi sử dụng hình ảnh người trong banner quảng cáo hay khi muốn truyền tải một thông điệp mạnh mẽ, nền đơn sắc thường đem lại hiệu quả cao hơn.

Bạn nên nhớ rằng điều quan trọng cuối cùng vẫn là truyền tải được thông điệp của mình tới khách hàng  một cách nhanh chóng.

Banner quảng cáo này sử dụng một phông nền hình ảnh khá phức tạp, nhưng thông điệp vẫn được truyền tải rõ ràng khi nội dung được thiết kế tương phản với nền.

Banner với nền là hình ảnh

Banner với nền là hình ảnh

Không có người nổi tiếng trong banner và cũng không có sản phẩm thực tế, vì vậy họ đã chọn một ảnh nền mang hơi hướng tương lai để minh họa thông điệp chuyển đổi công nghệ thông tin của mình.

Vậy khi nào nên sử dụng nền ảnh cho banner ?

  • Khi bạn không có một sản phẩm cụ thể để giới thiệu
  • Khi sản phẩm của bạn trừu tượng và sẽ tốt hơn khi minh họa nó bằng hình ảnh

Điều cốt lõi cần xem xét khi chọn nền cho banner là độ tương phản.

Bạn muốn sản phẩm của mình đủ nổi bật để người xem có thể nhìn rõ trong chớp mắt hay bạn muốn thu hút người xem với hình ảnh nền đẹp trước khi họ cuộn xuống phần tiếp theo của trang ? Sự lựa chọn là của bạn.

Tuy nhiên hãy xem xét banner dưới đây:

Bạn sẽ click vào banner nào ?

Bạn sẽ click vào banner nào ?

Thực lòng mà nói, bạn muốn nhấp vào quảng cáo nào trong hai cái ở trên?

Nếu là mình sẽ chọn nhấp vào cái bên trái, không vì mình là fan của Walmart.

Không biết bạn cảm thấy thế nào nhưng mình thấy cực kì khó khăn khi đọc thông điệp trong banner bên phải. Có quá nhiều thứ!.

Mặt khác, biểu ngữ bên trái có tiêu đề và CTA thực sự rõ ràng – đó là tất cả những gì người xem cần.

Điều này đưa chúng ta đến phần tiếp theo trong danh sách chúng tôi đã đưa ra: Tiêu đề quảng cáo

3. Làm thế nào để viết một tiêu đề nổi bật ?

Viết quảng cáo là một nghệ thuật đòi hỏi thể hiện rất nhiều điều với lượng ngôn từ hạn chế.

Mọi người thường cố gắng nhồi nhét quá nhiều thông tin vào banner, điều này chỉ khiến chúng trở nên lộn xộn và thiếu tổ chức và tính thẩm mỹ.

Hãy cùng xem một số banner quảng cáo của những thương hiệu phổ biến hàng đầu ở Hoa Kỳ :

Tiêu đề cần cô đọng-ngắn gọn

Tiêu đề cần cô đọng-ngắn gọn

Tất cả những banner này đều truyền tải thành công thông điệp chỉ trong một hoặc hai câu.

Tất nhiên, không thể phủ nhận rằng đây đều là những thương hiệu lớn và đã được mọi người biết, nhưng vẫn có một số bài học được rút ra:

  • Đảm bảo tính ngắn gọn và súc tích. Mọi người thường sẽ không dừng những gì họ đang làm để đọc một banner quảng cáo dài 5 câu. Nếu bạn không thể truyền tải thông điệp với tối đa 2 câu, thì tốt nhất nên chọn một phương thức quảng cáo khác.
  • Hãy đảm bảo phương thức tiếp cận của bạn rõ ràng và mạch lạc. Điều chỉnh những ý tưởng cũ để chúng phù hợp hoàn hảo khi xuất hiện trên banner. Hãy cân nhắc câu hỏi “Bạn đem đến những gì, và bạn muốn mọi người làm gì với nó?”
  • Bạn có khiếu hài hước để thu hút mọi người hay không ? Điều đó dường như không quan trọng. Một vài quảng cáo sử dụng các khẩu hiệu thông minh để thu hút mọi người (Verizon), trong khi những cái khác chỉ đơn thuần nêu thẳng ra những gì họ bán (thẻ quà tặng của Amazon)
  • Yêu cầu mọi người thực hiện hành động. Phần lớn các banner này chứa một động từ ngụ ý một hành động, như:
    • Đi
    • Xem
    • Đến
    • Ăn mừng

Netflix nói bạn “Hãy xem phần tiếp theo”. Google muốn bạn “Đi từ con số 0 đến phát triển quy mô lớn”. Verizon muốn bạn “Đến và trở thành người giỏi nhất”

Xây dựng tiêu đề của bạn như một hành động – và mọi người sẽ nhiều khả năng sẽ thực hiện hành động đó

Ngoài ra, một điều quan trọng cần lưu ý là banner không phải là nơi thể hiện nội dung chi tiết

Nếu bạn viết bài viết trên blog hoặc quảng cáo trên Facebook, bạn thường sử dụng tiêu đề như “5 điều bạn cần biết về…” hoặc “10 mẹo bí mật để thành công với…” nhưng điều này không cần thiết trong một banner quảng cáo .

Điều cốt lõi cần nhớ ở đây là thời gian, hay đúng hơn là bạn không có nhiều thời gian.

Bạn chỉ có 1 khoảnh khắc để thu hút những khách hàng tiềm năng, vì vậy đừng bao giờ lãng phí khoảng thời gian quý báu này để thể hiện những điều không thật sự cần thiết.

Đây là cơ sở đưa bạn đến với phần tiếp theo của danh sách, nội dung tiêu đề phụ.

4. Có nên sử dụng tiêu đề phụ ?

Trước tiên, cần xác định rõ một tiêu đề phụ chính xác là gì ?

Nó một là hoặc hai câu nằm bên dưới tiêu đề chính.

Một cách thông thường, mọi người cảm thấy thông điệp cần được chú thích thêm và họ chèn thêm một vài dòng chữ vào banner.

Hãy xem xét banner này :

Tiêu đề phụ trong thiết kế banner

Tiêu đề phụ trong thiết kế banner

Có thể bạn đang nghĩ rằng đây là một thiết kế banner rất tệ, khó lòng thu hút được người xem.

Tuy nhiên, nếu xem xét kỹ hơn thì hình ảnh mà Dollar Tree xây dựng là một thương hiệu giá rẻ.

Nếu họ sử dụng một banner hào nhoáng với một sao hạng A nổi tiếng và hình ảnh sang trọng, thì sẽ không phù hợp với bản sắc thương hiệu của họ.

Đồng thời với banner được thiết kế như thế này, họ đã nhắm đến đối tượng cụ thể là những người muốn xin việc tại cửa hàng của họ.

Dòng nội dung phụ không đem lại ảnh hưởng bất lợi gì, chúng hoàn toàn có thể xuất hiện trong trường hợp này.

Bài học rút ra từ quảng cáo đơn giản này là :

Nếu bạn muốn sử dụng các tiêu đề phụ, hãy đảm bảo rằng chúng được hiển thị rõ ràng và không can thiệp vào CTA hoặc phần còn lại của thông điệp.

Hãy đảm bảo tiêu đề phụ thực sự ngắn gọn, chỉ nên là một hoặc hai từ.

Khi đó khả năng mọi người đọc chúng sẽ cao hơn.

Sẽ tốt hơn nếu bạn thể hiện trực quan cho mọi người thấy sản phẩm bạn đang bán.

Điều này đưa chúng ta đến phần tiếp theo, hình ảnh sản phẩm.

5. Có nên sử dụng hình ảnh sản phẩm ?

Nói một cách đơn giản, hình ảnh trực quan thúc đẩy bán hàng. Đặc biệt nếu bạn muốn mọi người nhấp vào quảng cáo để mua một cái gì đó ngay lập tức.

Hãy xem xét các banner bên dưới :

Hình ảnh sản phẩm trong thiết kế banner

Hình ảnh sản phẩm trong thiết kế banner

Bạn có suy nghĩ gì về nó ?

Bạn có bị thúc đẩy nhấn vào quảng cáo để mua ngay một thứ gì đó nếu bạn không biết sẽ mua được cái gì ?

Tốt nhất là thể hiện cho mọi người thấy hình ảnh sản phẩm trước khi họ nhấp chuột.

Banner hình ảnh cho các sản phẩm kỹ thuật số!

Các sản phẩm kỹ thuật số làm rất tốt việc gắn những gì họ bán với hình ảnh con người.

Hãy xem một số công ty công nghệ lớn nhất làm như thế nào với quảng cáo của họ:

lambanner-thiet-ke-banner-2020-hinh-anh-kts

Salesforce sử dụng phong cách hoạt hình, phù hợp với ngôn ngữ thiết kế với phần còn lại trong trang web.

Quickbooks thể hiện một người phụ nữ yêu thích công việc của mình khi sử dụng hình ảnh cô ấy đang làm việc để làm hình nền.

Instapage, mặt khác, đã đưa ra một thông điệp rõ ràng với hình ảnh minh họa những gì họ cung cấp cho khách hàng,

Nhìn vào các ví dụ ở trên, bài học nhận được là hình ảnh sản phẩm không phải lúc nào cũng cần thiết – nhưng chúng nên là một phần trong banner quảng cáo nếu bạn bán sản phẩm thực tế.

Tất nhiên một yêu cầu tối thiểu là bản thân sản phẩm của bạn trông phải đẹp mắt, hoặc bạn phải làm chúng trở nên đẹp mắt trên banner quảng cáo !!

Mẹo: Kiểm tra quảng cáo của bạn (A/B Testing)

Sau tất cả các nỗ lực thiết kế, có một sự thật là: Bạn không thực sự biết quảng cáo sẽ hoạt động thế nào cho đến khi bạn kiểm tra nó.

Có lẽ khách hàng sẽ phản ứng tốt hơn với một màu sắc nhất định hoặc một CTA này sẽ hoạt động hiệu quả hơn những CTA khác.

Bạn cần thực hiện một kiểm tra nhỏ để biết chắc chắn điều gì mang lại hiệu quả cao nhất.

Dưới đây là một ví dụ về một bài kiểm tra banner :

Chạy thử nghiệm banner quảng cáo

Chạy thử nghiệm banner quảng cáo

Huawei đang chạy song song hai quảng cáo có cùng nội dung và hình ảnh, nhưng là các biến thể hơi khác nhau một chút.

Một lưu ý khi kiểm tra hiệu quả của những quảng cáo chạy cùng một thời điểm là chúng không được khác nhau quá nhiều.

Vì nếu bạn thay đổi cả tiêu đề và CTA thì làm thế nào để bạn biết điều gì thực sự đem lại hiệu quả ?

Khi bạn đã nắm được cách sử dụng phông nền, tiêu đề và hình ảnh, đây là lúc để thúc đẩy những khách hàng đang xem quảng cáo của bạn hành động.

Đó là phần tiếp theo, kêu gọi hành động (CTA)

6. CTA là gì và làm thế nào để tối ưu hoá CTA ?

CTA, hay Kêu gọi hành động (Call To Action), là những gì thể hiện cho khách hàng biết họ “phải làm gì tiếp theo”.

“Làm gì tiếp theo ?” là một câu hỏi rất tự nhiên và – CTA nhằm trả lời cho câu hỏi đó.

Về mặt cơ bản, CTA có hai phần:

  • Màu sắc
  • Nội dung

Chúng ta sẽ cùng tìm hiểu cả hai điểm này. Hãy bắt đầu với màu sắc!

Lý thuyết màu CTA :

Có thể bạn đã đọc qua các nghiên cứu điển hình về việc chỉ thay đổi màu của nút CTA đã khiến kết quả chạy quảng cáo tăng lên 100 phần trăm

Những báo cáo này đem lại một cái nhìn sâu sắc thú vị về tâm trí con người.

Chúng ta phản ứng khác nhau với các màu sắc khác nhau.

Hãy cùng xem một số ví dụ thực tế:

Nút CTA - Lý thuyết màu sắc

Nút CTA – Lý thuyết màu sắc

Đây là 6 trong số các công ty bảo hiểm lớn nhất ở Hoa Kỳ

Khi nhìn vào màu sắc của các banner trên, nó trông có vẻ ngẫu nhiên nhưng hoàn toàn không phải vậy.

Là một công ty bảo hiểm, bạn muốn nói gì với khách hàng của mình ?

Có lẽ bạn sẽ thể hiện mình là người đáng tin cậy, mang lại sự an toàn và có trách nhiệm? Nói cách khác, đó là màu xanh dương.

Ngoại trừ StateFarm, tất cả các quảng cáo trong ví dụ trên đều có các yếu tố màu xanh dương trong đó.

Có vẻ như StateFarm rất sôi nổi và giàu đam mê, đó không phải là điều xấu đối với một công ty bảo hiểm.

Vậy bí mật nào nằm ở màu của CTA ?

Hãy xem lại banner quảng cáo này từ Allstate:

lambanner-thiet-ke-banner-2020-all-state

Nó có nền màu xanh dương và CTA màu vàng. Tại sao lại là màu vàng ?

Bởi vì nó đối lập hoàn toàn với màu xanh dương:

Một lần nữa, ngoại trừ StateFarm, tất cả các banner ở trên đều sử dụng những màu sắc CTA đối lập.

Về mặt tâm lý và thị giác, một CTA có màu đối lập sẽ dễ dàng được nhận ra và nhấp vào chỉ trong chớp mắt.

Vì thế, khi tạo banner quảng cáo, hãy xem xét sử dụng CTA màu đối lập với background để tạo sự nổi bật

Nội dung CTA :

Khi quyết định nội dung cho CTA của bạn, hãy tự hỏi, “Bạn muốn mọi người làm gì ?”

Dưới đây là 3 banner quảng cáo từ các trang web cá cược và poker trực tuyến lớn nhất thế giới:

Nội dung nút CTA

Nội dung nút CTA

Họ muốn bạn làm gì ?

Họ muốn bạn chơi hoặc đặt cược – và họ muốn bạn làm điều đó ngay bây giờ.

Còn nếu sản phẩm của bạn là hàng hóa thì sao ? Bạn muốn mọi người làm gì ?

Hãy xem xét 3 banner bên dưới:

lambanner-thiet-ke-banner-2020-noi-dung-cta-2

Bạn muốn mọi người mua sắm – ngay bây giờ.

Đối với các sản phẩm kỹ thuật số với một chu kỳ bán hàng dài hơn thì như thế nào? Khách hàng có thể chưa sẵn sàng để mua sản phẩm của bạn ngay.

Bạn muốn họ làm gì ?

lambanner-thiet-ke-banner-2020-noi-dung-cta-3

Với các sản phẩm công nghệ phức tạp, sẽ tốt hơn khi yêu cầu mọi người “tìm hiểu thêm” thay vì “bắt đầu” hoặc “đăng ký”.

Mọi người thường muốn biết làm thế nào bạn có thể giúp họ một cách cụ thể trước khi họ sẵn sàng đăng ký dịch vụ – chỉ cần đảm bảo trang đích của bạn thực sự là nơi họ có thể tìm hiểu thêm về thông điệp bạn đang quảng cáo.

Điều này đưa chúng ta đến phần cuối cùng trong danh sách này, một phần không kém quan trọng mà mọi người thường bỏ qua.

Bạn sẽ đưa mọi người đến đâu khi họ nhấp vào quảng cáo ?

Phần tiếp theo sẽ là về trang đích (landing pages).

7. Vì sao luôn phải chú trọng trang đích (landing pages) ?

Lý thuyết cơ bản về trang đích là: “Khi bạn muốn khách hàng làm gì – họ hy vọng có thể trải nghiệm nó ngay khi nhấp chuột vào quảng cáo.”

Hãy xem xét banner bên dưới :

Trang đích là phần thiết yếu của 1 chiến dịch banner quảng cáo

Trang đích là phần thiết yếu của 1 chiến dịch banner quảng cáo

Hãy đảm bảo rằng quảng cáo tương thích với trang đích được dẫn đến.

Tableu thể hiện cho người xem một “whitepaper” trong banner quảng cáo – và khi nhấp vào nó, người xem sẽ được dẫn đến một trang đích dành riêng cho “white paper” đó.

Nó có vẻ như là một việc hết sức hiển nhiên, nhưng hết lần này đến lần khác nhiều công ty không sử dụng các trang đích phù hợp.

Trên thực tế, theo bài báo này, chỉ có khoảng 48% các nhà tiếp thị xây dựng một trang đích mới cho mỗi chiến dịch – tuy nhiên Hubspot báo cáo tỷ lệ chuyển đổi khách truy cập thành khách hàng tiềm năng là 35,62% cho các trang đích chuyên dụng của họ.

Trang đích hoạt động hiệu quả vì chúng là một bước đệm, giúp tăng tỉ lệ chuyển đổi thành khách truy cập thành khách hàng tiềm năng.

Nếu bạn chỉ đơn thuần đưa mọi người đến trang web chính của mình, rất có thể họ sẽ không biết biết phải làm gì khi đến đó.

Thiết kế trang đích là một chủ đề lớn

Hãy tham khảo qua bài viết về thiết kế landing page trước khi bắt đầu chiến dịch quảng cáo tiếp theo

Kết luận

Hy vọng, bài viết này đã cung cấp cho bạn một số hiểu biết và cảm hứng cho việc thiết kế banner 2020

Đây là danh sách tổng hợp để bạn kiểm tra những điều cần xem xét khi lập kế hoạch cho các chiến dịch của mình:

  1. Kích thước banner

Nếu bạn là người mới bắt đầu, 4 kích thước sẽ chiếm 89% nhu cầu quảng cáo:

300×250 Medium Rectangle

728×90 Leaderboard

320×50 Mobile Leaderboard

160×600 Wide Skyscraper

  1. Phông nền

Xem xét liệu bạn nên sử dụng nền màu đơn hay nền hình ảnh.

  • Màu đơn sẽ phù hợp khi bạn muốn giới thiệu sản phẩm hoặc một thông điệp mạnh mẽ
  • Ảnh nền sẽ hoạt động tốt khi sản phẩm của bạn phức tạp hoặc muốn kể một câu chuyện bằng hình ảnh.
  1. Tiêu đề

Giữ tiêu đề ngắn gọn, một hoặc tối đa hai câu, nhưng đảm bảo truyền tải đủ thông điệp của bạn.

  1. Tiêu đề phụ

Nếu bạn cần truyền đạt thêm thông tin cho người xem, hãy sử dụng nội dung phụ.

Một lần nữa, đảm bảo giữ cho nó ngắn gọn.

Sẽ tốt hơn nếu bạn sử dụng CTA “Đọc thêm”  thay vì nhồi nhét quá nhiều nội dung vào banner.

  1. Hình ảnh sản phẩm

  • Nếu bạn có một sản phẩm đẹp, hãy thể hiện nó!
  • Sử dụng hình ảnh sản phẩm sắc nét và một thông điệp bán sản phẩm rõ ràng
  1. CTA

Cân nhắc về màu sắc. Sử dụng màu đối lập với màu nền thường đem lại hiệu quả cao

Thể hiện với mọi người chính xác những gì bạn muốn họ làm :

  • Nếu bạn bán giày – hãy nói với mọi người “mua ngay”
  • Nếu bạn đang bán các sản phẩm kỹ thuật số phức tạp – hãy nói với mọi người “tìm hiểu thêm”
  • Nếu bạn muốn mọi người tham gia chương trình khuyến mãi- Hãy bảo mọi người “tham gia ngay”
  1. Trang đích

Sử dụng trang đích chuyên dụng

Bạn sẽ thấy tỉ lệ chuyển đổi được cải thiện và khách hàng sẽ hài lòng hơn khi bạn đưa họ đến nơi mà họ mong đợi  khi nhấp vào quảng cáo.

Đôi nét về Lambanner

Lambanner là nơi cung cấp dịch vụ thiết kế banner chuyên nghiệp nhất. Tinh tế - bắt mắt - thẩm mỹ là phương châm của chúng tôi. Sản phẩm tại Lambanner luôn có độ hoàn thiện cao và mức giá cạnh tranh nhất trên thị trường.