(Tiểu Luận) Bài Tập Nhóm Chủ Đề Quản Lý Rủi Rocác Rủi Ro Và Kế Hoạch Đối Phó.pdf

Điều này khiến cho khách hàng khó có thể nhận được hỗ trợ và tư vấn từ trang web, và cũng làm giảm khả năng khách hàng mua sản phẩm trên trang web+ Thiếu tính tương tác xã hội, không có

TRƯỜNG ĐẠI HỌC KINH TẾ – ĐẠI HỌC ĐÀ NẴNG

KHOA THƯƠNG MẠI ĐIỆN TỬ

BÀI TẬP NHÓM CHỦ ĐỀ QUẢN LÝ RỦI RO

CÁC RỦI RO VÀ KẾ HOẠCH ĐỐI PHÓ

DANH MỤC HÌNH ẢNH

Hình 1 Cấu trúc website cũ của công ty Xuân Lan 2

Hình 2 Cấu trúc website mới của công ty Xuân Lan 6

Hình 3 Header của website 9

Hình 4 Footer của website 11

Hình 5 Giao diện website trên Google Chrome 14

Hình 6 Giao diện trên hệ điều hành IOS 15

Hình 7 Giao diện trên hệ điều hành Android 16

Hình 8 Kết quả kiểm thử hiệu năng của trang web 32

I Giới thiệu về doanh nghiệp

1 Tổng quan về doanh nghiệp

- Tên công ty: Công Ty TNHH Hóa Mỹ Phẩm Xuân Lan 727

- Thành lập: Năm 1985 do ông Ngô Quang Định sáng lập kết hợp cùng thẩm mỹ viện Xuân Lan

- Địa chỉ: Số 369, Đường Xô Viết Nghệ Tĩnh, P 24, Q Bình Thạnh,Tp Hồ Chí

Minh

- Ngành nghề kinh doanh:

+ Sản xuất và phân phối các loại mỹ phẩm thiên nhiên

+ Bán lẻ và bán sỉ các loại mỹ phẩm

+ Dịch vụ Spa, làm đẹp

- Các sản phẩm chính của công ty:

+ Sữa rửa mặt

+ Nước tẩy trang

+ Mặt nạ

+ Kem dưỡng da

Trong hơn 20 năm hoạt động trong lĩnh vực chăm sóc sắc đẹp, công ty đã cho ra đời dòngsản phẩm mang thương hiệu DICY, 727 & Angilina, chuyên về chăm sóc sắc đẹp với nhiều loại sữa chiết xuất từ thiên nhiên và các loại kem chăm sóc da mặt, từ thẩm mỹ viện Xuân Lan có uy tín phục vụ khách hàng trên 30 năm Những sản phẩm bán ở công ty đều được bảo đảm cung cấp bởi những thương hiệu, nhà cung cấp uy tín mà công ty đã cẩn trọng đánh giá, dựa trên các tiêu chí của khu vực về an toàn sản phẩm, điều kiện sản xuất và lưu trữ bảo quản

Hệ thống phân phối gồm hơn 20 cửa hàng trên toàn quốc giúp công ty dễ dàng tiếp cận đến khách hàng Phương châm của công ty là luôn đem đến cho khách hàng những sản phẩm với chất lượng cao nhất để đáp ứng được yêu cầu ngày càng cao và gia tăng niềm tin với khách hàng

2 Hiện trạng website hiện tại của doanh nghiệp

Đường link: http://xl727.com/

Cấu trúc trang web của website cũ:

Hình 1 Cấu trúc website cũ của công ty Xuân Lan

- Thiếu những tính năng thương mại điện tử cơ bản:

+ Không có tính năng giỏ hàng và mua hàng, điều này khiến cho người dùng không thể muasản phẩm một cách tiện lợi và nhanh chóng Điều này có thể khiến cho khách hàng chuyển sang các trang web khác để mua hàng

+ Trang web này không có tính tương tác cao, không có các tính năng tương tác đáp ứng như tìm kiếm, lọc hoặc sắp xếp kết quả, gây khó khăn cho người dùng khi tìm kiếm thôngtin hoặc sản phẩm trên trang web

+ Không có tài khoản cho khách hàng, khiến cho khách hàng không thể quản lý thông tin cánhân, lịch sử mua hàng và các ưu đãi khác một cách tiện lợi Điều này cũng có thể làm giảm tính trung thực và lòng tin của khách hàng đối với trang web.

+ Không được thiết kế tốt cho thiết bị di động và không có tính tương thích trên thiết bị di động Điều này có thể làm cho trang web khó sử dụng và gây ra khó khăn cho người dùngkhi truy cập trang web trên điện thoại di động hoặc máy tính bảng

+ Trang web thiếu nội dung và từ khóa tối ưu hóa, làm giảm khả năng của trang web xuất hiện trên kết quả tìm kiếm của các công cụ tìm kiếm

