Tài liệu hướng dẫn thiết kế landing page từ cơ bản đến nâng cao, nhằm giúp các công ty tăng tỷ lệ chuyển đổi và dẫn dắt người dùng đến hành động cụ thể. Landing page khác với homepage ở cấu trúc và mục tiêu, thường tập trung vào một sản phẩm duy nhất để thu thập thông tin khách hàng hoặc thúc đẩy hành vi mua hàng. Slimweb.vn cung cấp nền tảng tạo landing page miễn phí với tính năng kéo-thả, giúp người dùng dễ dàng thiết kế mà không cần lập trình.

1. THIẾT KẾ
LANDING PAGE
TỪ A - Z
Bản quyền thuộc: SLIMWEB.vn

2. Đây là Landing page của một công ty du lịch

3. Bạn thấy trang Landing page này hấp dẫn không?

4. Bạn có muốn sở hữu một trang như vậy?

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. 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. Landing page LÀ GÌ?
SLIMWEB.vn

8. Được hiểu một cách đơn giản là trang đích.

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. TẠI SAO phải có 1 Landing page?
SLIMWEB.vn

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. ✓ Tăng tỷ lệ chuyển đổi.
Tỷ lệ chuyển đổi

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. Thông điệp Marketing có trọng tâm

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. 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. 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. Dễ dàng phân chia công việc

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. Hình ảnh chụp sản phẩm
chân thực, sống động.

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. Mẫu điền thông tin đầy đủ, ngắn gọn

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. Landing page và Home page
thông thường có gì khác nhau?
SLIMWEB.vn

25. Homepage
Dành cho nhiều đối tượng
Landing page
1 nhóm đối tượng cụ thể
ĐỐI TƯỢNG

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. Landing page
Một cột duy nhất
Homepage
Nhiều cột
BỐ CỤC

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

30. Tạo Landing Page như thế nào?
SLIMWEB.vn

31. Trước hết, hãy trả lời những câu hỏi sau

32. 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?

33. 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

34. Bước 2: Thiết kế bố cục
Mô hình kinh điển 4 bước AIDA

35. 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.

36. I – Interest. Tạo sự thích thú

37. Hãy để khách hàng thấy ngay lợi ích
mà họ sẽ có được.

38. 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.

39. D – Desire. Khiến khách hàng khao khát

40. Đưa ra những lời mời gọi có tính thúc giục

42. 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

44. • 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

45. TIÊU ĐỀ

46. Sự dụng từ ngữ ấn tượng

47. Tiêu đề cần nêu rõ bạn cung cấp sản phẩm, dịch vụ gì?

48. Nêu rõ tính năng, điểm khác biệt
của sản phẩm.
NỘI DUNG

49. Đơn giản, ngắn gọn,
tránh để khách hàng
bối rối.

51. Cung cấp thông tin về các đối tác có uy tín
BẰNG CHỨNG

52. Giấy chứng nhận, bằng khen, giải thưởng

53. Nhận xét của khách hàng

54. Kết hợp hình ảnh và màu sắc
bắt mắt.
HÌNH ẢNH

55. 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

56. x
✓

57. Nên thống nhất 1 font chữ trên
landing page của bạn.

58. Đố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

59. 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

60. 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ữ.

61. Màu sắc
Dễ đọc Khó đọc

62. HÀNH ĐỘNG

63. Nêu rõ lợi ích của khách hàng khi nhấn nút Call-To-Action

64. Nút Call-To-Action cần rõ ràng, màu sắc tương phản

66. để tạo ra một Landing page chuyên
nghiệp mà không cần viết Code
Làm thế nào?

67. 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

68. Với thiết kế website theo kiểu "KÉO - THẢ" trực quan
Kéo
Thả

69. Cùng hàng trăm mẫu giao diện để bạn lựa chọn

70. SLIMWEB

71. SLIMWEB có gì khác biệt?
SLIMWEB.vn

72. 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

73. Tính năng nổi bật ?

74. 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ủ đề

75. Tích hợp báo cáo phân tích
Google Analytics

76. Chỉnh sửa mã HTML dễ dàng cho từng KHỐI nội dung

77. 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...

78. Cho phép bổ sung mã
CSS và Javascript

79. 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

80. “ĐỪNG BAO GIỜ BẮT ĐẦU MỘT CHIẾN DỊCH
MARKETING MÀ KHÔNG CÓ LANDING PAGE”
SLIMWEB.vn

81. SLIMWEB.vn
Nền tảng tạo Landing page miễn phí

82. SLIMWEB.vn