THIẾT KẾ VÀ XÂY DỰNG WEBSITE KINH DOANH ĐỒ HANDMADE

MOBILE MARKETING
NGÀNH TMDT (DIGITAL ONLINE – MARKETING)
ĐỀ TÀI: THIẾT KẾ VÀ XÂY DỰNG WEBSITE KINH DOANH
ĐỒ HANDMADE


DIGITAL & ONLINE MARKETING
MỤC LỤC
1. GIỚI THIỆU ĐỀ TÀI ................................................................................................................. 3
2. PHÂN TÍCH HỆ THỐNG .......................................................................................................... 4
3. THIẾT KẾ GIAO DIỆN ............................................................................................................. 5
4. phân tích website thương mại điện tử ......................................................................................... 7
4.1 Website có tính ứng dụng cao. ........................................................................................ 7
4.1.1 Nội dung website trên di động. .................................................................................. 7
4.1.2 Nội dung website trên máy tính để bàn. ...............................................................14
4.1.3 Các liên kết và nút bấm. .....................................................................................14
4.2 Lỗi Mobile Marketing ................................................................................................16

5. quảng bá mobile marketing ....................................................................................................... 17
5.1 Xây dựng chiến dịch qua email. .................................................................................17
5.2 Xây dựng chiến dịch quảng cáo qua sms marketing ....................................................20

6. CÁC CÔNG CỤ HỖ TRỢ MOBILE MARKETING .............................................................. 23
6.1 Thực hiện công cụ phân tích xu hướng theo từng chủ đề. ...........................................23
6.2 Thực hiện công cụ phân tích sự lắng nghe của xả hội .................................................25
6.3 Thực hiện công cụ Mobile SEO để tìm tốc độ tải website .............................................26
6.4 Thực hiện công cụ mobile friendly để kiểm tra tính thân thiện của website với di động. .30

2

DIGITAL & ONLINE MARKETING

1. GIỚI THIỆU ĐỀ TÀI
Đề tài: “thiết kế và xây dựng website kinh doanh đồ Handmade”.
- Tên website: Handmade Cotshop
Trong đời sống hiện đại, bên cạnh các sản phẩm công nghiệp thì đồ handmade nổi
lên như một cơn sốt. Mỗi sản phẩm handmade đều ẩn chứa sự độc đáo, sáng tạo và
cả cái tâm của người làm ra nó. Có thể nói rằng, sản phẩm đồ handmade đối với
nhiều người nó không đơn giản là một món đồ bình thường mà là một món đồ tuy
đơn giản, tuy làm thủ công nhưng lại có sức hút, sức hấp dẫn không thể chối từ.
Với sức hút đầy diệu kì, những sản phẩm đồ handmade hiện nay đã trở thành món
hàng yêu thích được nhiều người săn lùng. Từ người lớn tuổi đến người trẻ đều xem
đồ handmade là một trong những món hàng độc đáo và đầy sáng tạo. Cũng theo xu
hướng này mà khá nhiều người có đôi bàn tay khéo léo, cùng ý tưởng kinh doanh đã
mở shop, tiệm, cửa hàng kinh doanh đồ handmade. Nhận ra được xu hướng đó nên
em đã chọn đề tài về một shop bán đồ Handmade.
 Mục đích
- Website có thể tối ưu hóa di động, thích hợp giao diện di động và máy tính
để bàn.
- Có thể seo được trang web, bán được sản phẩm.
- Đáp ứng được nhu cầu tìm kiếm và mua đồ Handmade mọi người.
 Phạm vi
Cung cấp thông tin chính xác rõ ràng về doanh nghiệp, nhãn hàng, thông tin
liên hệ, có sự chú thích rõ ràng về các yếu tố có trong một website, tích hợp
mạng xã hội phổ biến (Social media), đảm bảo được tính bảo mật. Ngoài ra,
tăng tốc độ tải trang cũng như tối ưu hóa, tạo sự thân thiện trên nền tảng thiết
bị di động, máy tính bảng.

3

DIGITAL & ONLINE MARKETING