+ Trang web này không có tính năng chatbot để hỗ trợ khách hàng trong quá trình tìm kiếm

và mua sản phẩm Điều này khiến cho khách hàng khó có thể nhận được hỗ trợ và tư vấn

từ trang web, và cũng làm giảm khả năng khách hàng mua sản phẩm trên trang web+ Thiếu tính tương tác xã hội, không có các liên kết đến các trang mạng xã hội hoặc tính năng chia sẻ Điều này có thể làm giảm khả năng quảng bá trang web và tương tác với khách hàng tiềm năng trên các nền tảng mạng xã hội

- Cách thiết kế web, nội dung trên trang web:

+ Cấu trúc trang web này không được thiết kế một cách hợp lý, giao diện trang web thiếu sựhài hòa và không có sự cân đối khi sắp xếp các phần tử trên trang web Điều này có thể làm giảm tính thẩm mỹ và độ chuyên nghiệp của trang web

+ Trang web này thiếu tính thẩm mỹ, không có thiết kế đẹp mắt hoặc hình ảnh hấp dẫn Không có nhiều thông tin về sản phẩm hoặc dịch vụ, gây khó chịu cho người xem do sử dụng nhiều màu sắc chói sáng, kích thước chữ quá nhỏ và phông chữ không dễ đọc.+ Trang web này không cung cấp thông tin chi tiết về sản phẩm, bao gồm các thông số kỹ thuật, đặc tính và giá cả Điều này khiến cho khách hàng khó có thể đánh giá và so sánh các sản phẩm khác nhau, và cũng làm giảm khả năng khách hàng quyết định mua sản phẩm trên trang web

II Chiến lược phát triển website cho doanh nghiệp

1 Mục đích, mục tiêu và đối tượng khách hàng

- Xây dựng thương hiệu và tăng tương tác với khách hàng

- Tăng cơ sở khách hàng, thu hút thêm khách hàng mới và tăng chuyển đổi thành khách hàng tiềm năng

- Giới tính: Khách hàng chủ yếu là nữ giới

- Độ tuổi: 15 - 45 tuổi, những người quan tâm đến các sản phẩm trang điểm, chăm sóc da

và làm đẹp

- Địa lý: tại các tỉnh thành ở Việt Nam

- Thu nhập: Khách hàng quan tâm đến mỹ phẩm và chăm sóc da có thể đến từ nhiều mức thu nhập khác nhau, chủ yếu thu nhập khá (từ 5 - 10 triệu)

- Tâm lý:

+ Quan tâm đến vấn đề làm đẹp

+ Có ý thức chăm sóc và làm đẹp cho bản thân

+ Tâm lý muốn tìm sản phẩm chính hãng, đảm bảo nguồn gốc, xuất xứ

+ Dễ dàng truy cập vào trang web, tốc độ load trang nhanh

+ Giao diện thân thiện, dễ sử dụng, dễ thao tác trên mọi thiết bị

+ Thao tác tìm kiếm sản phẩm và thanh toán nhanh chóng

+ Đầy đủ thông tin về sản phẩm, bao gồm thành phần, công dụng, cách sử dụng và hướng dẫn chi tiết, mong muốn các thông tin trên website được cập nhật và chính xác để đảm bảo tính minh bạch và tin cậy

2 Nội dung tổng quan trên website

Website cung cấp đầy đủ thông tin về doanh nghiệp, thông tin về sản phẩm mỹ phẩm, dịch vụ, thông tin các sự kiện chương trình khuyến mãi và các bài viết liên quan đến chăm sóc da, xu hướng làm đẹp,

- Trang chủ: Trang chủ thường chứa banner quảng cáo, các sản phẩm nổi bật và thông tin

về thương hiệu…

- Trang danh mục sản phẩm: Liệt kê các danh mục sản phẩm khác nhau, giúp người dùng

dễ dàng tìm kiếm theo loại mỹ phẩm mong muốn

- Trang chi tiết sản phẩm: Cung cấp thông tin chi tiết về từng sản phẩm, bao gồm hình ảnh,

mô tả, thành phần, hướng dẫn sử dụng và đánh giá từ khách hàng trước đó

- Trang giới thiệu: Giới thiệu về thương hiệu, lịch sử và giá trị cốt lõi của công ty

- Trang blog: Cung cấp bài viết về xu hướng làm đẹp, mẹo chăm sóc da, tin tức mỹ phẩm

và các nội dung liên quan khác để tạo sự tương tác và cung cấp thông tin hữu ích cho khách hàng

- Trang "Tài khoản của tôi": Cho phép khách hàng đăng nhập và quản lý thông tin cá nhân, lịch sử mua hàng, danh sách yêu thích và các ưu đãi cá nhân

- Trang giỏ hàng: Hiển thị các sản phẩm đã được chọn và cho phép điều chỉnh số lượng, xóa sản phẩm và tính toán tổng số tiền

