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