2. PHÂN TÍCH HỆ THỐNG
 Yêu cầu hệ thống
 Module trang chủ: Đây là bộ mặt của trang web. Có chứa những thông
tin như giới thiệu về công ty và cam kết bán hàng ưu tín của công ty.
 Module Bài viết: cập nhật tin tức về xu hướng cũng như nhữn món đồ
Handmade được yêu thích nhất.
 Module Cửa hàng: đây là gian hàng trình bày tất cả những sản phẩm đã
được phân loại theo từng danh mục trước đó.
 Module Liên hệ: cung cấp thông tin về địa chỉ, email, số điện thoại để
người dùng có thể liên hệ khi cần, đảm bảo server hoạt động 24/24.
 Module Giỏ hàng: lưu trữ những sản phẩm mà người dùng yêu thích và
mua khi có nhu cầu.
 Module Thanh toán: Module này đi kèm với giỏ mua hàng điện tử (eshopping cart), phục vụ cho nhu cầu thanh toán qua mạng của khách
hàng.
 Đặc tả chức năng dành cho khách hàng.
- Tìm hàng theo tên
Liệt kê các mặt hàng theo tên hàng hoặc tên loại theo yêu cầu tìm kiếm của
khách hàng. Thông tin mỗi mặt hàng gồm tên, ảnh và đơn giá.
- Xem thông tin chi tiết
Hiển thị thông tin chi tiết của mặt hàng được chọn bởi khách hàng và các mặt
hàng cùng loại có gắn liên kết đến trang chi tiết hàng hóa để khách hàng có thể xem
luôn mà không cần phải trở lại trang liệt kê hàng hóa.
- Có thể bình luận
Khách hàng có thể tự do đưa ra ý kiến của mình về Shop.
4

DIGITAL & ONLINE MARKETING

3. THIẾT KẾ GIAO DIỆN
 Bản đồ website

HÌNH 1: Sơ đồ website
 Xây dựng website
 Sử dụng template Orfeo để áp dụng cho website
Tiện ích giao diện mang lại:
 Cho phép tùy chỉnh Typography Options: giúp cài đặt font chữ dễ nhìn và góp
phần làm đẹp cho website.

 Nội dung của website trên thiết bị di động
- Nội dung cần đơn giản, chọn lọc, chỉ hiển thị những thông tin chính yếu.
Người dùng điện thoại không có nhiều thời gian cũng như sự thuận tiện, họ
chỉ cần những thông tin không cần thiết.
5


DIGITAL & ONLINE MARKETING
- Tương thích với nhiều thiết bị di động và các thiết bị khác
- Không nên để nhiều hình ảnh trong website, tránh sử dụng ảnh Flash, tăng tốc
độ tải trang.
- Dễ dàng xem thông tin nếu trang web được trình bày với một cột duy nhất.
- Thuận tiện hơn với các nút trở về đầu trang, sử dụng liên kết để khi click chuột
vào logo thì website sẽ tự động quay về trang chủ. Mang đến sự thuận tiện
cho khách hàng.
- Tập trung vào người dùng: trải nghiệm, hoàn cảnh người dùng
- Tránh những sai lầm cơ bản như website không tương thích với thiết bị di
động, tốc độ tải trang chậm, có các liên kết chết, công cụ tìm kiếm không thân

thiện, không có thông tin liên lạc,…
- Tránh để hành trình khách hàng vào website bị đứt quảng
- Vì điện thoại có tính năng quay màn hình nên khi thiết kế website nên chú ý
giữa bố cụ ngang và bố cục dọc trong màn hình điện thoại
 Bố cục website.
Gồm 3 phần: header (đầu trang), content (nội dung của trang) và cuối cùng là
footer (chân trang)
- Phần header là nơi tập trung thể hiện hình ảnh logo thương hiệu, danh mục
các thanh menu, chuyên mục điều hướng người dùng đến các chuyên mục con
và các bài viết, nội dung cụ thể. Riêng về vị trí đặt thanh menu trên website
có thể đặt menu ngang, menu dọc tùy theo kích thước màn hình
- Phần Content hay chính là nội dung chính của trang
- Cuối cũng footer Footer là nơi đưa ra các thông tin sản phẩm nổi bật và các
bài viết
- Website gồm có 6 trang: Trang chủ, Cửa hàng, giỏ hàng, Thanh Toán, liên hệ,
bài viết
6