- Trang thanh toán: Cung cấp các phương thức thanh toán an toàn

- Trang diễn đàn trực tuyến: Nơi người dùng có thể thảo luận, trao đổi kinh nghiệm và hỏi đáp với cộng đồng người dùng khác

- Trang event: Hiển thị thông tin về các sự kiện, chương trình khuyến mãi hoặc các hoạt động đặc biệt đang diễn ra hoặc sắp tới

- Trang FAQ: Cung cấp câu hỏi thường gặp và câu trả lời chi tiết để giúp khách hàng giải đáp những thắc mắc phổ biến

3 Cấu trúc website

- Để thuận tiện cho người dùng cập nhật và tìm kiếm thông tin dễ dàng thì nhóm chọn cấu trúc dạng phân cấp, nội dung được sắp xếp theo kiểu cây với trang chủ là thư mục chính liên kết đến các danh mục và danh mục con khác nhau

Hình 2 Cấu trúc website mới của công ty Xuân Lan

Home Pages

- Trang tổng hợp các nội dung chính của website như banner, logo, slogan của công ty.+ Trang chủ hiển thị thông tin giới thiệu tổng quan về thương hiê „u, các sản phẩm bán chạy , giúp khách hàng nhanh chóng nắm bắt được thông tin cần thiết

+ Các Slideshow trình diễn hình ảnh sản phẩm Điều này giúp khách hàng biết doanh nghiệp đang kinh doanh mặt hàng gì

+ Các đánh giá của người nổi tiếng hay của chuyên gia làm đẹp về sản phẩm, để tăng thêm

sự uy tín về sản phẩm cũng như thương hiệu của doanh nghiệp

Subsidiary Pages

- Trang danh mục sản phẩm

+ Tên danh mục sản phẩm

+ Mô tả danh mục sản phẩm: cung cấp mô tả ngắn gọn về danh mục sản phẩm

+ Bộ lọc sản phẩm: giúp người dùng dễ dàng lọc và tìm kiếm sản phẩm

+ Danh mục sản phẩm: danh sách các sản phẩm nằm trong danh mục, bao gồm hình ảnh, tên sản phẩm và giá cả

+ Sắp xếp sản phẩm: Các lựa chọn để khách hàng có thể sắp xếp danh sách sản phẩm theo nhiều tiêu chí khác nhau như giá cả, độ phổ biến, đánh giá của khách hàng

+ Sản phẩm liên quan: Các sản phẩm khác trong cùng danh mục hoặc liên quan đến danh mục mà khách hàng đang xem

- Trang sản phẩm chi tiết sản phẩm

Bao gồm các thông tin về:

+ Giá: Là số tiền khách hàng cần thanh toán để mua sản phẩm

+ Số hàng tồn kho: số lượng sản phẩm còn lại của từng sản phẩm

- Trang giới thiệu

+ Là nơi cung cấp những thông tin về doanh nghiệp Để khách hàng và đối tác hiểu hơn về lịch sử hình thành và phát triển, mục tiêu, sứ mệnh hoạt động mà thương hiệu mỹ phẩm của công ty hướng đến Giúp họ hiểu hơn về thương hiệu và tạo sự gắn kết giữa khách hàng với doanh nghiệp

+ Thông tin liên hệ của cửa hàng: địa chỉ, số điện thoại, email, Địa chỉ của cửa hàng trên bản đồ Google maps

+ Một mẫu online để khách hàng gửi các câu hỏi về email

- Trang Blog

+ Blog là nơi Công ty chia sẻ các bà viết, kinh nghiệm về làm đẹp, chăm sóc da…+ Chia sẻ những lời khuyên về cách sử dụng các dòng sản phẩm mỹ phẩm của công ty đến khách hàng tiềm năng của mình Để người dùng có thể tìm thấy nhiều thông tin hữu ích

và đáng tin cậy trên web mỹ phẩm của công ty, công ty sẽ có khả năng xây dựng được niềm tin và danh tiếng trong mắt của khách hàng

- Trang thanh toán

Trang thanh toán được sử dụng để cho khách hàng thanh toán và hoàn tất quá trình mua hàng trên website Khi khách hàng đã chọn sản phẩm và đưa vào giỏ hàng, họ sẽ chuyển đến trang thanh toán để cung cấp thông tin thanh toán và thông tin liên lạc Trang thanh toán thường bao gồm các chức năng sau:

+ Thông tin sản phẩm: Cho phép khách hàng xác nhận lại các sản phẩm đã chọn và thông tin về giá cả, số lượng và tổng giá trị đơn hàng

+ Thông tin khách hàng

+ Phương thức thanh toán

+ Xác nhận đơn hàng

- Trang giỏ hàng

Trang giỏ hàng được sử dụng để hiển thị danh sách các sản phẩm mà khách hàng đã chọn

