Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Thiết kế landing page từ a z

37 views

Published on

ád

Published in: Career
  • Be the first to comment

Thiết kế landing page từ a z

  1. 1. THIẾT KẾ LANDING PAGE TỪ A - Z Bản quyền thuộc: SLIMWEB.vn
  2. 2. Đây là Landing page của một công ty du lịch
  3. 3. Bạn thấy trang Landing page này hấp dẫn không?
  4. 4. Bạn có muốn sở hữu một trang như vậy?
  5. 5. Bạn thắc mắc làm thế nào để tạo ra một trang Landing page? Chúng tôi sẽ giúp bạn
  6. 6. Hãy cùng tìm hiểu ✓ Landing page là gì? ✓ Landing page có gì khác Homepage? ✓ Làm thế nào để tạo ra một Landing page? SLIMWEB.vn
  7. 7. Landing page LÀ GÌ? SLIMWEB.vn
  8. 8. Được hiểu một cách đơn giản là trang đích.
  9. 9. Hình thức: 1 trang đơn. Hướng đến 1 sản phẩm, dịch vụ cũng như 1 tập khách hàng nhất định.
  10. 10. TẠI SAO phải có 1 Landing page? SLIMWEB.vn
  11. 11. Đăng kí tài khoản Theo dõi website của bạn Tham gia hội thảo trực tuyến Download ebook miễn phí Đăng kí nhận tin cập nhật ✓ Dẫn dắt người dùng đến hành động cụ thể.
  12. 12. ✓ Tăng tỷ lệ chuyển đổi. Tỷ lệ chuyển đổi
  13. 13. Tỷ chuyển đổi tăng nhờ ✓ Thông điệp marketing ✓ Ít phụ thuộc vào đồ họa ✓ Thử nghiệm thường xuyên ✓ Dễ phân công trách nhiệm
  14. 14. Thông điệp Marketing có trọng tâm
  15. 15. Ít phụ thuộc vào đồ họa Landing page thường được thiết kế rất đơn giản, ít chi tiết. Ai cũng có thể tự thiết kế.
  16. 16. Thử nghiệm thường xuyên Chủ động thay đổi bố cục, nội dung, hình ảnh bất cứ khi nào bạn muốn
  17. 17. A/B Testing ✓ kĩ thuật thử nghiệm ✓ chia một đối tượng chính thành 2 phiên bản là A và B ✓ xem người dùng thích phiên bản nào hơn qua cách họ tương tác với mỗi phiên bản.
  18. 18. Dễ dàng phân chia công việc
  19. 19. Có những loại Landing page nào? - Landing page bán hàng (Sale page): là trang đích nhằm thúc đẩy hành vi mua hàng. Lời mời gọi mua hàng được nổi bật
  20. 20. Hình ảnh chụp sản phẩm chân thực, sống động.
  21. 21. - Landing page thu thập thông tin khách hàng (Lead landing page): trang đích nhằm thu thập thông tin khách hàng.
  22. 22. Mẫu điền thông tin đầy đủ, ngắn gọn
  23. 23. Tiêu chí Landing page Trang chủ thông thường Đối tượng 1 nhóm cụ thể Nhiều nhóm khác nhau Sản phẩm, dịch vụ 1 loại Nhiều loại Menu điều hướng Không có hoặc có nhưng không mở ra cửa sổ mới Có, mở ra nhiều trang khác nhau Bố cục Chỉ có 1 cột Thường có nhiều cột Mục tiêu Hướng người dùng tới 1 hành động cụ thể: Liên hệ đặt hàng, đăng ký, gọi điện. Cho thấy sự đa dạng, tạo sự tin tưởng.
  24. 24. Landing page và Home page thông thường có gì khác nhau? SLIMWEB.vn
  25. 25. Homepage Dành cho nhiều đối tượng Landing page 1 nhóm đối tượng cụ thể ĐỐI TƯỢNG
  26. 26. Homepage Nhiều sản phẩm Landing page Một sản phẩm duy nhất SẢN PHẨM, DỊCH VỤ
  27. 27. Landing page Một cột duy nhất Homepage Nhiều cột BỐ CỤC
  28. 28. Homepage Có menu điều hướng, mở ra nhiều trang mới Landing page Không có menu điều hướng, không mở ra trang mới MENU ĐIỀU HƯỚNG
  29. 29. Tạo Landing Page như thế nào? SLIMWEB.vn
  30. 30. Trước hết, hãy trả lời những câu hỏi sau
  31. 31. Bước 1: Xác định mục tiêu 3. Tại sao khách hàng nên chọn bạn ? 1. Khách hàng của bạn là ai? 2. Bạn cung cấp sản phẩm dịch vụ gì? 4. Cách thức mua hàng ra sao?
  32. 32. Câu trả lời cho những câu hỏi trên sẽ giúp bạn ✓ hình thành ý tưởng ✓ thiết kế bố cục dễ dàng
  33. 33. Bước 2: Thiết kế bố cục Mô hình kinh điển 4 bước AIDA
  34. 34. A – Attention. Thu hút sự chú ý. Landing page giới thiệu Khóa học Internet bootcamp https://www.youtube.com/watch?v=AucfeXuI8UQ Bằng thông tin đặc biệt, video, hình ảnh minh họa.
  35. 35. I – Interest. Tạo sự thích thú
  36. 36. Hãy để khách hàng thấy ngay lợi ích mà họ sẽ có được.
  37. 37. Tạo hứng thú cho khách hàng với những lợi ích như chương trình khuyến mãi, giảm giá, quà tặng, bảo hành.
  38. 38. D – Desire. Khiến khách hàng khao khát
  39. 39. Đưa ra những lời mời gọi có tính thúc giục
  40. 40. A – Action. Khuyến khích hành động Nút Call-To-Action cần nổi bật để thu hút khách hàng
  41. 41. • Tiêu đề: gây ấn tượng mạnh • Nội dung: đưa ra những lợi ích, tính năng, sự khác biệt của sản phẩm. • Bằng chứng: giấy chứng nhận, trải nghiệm của khách hàng. • Hình ảnh: chất lượng, hấp dẫn. • Hành động: kêu gọi rõ ràng, súc tích. Bước 3: Viết nội dung
  42. 42. TIÊU ĐỀ
  43. 43. Sự dụng từ ngữ ấn tượng
  44. 44. Tiêu đề cần nêu rõ bạn cung cấp sản phẩm, dịch vụ gì?
  45. 45. Nêu rõ tính năng, điểm khác biệt của sản phẩm. NỘI DUNG
  46. 46. Đơn giản, ngắn gọn, tránh để khách hàng bối rối.
  47. 47. Cung cấp thông tin về các đối tác có uy tín BẰNG CHỨNG
  48. 48. Giấy chứng nhận, bằng khen, giải thưởng
  49. 49. Nhận xét của khách hàng
  50. 50. Kết hợp hình ảnh và màu sắc bắt mắt. HÌNH ẢNH
  51. 51. Nên ✓ Chân thực, phong phú, rõ nét ✓ Độ phân giải cao ✓ Được phép tải miễn phí Không nên ✓ Mờ, rạn, nứt, nhiều chi tiết ✓ Độ phân giải thấp ✓ Sử dụng ảnh có bản quyền của người khác
  52. 52. x ✓
  53. 53. Nên thống nhất 1 font chữ trên landing page của bạn.
  54. 54. Đối với Landing page hướng tới khách hàng cao tuổi, nên sử dụng cỡ chữ 14pt. Tiêu đề sử dụng cỡ chữ 17-25pt
  55. 55. Màu sắc hài hòa, rõ nét Nên sử dụng 1 tông màu chủ đạo Màu sắc phải phù hợp với từng đối tượng khách hàng
  56. 56. Màu sắc phù hợp với đối tượng khách hàng là nam Màu sắc phù hợp với đối tượng khách hàng là nữ.
  57. 57. Màu sắc Dễ đọc Khó đọc
  58. 58. HÀNH ĐỘNG
  59. 59. Nêu rõ lợi ích của khách hàng khi nhấn nút Call-To-Action
  60. 60. Nút Call-To-Action cần rõ ràng, màu sắc tương phản
  61. 61. để tạo ra một Landing page chuyên nghiệp mà không cần viết Code Làm thế nào?
  62. 62. Chúng tôi sẽ giới thiệu tới bạn 1 nền tảng tạo Landing page MIỄN PHÍ, ĐẸP và VÔ CÙNG ĐƠN GIẢN SLIMWEB.vn
  63. 63. Với thiết kế website theo kiểu "KÉO - THẢ" trực quan Kéo Thả
  64. 64. Cùng hàng trăm mẫu giao diện để bạn lựa chọn
  65. 65. SLIMWEB
  66. 66. SLIMWEB có gì khác biệt? SLIMWEB.vn
  67. 67. Nền tảng thiết kế Landing page Dễ như chơi xếp hình Hiểu về Marketing Tốc độ và chủ động
  68. 68. Tính năng nổi bật ?
  69. 69. Thiết kế trực quan, kéo thả từng khối Mỗi mẫu giao diện có nhiều khối được phân loại theo chủ đề
  70. 70. Tích hợp báo cáo phân tích Google Analytics
  71. 71. Chỉnh sửa mã HTML dễ dàng cho từng KHỐI nội dung
  72. 72. Dễ dàng tích hợp với các công cụ marketing online ✓ Hộp chat online, Messenger ✓ Facebook, Youtube, Mailchimp v.v...
  73. 73. Cho phép bổ sung mã CSS và Javascript
  74. 74. Cho phép download mã nguồn ✓ Download mã nguồn website để cài lên server khác ✓ Download mã nguồn email để gửi bằng các ứng dụng email khác
  75. 75. “ĐỪNG BAO GIỜ BẮT ĐẦU MỘT CHIẾN DỊCH MARKETING MÀ KHÔNG CÓ LANDING PAGE” SLIMWEB.vn
  76. 76. SLIMWEB.vn Nền tảng tạo Landing page miễn phí
  77. 77. SLIMWEB.vn

×