DIGITAL & ONLINE MARKETING

4.

PHÂN TÍCH WEBSITE THƯƠNG MẠI ĐIỆN TỬ

4.1 Website có tính ứng dụng cao.
- Nội dung website trên di động và máy tính để bàn.

4.1.1 Nội dung website trên di động.
- Trang chủ:

7


DIGITAL & ONLINE MARKETING

Hình 7: giao diện trang trang chủ trên mobile

- Ở trong trang chủ là phần giới thiệu công ty và cam kết bán chất lượng bán
hàng của công ty. Kèm theo đó là phần audio và lịch để tạo nên sự tiện lợi
cho khách hàng khi vào trang website.
- Phần trang chủ được thiết kế đơn giản tạo nên sự hài hòa giữa bố cục trang
website và ứng dụng di động.

8


DIGITAL & ONLINE MARKETING
- Trang cửa hàng.

Hình 8: giao diện trang cửa hàng trên mobile
9


DIGITAL & ONLINE MARKETING
- Trang giỏ hàng

Hình 9: giao diện trang giỏ hàng trên mobile
- Đối với trang giỏ hàng thì nó có đầy đủ các thông tin của món hàng mình
đã đặt.

- Giao diện bắt mắt, đơn giản, dễ nhìn.
- Nhưng không gây ra sự nhàm chán cho khách hàng.

NGUYỄN THỊ KIM OANH – PD02149

10


DIGITAL & ONLINE MARKETING
- Trang thanh toán

Hình 10: giao diện trang thanh toán trên mobile
NGUYỄN THỊ KIM OANH – PD02149

11


DIGITAL & ONLINE MARKETING
- Trang liên hệ

Hình 11: giao diện trang liên hệ trên mobile
- Đối với trang liên hệ thì cung cấp đầy đủ thông tin và bên cạnh đó có thể
thu thập được thông tin khách hàng cho Shop như là họ tên, email, tiêu đề
và nội dung khách hàng muốn nhắn gửi tới shop.
- Và còn để địa chỉ Maps để khách hàng có thể tìm đến shop một cách dễ
dàng hơn.
NGUYỄN THỊ KIM OANH – PD02149

12

DIGITAL & ONLINE MARKETING
- Trang bài viết

Hình 12: giao diện trang bài viết trên mobile
NGUYỄN THỊ KIM OANH – PD02149

13


DIGITAL & ONLINE MARKETING

4.1.2 Nội dung website trên máy tính để bàn.
4.1.3 Các liên kết và nút bấm.
 Các liên kết:

Hình 13: Liên kết các trang mạng xã hội
Việc tạo liên kết tới những trang mạng xã hội trên sẽ giúp khách hàng nhanh
chóng đi tới fanpage facebook hay twitter của Shop.

Hình 14: Liên kết facebook
Đặt liên kết này thì khách hàng có thể share bài trên website qua facebook của
khách hàng để nhiều người có thể biết đến shop, tăng sự nhận diện cho nhóm khách
hàng tiềm năng.

NGUYỄN THỊ KIM OANH – PD02149

14

DIGITAL & ONLINE MARKETING
 Nút bấm

Hình 15: nút bấm liên kết trang MXH

Hình 16: Nút lối tắt tới trang trong web

Hình 17: nút bấm giữa những tiện ích trong website

- Những nút bấm này có khoảng cách hợp lý, phù hợp với giao diện di động.
- Không xảy ra trường hợp chạm vào nút kế bên làm đi sai hướng cần tới.
- Những nút bấm này rất tiện lợi đối với website.

NGUYỄN THỊ KIM OANH – PD02149

15


DIGITAL & ONLINE MARKETING

