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