để mua Trang giỏ hàng cho phép khách hàng kiểm tra lại số lượng sản phẩm, giá cả và tổng chi phí trước khi hoàn tất quá trình mua hàng

- Trang tài khoản của tôi

Trang tài khoản của tôi được sử dụng để quản lý thông tin cá nhân của khách hàng, đơn hàng đã đặt, lịch sử mua hàng và các thông tin khác liên quan đến hoạt động mua sắm trên website

- Trang đặt lịch

Chức năng đặt lịch giúp khách hàng có thể ở nhà và dễ dàng đặt lịch spa qua web Khách hàng có thể xem danh sách các dịch vụ spa được cung cấp và chọn dịch vụ mà họ muốn đặt lịch Khách hàng có thể xem lịch trống và chọn thời gian phù hợp với lịch trình của

họ Nếu khách hàng muốn được phục vụ bởi một nhân viên cụ thể, họ có thể chọn nhân viên đó (nếu có sẵn) trong danh sách nhân viên Sau khi xác nhận đặt lịch, web sẽ tự độnggửi email đơn đặt lịch về cho cả nhân viên lẫn khách hàng

- Trang diễn đàn trực tuyến

Khách hàng có thể đăng bài viết và tham gia vào các cuộc thảo luận trong trang diễn đàn

Họ có thể chia sẻ kinh nghiệm, gửi câu hỏi, yêu cầu gợi ý, và trao đổi thông tin với nhau

về các vấn đề liên quan đến mỹ phẩm

- Trang FAQ (Frequently Asked Questions - Câu hỏi thường gặp)

Trang cung cấp các câu hỏi thường gặp của khách hàng về sản phẩm, dịch vụ, chính sách…

+ Câu hỏi về sản phẩm: Thông tin sản phẩm, các sử dụng, cách bảo quản…

+ Câu hỏi về vận chuyển, thanh toán: Thông tin về phí vận chuyển, thời gian giao hàng, cách thanh toán

+ Câu hỏi về chính sách đổi trả và bảo hành: Thông tin về thời hạn đổi trả, điều kiện đổi trả,chính sách bảo hành…

+ Câu hỏi về khuyến mãi, giảm giá: Thông tin về chương trình khuyến mãi, giảm giá, điều kiện áp dụng…

+ Câu hỏi về hỗ trợ khách hàng: Thông tin về các kênh hỗ trợ khách hàng như email, điện thoại, chat trực tuyến…

- Trang Event

Trang cung cấp cho khách hàng những thông tin về

+ Chương trình khuyến mãi: Cung cấp thông tin chi tiết về sự kiện mà khách hàng quan tâm, bao gồm ngày diễn ra, giờ bắt đầu và kết thúc và mô tả về nội dung sự kiện Thông tin này giúp khách hàng biết được thông tin cơ bản về sự kiện và xem xét liệu họ quan tâm và muốn tham gia hay không

+ Hiển thị hình ảnh và video liên quan đến sự kiện Hình ảnh và video có thể kích thích sự quan tâm và tạo sự hứng thú cho khách hàng

+ Chi tiết chương trình: Thông tin này giúp khách hàng biết được nội dung và lịch trình của

sự kiện, từ đó quyết định xem họ quan tâm và muốn tham gia không

4 Hệ thống điều hướng

Header:

Header đối với máy tính: Trong header, trang web sử dụng menu điều hướng Horizontal

navigation menu – Menu điều hướng theo chiều ngang để triển khai các thành phần trong menu thành một thanh ngang theo chiều từ trái sang phải Đây là tương ứng với chuyển động mắt thường thấy của con người nói chung, và người dùng cũng cảm thấy quen thuộc và dễ dàng nắm bắt, thao tác nhất, bao gồm:

Hình 3 Header của website

- Logo của trang web: điều hướng về trang chủ của website

- Thanh menu: Trang chủ, Giới thiệu, Sản phẩm, Đặt lịch, Blog, Diễn đàn trực tuyến+ Trong thanh menu điều hướng Sản phẩm và Diễn đàn trực tuyến, trang web sử dụng hệ thống điều hướng Drop down navigation menu Đây gọi là các menu điều hướng dạng thảxuống và thường được tích hợp vào trở thành phần menu phụ của các dạng menu khác Trong thanh menu Sản phẩm có 2 thanh menu phụ là: Skin Care, Mash sheet Và Diễn đàn trực tuyến là : FAQs, Event

- Đăng nhập/ Đăng ký → Tài khoản của tôi → Xem, sửa thông tin tài khoản, xem đơn hàng

- Tìm kiếm sản phẩm → Trang kết quả tìm kiếm

- Giỏ hàng → Trang giỏ hàng

Header đối với điện thoại:

Nhóm sử dụng Hamburger navigation menu cho giao diện web trên điện thoại thông minh, để chứa các điều hướng của thanh menu như: Trang chủ, Giới thiệu, Sản phẩm, Đặt lịch, Blog, Diễn đàn trực tuyến, Tài khoản của tôi