4.2 Lỗi Mobile Marketing
Hình ảnh:
- Hiện tại chưa phát hiện lỗi về phần hình ảnh.
- Hình ảnh có độ phân giải cao.
- Hình ảnh vừa với giao diện của cả desktop và mobile.
- Đảm bảo website phải tải với tốc độ nhanh , tránh các đồ họa hình ảnh
hoặc sử dụng hình ảnh flash làm nặng website.
Plug-ins:
- WPtouch Mobile PluginWP touch.
- Wordpress mobile pack.

- Any mobile theme switcher.
Lỗi Mobile marketing
- Các tính năng kiểm soát giao diện đồ họa cho người dùng chưa đạt chuẩn.
- Không nhất quán, sử dụng nhiều lệnh và từ khác nhau cho một hành động.
- Thiết kế không Responsive cho nhiều kích cỡ màn hình khác nhau.
- Ký hiệu nhấp chuột còn nhỏ, khiến cho khách hàng đôi lúc không kích hoạt
đúng tính năng mà mình cần.
- Quá nhiều tính năng sẽ khiến khách hàng bị ngợp, cảm thấy website hoặc ứng
dụng quá rắt rối và gây nặng bộ nhớ.
- Hình ảnh và plugin nhiều làm giảm tốc độ tải trang, tốc độ tải trang đạt chuẩn
khoảng từ 3-5s.

NGUYỄN THỊ KIM OANH – PD02149

16


DIGITAL & ONLINE MARKETING

5. QUẢNG BÁ MOBILE MARKETING
5.1 Xây dựng chiến dịch qua email.
Bước 1: xác định mục tiêu chiến dịch.
- Xây dựng email marketing với mục đích bán được sản phẩm nhân dịp 8/3
sắp tới.
Bước 2: xây dựng danh sách e mail.
- Lấy email từ danh sách khách hàng cũ.

Bảng 1: danh sách email khách hàng.
NGUYỄN THỊ KIM OANH – PD02149

17


DIGITAL & ONLINE MARKETING
Bước 3: Xác định hình thức email.
- Email mang hình thức xúc tiến thương mại quảng cáo sản phẩm dịch vụ
và kèm theo ưu đãi, giảm giá để gửi đến khách hàng.
Bước 4: Thiết kế Email.
- Sử dụng công cụ mailchimp.
- Thiết kế email khuyến mãi về lễ 8/3

Hình 18: nội dung chiến dịch email marketing
NGUYỄN THỊ KIM OANH – PD02149

18


DIGITAL & ONLINE MARKETING
Bước 5: phân tính đánh giá chiến dịch.

Hình 19: Phân tích chiến dịch

Hình 20: phân tích chiến dịch
- Chiến dịch khá thành công: có 80% người mở mail, 40% người click vào
liên kết.

NGUYỄN THỊ KIM OANH – PD02149

19

DIGITAL & ONLINE MARKETING
- Thu thập được danh sách người mở mail nhiều nhất => xác định được
nhóm khách hàng mục tiêu, khách hàng tiềm năng cho Shop.
- Đối với những khách hàng này sẽ có chiến dịch đi kèm về sau, để tạo ra
hành vi mua cho họ.
- Bên cạnh đó thì chiến dịch còn một số tồn tại như: chưa bán được sản
phẩm.

5.2 Xây dựng chiến dịch quảng cáo qua sms marketing

Hình 21: sms marketing
Bước 1: Tạo chương trình khuyến mãi.
- Để thu thập thông tin khách hàng. Tạo chương trình cho khách hàng đăng
ký.
- Chương trình “Giảm giá 50% nhân dịp 8/3” cho những người đăng ký form
để nhận thông tin qua SMS.
- Gửi thông báo khuyến mãi qua SMS cho khách hàng đã từng mua hàng tại
Shop.
- Gửi SMS với tiêu đề nổi và thu hút sự chú ý của khách hàng. Kích thích
sức mua của khách hàng.
NGUYỄN THỊ KIM OANH – PD02149

20


