2/25/2018
Mục tiêu chương 3 1. Hiểu được sự cần thiết của một website chuyên nghiệp
2. Trình bày được các yếu tố cần thiết của một website chuyên nghiệp
3. Trình bày được quy trình xây dựng nội dung cho website
4. Trình bày được các yếu tố cần thiết khi thiết kế giao diện website
CHƯƠNG 3: XÂY DỰNG WEBSITE HIỆU QUẢ
5. Phát triển được nền tảng nội dung của website
THS. HUỲNH HẠNH PHÚC
Nội dung chương 3 1. Sự cần thiết của một website chuyên nghiệp
2. Các yếu tố cần thiết của một website chuyên nghiệp
3. Quy trình xây dựng nội dung cho website
Phần 1: Sự cần thiết của một website chuyên nghiệp
4. Các yếu tố cần thiết khi thiết kế giao diện website
1
5. Phát triển nền tảng nội dung của website
2/25/2018
Điều quan tâm hàng đầu của marketer và người làm kinh doanh
Các hoạt động marketing trước đây
1. Hiểu khách hàng
2. Truyền thông
3. Phân phối - Bán hàng
4. Tạo dựng quan hệ KH
5. Phát triển bền vững
Lưu trữ thông tin
Truyền thông
Tương tác trao đổi
Truyền tải thông tin
Phân phối – bán hàng
2
Chức năng của website
2/25/2018
Bắt đầu với Website của bạn
1. Tạo website 2. Quảng cáo trên Internet
3. Quảng cáo trên mạng xã hội 3. Quảng cáo qua Email – thư điện tử
1. Tạo website cho bạn
1. Tạo website cho bạn
Website marketing
Website doanh nghiệp
• Xây dựng lòng
tin
• Landing page • Kyna.vn - Zalo
• Thu nhận phản
hồi
3
2/25/2018
1. Tạo website cho bạn
Website bán hàng
• Thông tin sản
Phần 2: Các yếu tố cần thiết của một website chuyên nghiệp
phẩm • Tư vấn • Thanh toán trực
tuyến • Adayroi.
Website 2.0
https://www.thegioididong.com/
4
2/25/2018
Yêu cầu của website 2.0 chuyên nghiệp
Tiêu chí hàng đầu của một website chuyên nghiệp
Nội dung Giao diện Nền tảng
Nội dung
• Hữu ích, có giá trị • Quen thuộc, dễ trải nghiệm
Giao diện
• Dễ nhìn, dễ thấy, • Tải nhanh, hoạt động ổn định • Tùy biến cao, dễ cập nhật • Thuyết phục • Đạt được mục dễ hiểu và dễ nhớ tiêu DN • Đa dạng chức
Nền tảng
• Ấn tượng và có năng thiện cảm
Quy trình lên nội dung cho website
Nghiên cứu/tìm hiểu
Mô tả mục tiêu
Xác định các đầu mục nội dung lớn
Phần 3: Xây dựng nội dung website
Vẽ sitemap
Đánh giá và chỉnh sửa
Xây dựng nội dung chi tiết
5
2/25/2018
1. Nghiên cứu/tìm hiểu
1. Nghiên cứu/tìm hiểu
Doanh nghiệp
Người dùng
Đối thủ cạnh tranh và thị trường
Ví dụ về một website chuyên nghiệp
Người dùng của website?
1. Các đối tượng người dùng là ai?
Độ tuổi, ngành nghề, sở thích, hành vi,
2. Chúng ta mong muốn và kỳ vọng họ làm gì?
Website bán hàng – Ecommerce
Website tin tức, blog, diễn đàn
Đặt mua, liên hệ lại, hay yêu mến, tin tưởng, truy cập
thường xuyên
3. Đối thủ và các doanh nghiệp đang làm gì cho khách hàng
thông qua website của họ?
Subscribe, tặng quà (code giảm giá, ebook, coupon…), đăng
Website marketing – landing page
Website doanh nghiệp – thương hiệu
ký email, tư vấn trực tuyến, review, tương tác trực tiếp, blog…
6
2/25/2018
2. Xác định mục tiêu website
Người dùng của website?
Phân tích DOANH NGHIỆP
MỤC TIÊU WEBSITE
Phân tích NGƯỜI DÙNG
Các loại website cho doanh nghiệp
3. Xác định các đầu nội dung lớn
- Công ty – cách tương tác
- Sản phẩm –cách mua hàng
Khách hàng
- Tin tức
- Văn hóa-giá trị DN
User
- Cơ hội nghề nghiệp-đãi ngộ
Nhân viên tương lai
- Hoạt động nội bộ
- Thông tin tài chính
- Hoạt động cộng đồng
Đối tác, nhà đầu tư
- Tin tức chính thức
7
2/25/2018
5. Xây dựng nội dung chi tiết với CTCT
4. Vẽ sơ đồ website / sitemap
Sitemap (sơ đồ của một website) là tập tin văn bản có chứa tất cả các URL (đường dẫn) của một website.
CÔNG THỨC VIẾT CTCT
5 bước viết thuyết phục
1. Giới thiệu, tạo ấn tượng và gây chú ý
1
Bắt đầu biết, bắt đầu chú ý, nhận ra sự tồn tại
2. Đưa vấn đề:
2
Nỗi đau và viễn cảnh Nhu cầu muốn nhưng chưa làm được
Quan tâm, tìm hiểu, thu thập thông tin
3
3. Đưa ra các giải pháp và chứng minh
4
4. Đưa ra các rủi ro và giải quyết
So sánh, phân tích, đánh giá để chọn lựa
5
5. Kêu gọi hành động kèm lợi ích
Chấp nhận sử dụng sản phẩm, dịch vụ và quyết định trả tiền
C CHÚ Ý T TÌM C CHỌN T TRẢ
8
2/25/2018
CÔNG THỨC VIẾT NỘI DUNG CTCT
Ví dụ xây dựng nội dung chi tiết với CTCT
1
1. brandcamp-Pitch-To-Win
2
2. Edumall - photoshop
3
3. kyna.vn - zalo-marketing
4
5
C CHÚ Ý T TÌM C CHỌN T TRẢ
6. Đánh giá và chỉnh sửa
1. Nhận proposal từ agency
2. Yêu cầu chỉnh sửa và gút bảng final
3. Yêu cầu đưa website lên server giả lập, test thử
Phần 4: THIẾT KẾ GIAO DIỆN
4. Yêu agency qua công ty trình bày về sản phẩm sau khi đã demo
lên server giả lập
5. Phản hồi và yêu cầu chỉnh sửa lần cuối
9
6. Nhận sản phẩm cuối cùng
2/25/2018
TẠI SAO PHẢI THIẾT KẾ WEBSITE
BỐ CỤC MỘT TRANG WEB ĐIỂN HÌNH
HEADER
CONTENT
Tin tưởng công ty Gây ấn tượng – cuốn hút người dùng
https://anca-media.com/ http://goldenfolder.com/website https://humaan.com/
FOOTER
Trải nghiệm dễ dàng
TẠI SAO PHẢI THIẾT KẾ WEBSITE
TẠI SAO PHẢI THIẾT KẾ WEBSITE
https://www.apple.com/
10
2/25/2018
TẠI SAO PHẢI THIẾT KẾ WEBSITE
TẠI SAO PHẢI THIẾT KẾ WEBSITE
https://www.apple.com/
https://www.apple.com/
TẠI SAO PHẢI THIẾT KẾ WEBSITE
TẠI SAO PHẢI THIẾT KẾ WEBSITE
11
2/25/2018
TẠI SAO PHẢI THIẾT KẾ WEBSITE
TẠI SAO PHẢI THIẾT KẾ WEBSITE
4 GIAI ĐOẠN TƯ DUY HÌNH ẢNH
4 GIAI ĐOẠN TƯ DUY HÌNH ẢNH
12
2/25/2018
5 BƯỚC THIẾT KẾ HÌNH ẢNH
5 BƯỚC THIẾT KẾ HÌNH ẢNH
BỐ CỤC
TIÊU ĐỀ LỚN
MINH HỌA
HOÀN THIỆN
ĐIỂM NHẤN
• Xác định
1. BỐ CỤC
điểm nhấn
2. TIÊU ĐỀ LỚN
3. MINH HỌA
4. HOÀN THIỆN
5. ĐIỂM NHẤN
• Bổ sung nội dung còn thiếu
• Bổ sung
• Sắp xếp
lại bố cục cho logic
thiết kế ấn tượng khác
• Đặt các tiêu đề nội dung lớn • Đặt các hình ảnh lớn
• Đặt văn bản giải thích • Đặt hình ảnh mình họa cho nội dung
• Chọn font chữ và màu sắc chủ đạo • Phác thảo bố cục các hình khối
FONT CHỮ
MÀU SẮC
13
2/25/2018
BỐ CỤC HÌNH KHỐI
GIAI ĐOẠN HOÀN THIỆN WEBSITES
Dày đặc
Thông thoáng
http://www.24h.com.vn/ http://vnexpress.net/ https://www.thegioididong.com/
http://www.freepik.com/
TẠO ĐIỂM NHẤN
Phần 5: PHÁT TRIỂN NỀN TẢNG
14
2/25/2018
LỰA CHỌN PHƯƠNG PHÁP XÂY DỰNG WEBSITE
MÔI TRƯỜNG MÁY CHỦ
Thuê người làm website
Tự code website
Sử dụng trang web làm website
HOSTING – KHÔNG GIAN LƯU TRỮ
MÔI TRƯỜNG MÁY CHỦ
BÀI TẬP TUẦN TỚI 1. E-marketing là gì? So sánh sự khác nhau và giống nhau
ĐỊA CHỈ IP giữa digital marketing và Emarketing?
2. Lợi ích của Marketing trực tuyến? Tìm ví dụ minh họa
3. Các công cụ Marketing trực tuyến căn bản? Tìm ví dụ minh họa
4. Trình bày các thuật ngữ cơ bản trong quảng cáo trực tuyến?
TÊN MIỀN DOMAIN Tên website
15