Footer: Trong footer, người dùng có thể tìm thấy các liên kết điều hướng, bao gồm:

Điều hướng bên trong website

Hình 4 Footer của website

Điều hướng ra ngoài website

Các hệ thống điều hướng trong phần thân trang

- Breadcrumbs Trail

+ Lợi ích lớn của menu này chính là giúp người dùng nhận định được chính xác vị trí của trang thứ cấp mà họ đang ở Cũng như cho người dùng thấy được sự phân cấp rõ ràng nhất về nội dung giữa các trang con trong tổng thể website Để từ đó họ có thể quay ngược lên các phân cấp phía trên một cách nhanh nhất Thiết kế phổ biến nhất của loại hình menu này là các thành phần thứ cấp được trình bày từ trái sang phải với hướng mũi tên chỉ rõ

- Scrolling navigation – Điều hướng dạng cuộn

+ Scrolling navigation giúp tối ưu hóa không gian trên trang web bằng cách giảm bớt số lượng các liên kết điều hướng được hiển thị trên trang web Điều này có thể giúp trang

web trông gọn gàng hơn, giúp tăng tính thẩm mỹ của trang web Giúp người dùng dễ dàngtìm kiếm thông tin và sản phẩm.

+ Thao tác trượt, lướt qua để cuộn menu tạo ra cảm nhận sống động hơn trong tương tác củangười dùng với website

5 Thiết kế giao diện website

Font, màu sắc

- Font chữ:

+ Sử dụng phông chữ Paytone one cho tiêu đề của website Mang lại cảm giác hiện đại, độc đáo và thú vị cho khách hàng Paytone one là một phông chữ sans-serif đơn giản nhưng đầy tính cá nhân, với các góc cạnh nhọn và đường nét tinh tế Điều này giúp cho tiêu đề trang web trông nổi bật và thu hút sự chú ý của khách hàng

+ Sử dụng phông chữ Montserrat cho nội dung trên website Montserrat là một phông chữ đơn giản và dễ đọc trên màn hình, được thiết kế để hiển thị tốt trên các thiết bị điện tử, bao gồm máy tính và thiết bị di động Điều này giúp cho tiêu đề trên website trông rõ ràng

và dễ đọc, giúp cho người dùng có thể dễ dàng tiếp nhận nội dung trên trang web Kích thước chữ 16 là kích thước phù hợp để đọc trên màn hình, giúp cho người dùng có thể dễ dàng đọc và tiếp nhận nội dung trên trang web Việc sử dụng Montserrat cho tiêu đề trên trang web cũng giúp tạo ra sự nhất quán và đồng nhất trong thiết kế trang web

- Màu chủ đạo: Màu hồng nhạt

+ Màu hồng thường được liên tưởng đến tính nữ tính, giúp cho trang web của sản phẩm mỹ phẩm trông dịu dàng và thu hút sự chú ý của khách hàng nữ Màu hồng nhạt cũng có thể tạo ra cảm giác trẻ trung, tươi mới và thư giãn cho khách hàng khi truy cập vào trang web.+ Màu hồng nhạt có thể giúp tạo ra cảm giác thoải mái và dễ chịu cho khách hàng, giúp cho

họ muốn khám phá thêm về sản phẩm mỹ phẩm của bạn

+ Màu hồng nhạt cũng có thể tạo ra sự gần gũi và thân thiện với khách hàng, giúp khách hàng cảm thấy được chăm sóc và quan tâm đến sản phẩm mỹ phẩm Điều này đặc biệt quan trọng trong lĩnh vực sản phẩm mỹ phẩm, khi khách hàng cần cảm thấy tin tưởng và yêu thích sản phẩm để quyết định mua hàng

+ Ngoài ra, màu hồng nhạt còn được liên kết với các giá trị như sự tinh tế, sự tươi mới, và

sự dịu dàng Điều này có thể giúp tạo ra một cảm giác chất lượng và độc đáo cho sản phẩm mỹ phẩm của trang web, giúp sản phẩm của trang web trở nên đặc biệt và thu hút khách hàng

Wireframe và mockup website

Nhóm đã thực hiện việc vẽ wireframe và mockup để đưa ra một ý tưởng chính xác về cấu trúc và giao diện trang web trước khi bắt đầu thiết kế trên website thực tế Nó giúp cho nhóm thiết kế có được một cái nhìn tổng quan về cấu trúc và giao diện trang web, đảm bảo sự đồng bộ và giúp tránh những sai sót trong quá trình thiết kế Nhóm đã thực hiện vẽ wireframe và mockup ở trang web figma:

- Link figma: https://www.figma.com/community/file/1228856674483870715

- Link file ảnh:

https://drive.google.com/drive/folders/1JJBFIDMhIt8vmj2GASrMvNMGF54wFY1X?usp=sharing