DIGITAL & ONLINE MARKETING
Bước 2: Thu thập danh sách khách hàng
- Thu thập lại doanh sách sđt của khách hàng đã từng mua hàng tại shop.
- Quảng bá trên các kênh truyền thông, website, email…

- Khách hàng đăng ký số điện thoại nhận tin nhắn SMS.
- Dùng những chương trình khuyến mãi để khiến khách hàng khai báo thông
tin cũng như cung cấp database cho Shop.
- Tạo lòng tin đối với khách hàng qua việc cam kết không tiết lộ, SPAM, & chỉ
gửi thông tin mà khách hàng đăng ký.

Bước 3: Tạo chiến dịch (SMS Campaign)
- Tạo chiến dịch giảm giá cho khách hàng.
- Hoặc là 1 chương trình CSKH đặc biệt, hội thảo, giới thiệu sản phẩm mới.
- Trong một dịp lễ sau khi khách hàng mua hàng sẽ random và chọn ra danh
sách 3 – 4 người để gọi điện hỏi về dịch vụ CSKH cũng như dịch vụ có shop
có khiến khách hàng hài lòng hay không.

NGUYỄN THỊ KIM OANH – PD02149

21


DIGITAL & ONLINE MARKETING
Bước 4: Chọn đối tượng quảng cáo (Target)
- Chọn nhóm thuê bao phù hợp nhất với chiến dịch của bạn. Nhóm khách hàng
mục tiêu cho chiến dịch.
Bước 5: Tạo thông điệp
- Tạo tin nhắn mà bạn muốn phát sóng vào các thị trường mục tiêu được xác
định trong chiến dịch.
- Nên chia từng nhóm đối tượng để dễ dàng trong viêc đưa ra thông điệp và
theo dõi hành vi của họ sau khi nhận được thông điệp.
- Tạo nội dung tin nhắn SMS 160 ký tự, ngắn gọn, dễ hiểu, độ phản hồi cao và
đáp ứng được mục đích kinh doanh cụ thể.
Bước 6: Gửi thông điệp

- Chọn công cụ (hệ thống) gửi tin: gói tin sms Brandname, sms Gateway….
- Bạn có thể cài đặt và xác định ngày, thời gian mà bạn muốn gửi tin nhắn đến
đối tượng mục tiêu đã quảng bá.
- Đảm bảo thông điệp được gửi đến khách hàng.
Bước 7: Đo lường & Đánh giá dựa trên:
- Số tin gửi thành công tới khách hàng.
- Số tin không gửi được (xác định được số thuê bao có tồn tại hay không).
- Số lượng phản hồi (gọi điện liên hệ, SMS trả lời)
- Doanh số bán hàng. (tăng bao nhiêu % so với lúc chưa thực hiện chiến dịch).

NGUYỄN THỊ KIM OANH – PD02149

22


DIGITAL & ONLINE MARKETING

6. CÁC CÔNG CỤ HỖ TRỢ MOBILE MARKETING
6.1 Thực hiện công cụ phân tích xu hướng theo từng chủ
đề.
Bước 1: Truy cập vào địa chỉ sau: />
Hình 22: giao diện trang trends.google.co.uk
Bước 2: Nhập chủ đề cần kiểm tra: Đúng như đề tài nghiên cứu assignment
(handmade)

Hình 23: sự quan tâm theo thời gian
NGUYỄN THỊ KIM OANH – PD02149

23

DIGITAL & ONLINE MARKETING

Hình 24: sở thích theo tiểu vùng

Hình 25: chủ đề và cụ từ liên quan

NGUYỄN THỊ KIM OANH – PD02149

24


DIGITAL & ONLINE MARKETING

6.2 Thực hiện công cụ phân tích sự lắng nghe của xả hội
Bước 1: Truy cập vào địa chỉ sau: />
Hình 26: giao diện trang web socialmention

Bước 2: Nhập thông tin cần lắng nghe: Handmade

Hình 27: nhập từ cần tìm kiếm

NGUYỄN THỊ KIM OANH – PD02149

25