6 Các tính năng thương mại điện tử sẽ triển khai

- Trang web thân thiện với thiết bị di động

Để tạo ra một trang web thân thiện với thiết bị di động, nhóm đã thực hiện nhiều công việc khác nhau Đầu tiên, nhóm đã đánh giá và tối ưu hóa mã nguồn để đảm bảo trang web tải nhanh và tương thích với nhiều loại thiết bị di động khác nhau

Nhóm đã thiết kế lại giao diện trang web để phù hợp với kích thước màn hình nhỏ hơn của thiết

bị di động Bao gồm việc tối đa hóa không gian trên màn hình, cũng như phân chia nội dung để hiển thị một cách rõ ràng và dễ dàng để truy cập trên điện thoại di động

Cuối cùng, nhóm đã kiểm tra tính tương thích của toàn bộ trang web trên nhiều loại thiết bị di động khác nhau và sửa các vấn đề xuất hiện để đảm bảo rằng trang web được hoạt động tốt trên mọi thiết bị di động

Hình 5 Giao diện website trên Google Chrome

Giao diện website trên Google Chrome

Hình 6 Giao diện trên hệ điều hành IOS

Hình 7 Giao diện trên hệ điều hành Android

Giao diện tương thích trên hệ điều hành IOS và android của điện thoại

- An toàn bảo mật

Nhóm đã cập nhật tất cả bản cập nhật mới nhất của WordPress và các plugin khác liên quan đến giao dịch trên trang web, để đảm bảo rằng trang web được bảo vệ bởi các tính năng an toàn mới nhất như mã hóa SSL và kỹ thuật mã hóa dữ liệu

Nhóm đã sử dụng plugin bảo mật Wordfence Security để bảo vệ trang web khỏi các cuộc tấn công hack, bảo vệ người dùng khỏi spam và tạo các quy tắc để hạn chế truy cập của hacker.Nhóm yêu cầu người dùng đổi mật khẩu thường xuyên và sử dụng mật khẩu mạnh, đặc biệt là những ai có quyền truy cập vào trang web

Nhóm đã sử dụng mã hóa SSL để đảm bảo rằng mọi dữ liệu khách hàng được mã hóa và bảo mật khi truyền qua mạng Thực hiện sao lưu dữ liệu định kỳ nhằm đảm bảo rằng tất cả dữ liệu của khách hàng được bảo vệ nếu xảy ra bất kỳ sự cố nào

- Sản phẩm liên quan được đề xuất

Web hiển thị các sản phẩm liên quan hoặc các sản phẩm được đề xuất cho khách hàng khi họ đang xem một sản phẩm cụ thể trên trang web Điều này giúp khách hàng tìm thấy các sản phẩm khác mà họ có thể quan tâm hoặc có thể cần mua thêm, đồng thời cũng giúp tăng doanh số và tăng trải nghiệm mua sắm trên trang web.

Các sản phẩm liên quan được đề xuất có thể được chọn dựa trên các tiêu chí như danh mục sản phẩm, các thuộc tính sản phẩm, các sản phẩm tương tự hoặc sản phẩm được mua cùng nhau bởi các khách hàng khác

- Thông tin vận chuyển rõ ràng

Trang web cung cấp thông tin về đơn vị vận chuyển mà công ty hợp tác

- Trò chuyện trực tuyến

Cài đặt plugin trò chuyện trực tuyến, kết nối với ứng dụng trò chuyện trực tuyến, hiển thị biểu tượng trò chuyện trực tuyến, cung cấp hỗ trợ cho khách hàng và theo dõi hoạt động trò chuyện trực tuyến

- Câu hỏi thường gặp

Nhóm tạo một trang FAQs riêng, tập trung vào các câu hỏi phổ biến, sắp xếp các câu hỏi theo chủ đề, trả lời các câu hỏi một cách rõ ràng và chi tiết, cập nhật thường xuyên, đặt liên kết đến trang FAQ, sử dụng công cụ tìm kiếm và cung cấp hỗ trợ cho khách hàng Bằng cách cung cấp thông tin hữu ích và đầy đủ về sản phẩm hoặc dịch vụ giúp khách hàng tự giải quyết các thắc mắc

và tăng cường niềm tin và hài lòng của họ đối với sản phẩm hoặc dịch vụ của công ty

- Hiển thị đánh giá khách hàng

Trang web công ty hiển thị đánh giá khách hàng, quản lý đánh giá, cung cấp hỗ trợ cho khách hàng, khuyến khích khách hàng đăng đánh giá, đáp ứng đánh giá của khách hàng và sử dụng

đánh giá để cải thiện sản phẩm hoặc dịch vụ của công ty Bằng cách cung cấp đánh giá của kháchhàng giúp khách hàng của mình có những thông tin tốt hơn về sản phẩm hoặc dịch vụ, tăng cường niềm tin và hài lòng của họ và cải thiện sản phẩm hoặc dịch vụ của mình dựa trên phản hồicủa khách hàng.

- Ảnh video chất lượng cao

Nhóm đã sử dụng ảnh và video chất lượng cao, cung cấp ảnh sản phẩm từ nhiều góc độ, tạo videogiới thiệu sản phẩm, tối ưu hoá ảnh và video để tăng tốc độ tải trang web, hiển thị ảnh và video một cách hợp lý, cập nhật thường xuyên hình ảnh sản phẩm

- Tài khoản của tôi

Nhóm tạo trang đăng ký tài khoản, cung cấp tính năng đăng nhập và đăng xuất, cung cấp thông tin tài khoản cho khách hàng, quản lý tài khoản người dùng, cung cấp tính năng quên mật khẩu

và cung cấp tính năng theo dõi đơn hàng Bằng cách cung cấp tài khoản người dùng cho khách hàng của mình giúp tăng tính tương tác và tăng tốc độ chuyển đổi trên trang web của mình

- Liên kết mạng xã hội

Trang web đã thêm các nút liên kết xã hội là fb, messenger, zalo, giúp khách hàng có thể liên hệ qua mạng xã hội của công ty Và có thể chia sẻ những giá trị của trang web về các trang mạng xã hội của khách hàng

- Hiển thị phương thức thanh toán

Thiết lập những phương thức thanh toán phổ biến, được nhiều người dùng và thuận tiện cho khách hàng

- Giỏ hàng

Cho phép người dùng thêm sản phẩm vào giỏ hàng, xem và sửa giỏ hàng, tính toán tổng giá trị đơn hàng, áp dụng mã giảm giá hoặc phiếu quà tặng, tiến hành thanh toán và lưu giỏ hàng để quay lại sau

- Ưu đãi và giảm giá

Hiển thị các chương trình sự kiện giảm giá, sản phẩm khuyến mãi để thu hút khách hàng mua sắm ngay cả khi không có nhu cầu

- Đăng ký nhận thông tin

Giúp khách hàng cập nhật tin tức, ưu đãi, khuyến mãi của công ty

- Đặt lịch

Doanh nghiệp có dịch vụ spa nên nhóm tích hợp chức năng đặt lịch giúp khách hàng có thể ở nhà

và dễ dàng đặt lịch spa qua web Khách hàng có thể xem danh sách các dịch vụ spa được cung cấp và chọn dịch vụ mà họ muốn đặt lịch Khách hàng có thể xem lịch trống và chọn thời gian phù hợp với lịch trình của họ Nếu khách hàng muốn được phục vụ bởi một nhân viên cụ thể, họ

có thể chọn nhân viên đó (nếu có sẵn) trong danh sách nhân viên Sau khi xác nhận đặt lịch, web

sẽ tự động gửi email đơn đặt lịch về cho cả nhân viên lẫn khách hàng

- Thu phóng sản phẩm

7 Implement

7.1 URL-Naming, Directory, File

- Giao thức: Dự án xây dựng một website thương mại điện tử nên sẽ sử dụng giao thức HTTPS để đảm bảo an toàn cho người dùng khi thực hiện các giao dịch trực tuyến.

+ Giao thức HTTPS (Hypertext Transfer Protocol Secure) sử dụng mã hóa SSL/TLS

để bảo vệ dữ liệu được truyền từ trình duyệt của người dùng đến máy chủ của website Điều này giúp ngăn chặn kẻ tấn công giả mạo trang web và đánh cắp thông tin cá nhân của người dùng

+ Ngoài ra, việc sử dụng giao thức HTTPS còn giúp tăng tính tin cậy và uy tín của website trong mắt khách hàng Trong một số trường hợp, các công cụ tìm kiếm cũng ưu tiên các trang web sử dụng HTTPS trong kết quả tìm kiếm của mình

Cài chứng chỉ SSL lên website

+ Dự án mua hosting từ phía nhà cung cấp AZDIGI Dịch vụ Hosting tại AZDIGI luôn được cung cấp tính năng cài đặt SSL miễn phí thông qua chứng chỉ của Let’s Encrypt, được tích hợp sẵn vào cPanel Với chứng chỉ SSL miễn phí, website của dự án sẽ bảo mật hơn với người dùng, và không bị đánh giá là Không an toàn khi truy cập trên trình duyệt

Bật SLL: Đăng nhập vào cPanel, chọn mục SSL/TLS Sustat và ấn nút Run AutoSSL ở phía trên

- Tên miền: Dự án sử dụng Second-level domain riêng với đuôi tên miền là shop được mua

từ nhà cung cấp dịch vụ tên miền tenten.com

7.2 Cấu trúc folder và file Wordpress

Website được xây trên mã nguồn mở Wordpress, website được thiết kế dựa trên các theme và cácplugin Khi xây dựng website trên Wordpress có các folder và file quan trọng như sau:

- Folder

- File

Khi làm việc trên wordpress để tạo ra 1 website thương mại điện tử có 2 plugin quan trọng:

- WooCommerce: Nó cung cấp các tính năng quản lý sản phẩm, quản lý đơn đặt hàng, hệ thống thanh toán và tích hợp các phương thức vận chuyển

- Yoast SEO: Nó giúp bạn tối ưu hóa trang web của mình cho các công cụ tìm kiếm và cải thiện thứ hạng của trang web trên bảng xếp hạng tìm kiếm

7.3 Xác thực HTML(Liên kết nội bộ):

Sử dụng công cụ W3C Validator để xác thực HTML Đây là một công cụ trực tuyến miễn phí do

tổ chức W3C (World Wide Web Consortium) phát triển, được sử dụng để kiểm tra tính hợp lệ của mã HTML và các liên kết (link) trong trang web

Truy cập vào trang web của W3C Markup Validation Service tại địa chỉ https://validator.w3.org/

Để kiểm tra tính hợp lệ của mã HTML, nhập địa chỉ URL hoặc tải lên tệp HTML của trang web vào trang chủ của W3C Validator, sau đó nhấn nút "Check" để bắt đầu kiểm tra Công cụ sẽ phântích mã HTML của trang web và hiển thị kết quả kiểm tra, cho biết các lỗi và cảnh báo liên quan đến mã HTML

Nếu có lỗi, sửa trước khi đưa trang web đưa vào hoạt động

7.4 Xác thực liên kết (Liên kết nội bộ và bên ngoài):

Để kiểm tra tính hợp lệ của các liên kết trong trang web, sử dụng W3C Validator Tại trang chủ, chọn tab "Link Checker" và nhập địa chỉ URL của trang web cần kiểm tra vào ô tương ứng Sau

đó, nhấn nút "Check" để bắt đầu kiểm tra Công cụ sẽ phân tích các liên kết trong trang web và hiển thị kết quả kiểm tra, cho biết các liên kết bị hỏng hoặc không hoạt động

7.5 Những câu hỏi mà mọi nhà phân tích web nên hỏi về một trang web:

Những câu hỏi để nhà phân tích có cái nhìn toàn diện hơn về một trang web :

1 Mục đích của trang web là gì? Trang web được tạo ra để cung cấp thông tin, giải trí hay bán hàng?

2 Trang web có đáp ứng được yêu cầu SEO không?

3 Trang web có sử dụng HTTPS để đảm bảo an toàn thông tin không?

4 Ai là đối tượng khách hàng mục tiêu của trang web? Trang web dành cho khách hàng nào? Đây là những khách hàng có nhu cầu gì?

5 Trang web có thiết kế và trình bày thông tin thân thiện với người dùng không? Trang web

có thể dễ dàng tìm kiếm, dễ đọc, và hình ảnh được trình bày đẹp không?

6 Trang web có tương thích với các thiết bị di động và trình duyệt khác nhau như Google Chrome, Firefox, Safari và Internet Explorer không?

7 Trang web có được tối ưu hóa để tăng cường khả năng tìm thấy trên các công cụ tìm kiếmhay không?

8 Trang web có đủ an toàn để bảo vệ thông tin người dùng không?

9 Trang web có cung cấp đầy đủ thông tin về sản phẩm/dịch vụ, bao gồm giá cả, thông tin liên hệ, chính sách giao hàng và chính sách đổi trả không?

10 Trang web có phản hồi và hỗ trợ người dùng kịp thời không?

11 Trang web có dễ sử dụng và đơn giản để giúp người dùng tìm kiếm thông tin cần thiết không?

12 Trang web có thể đáp ứng nhu cầu của khách hàng không? Có cung cấp đầy đủ sản phẩm

và dịch vụ không?

8 Kiểm thử, xuất bản và bảo trì website

8.1 Kiểm thử

8.1.1 Kiểm thử chức năng

- Kiểm tra cá form:

Trong trường hợp người dùng chưa điền những thông tin ở những ô mà bắt buộc nhập thì biểu mẫu sẽ chưa được gửi đi Lúc này sẽ hiện lên thông báo lỗi, yêu cầu người dùng phảiđiền đầy đủ thông tin Và sẽ có thông báo sau khi người dùng ấn nút gửi kể cả trường hợpthành công hay thất bại

- Kiểm tra HTML, CSS

Dự án tiến hành kiểm tra HTML, CSS trên website World Wide Web Consortium (W3C)

Hiện tại có tất cả 9 loại lỗi và 9 cảnh báo về HTML, CSS trên trang web của dự án

- Kiểm tra đường link trên W3C, hiện có 3 liên kết bị hỏng

8.1.2 Kiểm thử khả năng tương thích

Website của dự án tương thích với các trình duyệt khác nhau trên cả máy tính mà điện thoại

Giao diện website trên google chrome

Giao diện website trên Microsoft Edge