BÁO CÁO DELIVERABLE 2 – WEB ANALYSIS

Hành vi:  Khách hàng thường có xu hướng mua sắm có mục đích và thông minh,chú trọng đến chất lượng và giá trị của sản phẩm.. Ngành thời trang Việt Nam có sự phân khúc hóa rõ rệt về phon

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

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

––––––––––

BÁO CÁO DELIVERABLE 2 – WEB ANALYSIS

Giáo viên hướng dẫn: Trương Hồng Tuấn Nhóm F Lớp: 47K22.2

Thành viên nhóm: Trần Minh Toàn

Trần Văn Hà Dương Khánh Linh Cao Thị Thùy Trang Đinh Quốc Việt

MỤC LỤC

I Analyze customer and market trends: 3

1 Khách hàng: 3

2 Xu hướng thị trường: 3

II Analyze competitor: 3

III Information architecture: 4

1 Web structure: 4

2 Navigation areas: 6

3 Customer journey map: 8

IV Semantics check: 9

V Implementation Analysis: 10

1 URL, Hosting, Domain: 10

2 Google Search Console: 11

3 Folder và file trên Wordpress: 12

4 Xác thực HTML và liên kết: 12

5 Các yêu cầu cần thiết trước khi triển khai một trang web: 14

VI Review current web performances/wireframe and e-commerce features: 14

1 Web performances: 14

2 Ecommerce features: 19

I Analyze customer and market trends:

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

 Thu nhập: Đa số khách hàng là những người trẻ tuổi đang ở giai đoạnsinh viên hoặc mới đi làm, có thu nhập cố định hoặc có thể phụ thuộcvào trợ cấp từ gia đình

Tâm lý học:

 Những người đam mê thời trang: Khách hàng quan tâm đến vấn đề ănmặc và chăm sóc bản thân, đồng thời thích thử nghiệm các sản phẩm vàkiểu dáng mới

 Họ thường xuyên theo dõi các trang web, blog và trang mạng xã hộichuyên về thời trang để cập nhật các xu hướng mới nhất Họ thích tự dosáng tạo và thích tự do biểu hiện qua phong cách ăn mặc

Hành vi:

 Khách hàng thường có xu hướng mua sắm có mục đích và thông minh,chú trọng đến chất lượng và giá trị của sản phẩm Họ sẵn lòng chi tiêucho những món đồ đắt tiền nếu chúng đáng giá

 Tìm hiểu trước khi mua: Trước khi quyết định mua sản phẩm, người tiêudùng thường thực hiện việc tìm hiểu thông tin trước, bao gồm việc tìm

kiếm đánh giá, xem review từ các nguồn đáng tin cậy ( người tiêu dùng

đã mua trước đó, KOLs, KOCs, )

2 Xu hướng thị trường:

Sự quan tâm đến vẻ ngoại hình ngày càng gia tăng trong xã hội hiện đại Đây là

lý do tại sao ngành thời trang đang trở nên phổ biến hơn bao giờ hết Nhữngsản phẩm thời trang đang thu hút sự chú ý của đông đảo người tiêu dùng Điềunày tạo ra một cơ hội lớn cho cả những người bán mới và các nhãn hiệu đã có

uy tín để tăng cường doanh số bán hàng

Ngành thời trang Việt Nam có sự phân khúc hóa rõ rệt về phong cách và giá cả.Khách hàng có nhu cầu về thời trang có thể tìm kiếm và lựa chọn các sản phẩmphù hợp với sở thích và túi tiền của mình

Thị trường mục tiêu của ngành thời trang ở Việt Nam đang hướng tới sự tăngtrưởng mạnh mẽ của thị trường trực tuyến Theo số liệu thống kê, trong nhiềunăm gần đây, ngành thời trang trực tuyến tại Việt Nam đã có sự phát triển đáng

kể, thu hút được sự quan tâm của rất nhiều khách hàng

Theo các nghiên cứu và báo cáo từ các tổ chức nghiên cứu thị trường, doanh sốbán hàng trực tuyến trong lĩnh vực thời trang tại Việt Nam đã tăng đột biến, với

tỷ lệ tăng trưởng hàng năm đạt mức ấn tượng Điều này cho thấy sự chuyển đổicủa người tiêu dùng từ mua sắm truyền thống sang mua sắm trực tuyến đangdiễn ra mạnh mẽ

Thị trường thời trang ở Việt Nam đang trải qua một quá trình chuyển đổi đáng

kể, trong đó việc tập trung vào sản xuất các sản phẩm thời trang bền vững đangtrở nên ngày càng phổ biến Bằng cách này, các doanh nghiệp không chỉ đápứng được nhu cầu ngày càng tăng của khách hàng về tính bền vững của sản

phẩm, mà còn tạo ra sự khác biệt và độc đáo cho sản phẩm thời trang ViệtNam.

II Analyze competitor:

Thị trường thời trang điện tử Việt Nam đang được dự đoán đạt giá trị 5,5 tỷ USDvào năm 2025, và trong đó giới trẻ là lực lượng tiêu dùng chính, chiếm đến 60%thị phần (https://cleverads.vn/blog/bao-cao-thi-truong-thoi-trang/) Tuy nhiên, để

có thể thu hút được lượng khách hàng đó cũng chính là một cuộc chiến giữa cácdoanh nghiệp Mỗi doanh nghiệp đều nỗ lực triển khai các chiến lược riêng để thuhút sự chú ý của khách hàng, như: đa dạng hóa sản phẩm, tung ra các chương trìnhkhuyến mãi hấp dẫn, đầu tư vào marketing, Hiện nay, có rất nhiều website bánquần áo tại Việt Nam, và mỗi trang web đều có những đặc điểm riêng để cạnhtranh trên thị trường Dưới đây là một số đặc điểm chung của các website đó:

 Đa dạng sản phẩm: Các website thường cung cấp từ một đến nhiều loại

sản phẩm và thương hiệu khác nhau để phục vụ nhu cầu của khách hàng

 Giá cả cạnh tranh: Các website thường cạnh tranh về giá cả để thu hút

khách hàng Họ sử dụng các chương trình giảm giá, khuyến mãi và ưu đãi

để khách hàng có thể mua được sản phẩm với giá tốt nhất

 Chất lượng sản phẩm: Các trang web local brand luôn tập trung vào việc

cung cấp các sản phẩm chất lượng cao để đảm bảo sự hài lòng của kháchhàng

 Thông tin sản phẩm chi tiết: Các website bán quần áo sẽ cung cấp các

thông tin chi tiết về sản phẩm, bao gồm hình ảnh, mô tả và các đánh giá từkhách hàng khác để nâng cao uy tín và tăng cường trải nghiệm cho kháchhàng

Khách hàng Việt Nam hiện nay có thể dễ dàng tìm mua quần áo online trên hàngloạt trang web uy tín Mỗi trang web đều sở hữu những đặc điểm riêng biệt để tạonên sự khác biệt và thu hút khách hàng Một số trang web tập trung vào phân khúccao cấp, một số khác lại hướng đến đối tượng khách hàng bình dân Bên cạnh đó,

cũng có những trang web chuyên bán các sản phẩm thời trang nội địa hoặc nhậpkhẩu từ các quốc gia khác nhau Từ đó dẫn đến các thách thức cho các doanhnghiệp thời trang như:

 Cạnh tranh gay gắt: Thị trường có nhiều nhà bán hàng, từ thương hiệu lớnđến local brand

 Hàng giả, hàng nhái: Hiện nay, vấn đề hàng giả, hàng nhái tràn lan đang gâynên sự nhức nhối ảnh hưởng đến niềm tin của khách hàng, buộc các doanhnghiệp phải có biện pháp khắc phục

 Chất lượng sản phẩm: Khó kiểm tra chất lượng sản phẩm khi mua online,gây khó chịu cho khách hàng

 Hệ thống logistics: Cần nâng cấp để đáp ứng nhu cầu giao hàng nhanhchóng và hiệu quả

III Information architecture:

1 Web structure:

Website của Sicko được thiết kế theo cấu trúc phân cấp để tăng tính chi tiết củathông tin, giúp khách hàng có thể dễ dàng điều hướng và tìm kiếm sản phẩm.Ngoài ra còn có thể dễ dàng quản lý và cập nhật nội dung.

 Thông tin liên hệ, chính sách của cửa hàng

 Thanh tìm kiếm, nút yêu thích, giỏ hàng, thông báo và trang tàikhoản

 Hard mode

 Áo

 Áo sơ mi

 Áo crop top

 Áo thun unisex

 ….

Quần

 Quần short

 Quần dàiBalo

 Form điền thông tin gửi tin nhắn khi có thắc mắc hoặc cần hỗ trợ

 Thông tin liên hệ với shop qua email và số điện thoạiGiỏ hàng

 Thông về sản phẩm đã chọn như giá tiền, số lượng và tên sản phẩm

2 Navigation areas:

a Navigation area:

Khu vực điều hướng đóng vai trò quan trọng trong việc giúp khách hàng dễdàng tìm kiếm và khám phá các sản phẩm trên trang web Khu vực này ởtrên Sicko sẽ bao gồm các thành phần sau:

 Thanh menu chính: Nằm ở vị trí đầu trang web, hiển thị các danhmục chính như: Sản phẩm, bài viết, liên hệ, Có thể sử dụng menudạng dropdown để hiển thị các danh mục con

 Thanh tìm kiếm: Giúp khách hàng nhanh chóng tìm kiếm sản phẩmtheo tên, thương hiệu, màu sắc, kích thước, , và có chức năng gợi ý

tự động khi khách hàng nhập liệu

 Bộ lọc: Giúp khách hàng lọc các sản phẩm theo các tiêu chí như: Giá

cả, màu sắc, kích thước, chất liệu,

 Footer: Hiển thị các thông tin liên hệ, chính sách đổi trả, chính sáchbảo mật, Có thể thêm các liên kết đến mạng xã hội hoặc blog củatrang web

b Navigation flows:

Trang chủ

Trang đăng nhập hoặc đăng ký tài khoản

 Đăng nhập bằng tài khoản đã có

 Đăng ký tài khoản mới

Trang thông tin sản phẩm

 Xem danh sách sản phẩm

 Xem chi tiết sản phẩm

 Thêm sản phẩm vào giỏ hàng

 Mua ngay sản phẩm

Giỏ hàng

 Xem sản phẩm trong giỏ hàng

 Chỉnh sửa số lượng sản phẩm trong giỏ hàng

 Xóa sản phẩm khỏi giỏ hàng

 Thanh toán sản phẩm trong giỏ hàng

Trang thanh toán

 Nhập thông tin giao hàng

 Chọn phương thức thanh toán

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

 Thanh toán

 Xác nhận đã nhận hàng

Sicko Navigation flows

3 Customer journey map:

IV Semantics check:

1 Kiểm tra điều hướng của website:

 Các đường liên kết trong website hoạt động và cung cấp đường dẫn chínhxác đến các nội dung tương ứng khi người dùng muốn tìm hiểu

 Khi nhấn vào logo sẽ đưa đến trang chủ của website

 Thanh điều hướng hoạt động bình thường và sắp xếp hợp lý từ trang chủ,giới thiệu, trang sản phẩm… khi bấm vào các mục nào trên thanh điềuhướng thì dẫn đến chính xác trang mục đó

2 Kiểm tra tín hiệu ngữ cảnh:

 Các bài viết về mô tả sản phẩm cần đầy đủ và rõ ràng, bao gồm thông tin

về tính năng, kích thước, chất liệu, màu sắc, và bất kỳ chi tiết nào quantrọng khác Các nội dung khác liên quan về shop cũng cần được rõ raràng tránh gây nhầm lẫn cho khách hàng

 Thống nhất các thông tin liên hệ, chính sách và liên kết mạng xã hội đượcđặt cố định ở footer để cho khách hàng có thể dễ dàng tìm kiếm chúng

 Kiểm tra các hình ảnh và video sản phẩm để xem chúng có cung cấp đủthông tin về sản phẩm không, bao gồm các góc nhìn khác nhau, kíchthước thực tế, và cách sử dụng

 Kích thước, phông chữ và màu sắc phù hợp để tạo cảm giác dễ nhìn vàgiúp phân biệt được các nội dung cần chú ý.

3 Kiểm tra ý nghĩa đồ họa/ký hiệu:

Sử dụng các biểu tượng mà khách hàng có thể dễ dàng nhận ra:

 Biểu tượng kính lúp cho thanh tìm kiếm

 Biểu tượng giỏ hàng cho giỏ hàng chứa các sản phẩm đang chờ thanhtoán

 Biểu tượng hình các trang MXH là liên kết của shop đến các trang MXH

 Các biểu tượng CTA để liên hệ với Shop là biểu tượng điện thoại, email,zalo

 Biểu tượng cái chuông cho các thông báo về khuyến mãi, tin tức của cửahàng

V Implementation Analysis:

1 URL, Hosting, Domain:

Một URL sẽ có cấu trúc chung như sau:

 Giao thức (Schema/Protocol): cho máy chủ web biết giao thức nào được

sử dụng để truy cập trang web để lấy tài nguyên

Ví dụ: HTTP, HTTPS, FTP, SMTPHiện tại dự án Sicko đang sử dụng giao thức HTTPS để tăng cường bảo mật chongười dùng

 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

 HTTPS còn được các trình duyệt web ưu tiên, và đáng tin cậy hơn vớikhách hàng Để có được HTTPS, cần cài chứng chỉ SSL Nhóm đã muahosting tại AZDIGI nên được hỗ trợ bật SSL miễn phí

Tên miền: sicko.tmdtdue.site

 Tên miền phụ: dự án Sicko sử dụng tên miền phụ để trỏ về dự án củamình

 Top-level domain: dự án sử dụng site, một đuôi phổ biến, dễ ghi nhớ chokhách hàng

 Dự án mua tên miền từ nhà cung cấp tenten.vn, sau đó tiến hành xác thựccho domain bằng cách cung cấp thông tin cá nhân, Căn cước

2 Google Search Console:

Google Search Console là một dịch vụ miễn phí mà Google cung cấp để giúpbạn theo dõi, duy trì và khắc phục sự cố liên quan đến sự hiện diện của trangweb của mình trong kết quả tìm kiếm trên Google

Để thêm công cụ Google Search Console, cần xác minh chủ sở hữu bằng cáchthêm record TXT vào DNS để Google nhận dạng với tên là địa chỉ web: sicko,type TXT, và giá trị là mã riêng của Google

Google Search Console giúp website trong:

 Lập chỉ mục, yêu cầu lập chỉ mục cho nội dung mới hoặc nội dung cậpnhật.

 Xem dữ liệu về lưu lượng truy cập từ Google Tìm kiếm đến trang webnhư tần suất trang web của bạn xuất hiện trong Google Tìm kiếm, cụm từtìm kiếm nào làm trang web của bạn hiển thị, tần suất người tìm kiếmnhấp vào trang đối với các cụm từ đó, v.v

 Xem backlink đến website

3 Folder và file trên Wordpress:

Website được xây dựng trên nền tảng mã nguồn mở Wordpress Để vào thư mụccủa website cần đăng nhập vào Cpanel của hosting, sau đó đến mục FileManager Một số file, thư mục quan trọng:

 htaccess – Tệp cấu hình máy chủ, WordPress sử dụng nó để quản lý liênkết cố định và chuyển hướng

 wp-config.php – Tệp này cho WordPress biết cách kết nối với cơ sở dữliệu Nó cũng đặt một số cài đặt chung cho trang WordPress

 index.php – Về cơ bản, tệp chỉ mục sẽ tải và khởi tạo tất cả các tệpWordPress khi người dùng yêu cầu một trang

 Thư mục wp-content: chưa thư mục themes, plugins (các plugin đã tải),uploads (các file phương tiện đã tải lên)

 Thư mục wp-admin: gồm các file liên quan trong dashboard củaWordpress

 Thư mục wp-includes: các phần mềm, gói, thư viện cốt lõi củaWordpress

4 Xác thực HTML và liên kết:

Sử dụng công cụ W3C để kiểm tra, W3C (World Wide Web Consortium) là tổchức tiêu chuẩn quốc tế chính cho World Wide Web

Truy cập vào https://www.w3.org/developers/tools/ có các tool để tiến hànhkiểm tra

Vào Nu Html Checker nhập address hoặc upload file rồi ấn Check

Link Checker: kiểm tra các link trên web có còn hoạt động, có lỗi để kịp thờikhắc phục.

5 Các yêu cầu cần thiết trước khi triển khai một trang web:

 Mục đích của website là gì? Bán hàng, cung cấp thông tin, giải trí,

 Đảm bảo sử dụng HTTPS

 Hosting phải đáp ứng nhu cầu của trang web về mặt tốc độ, lưu trữ, nhàcung cấp có xử lý kịp thời, uy tín không?

 Domain ngắn gọn, liên quan đến thương hiệu, dễ dàng SEO

 Khách hàng của website là ai? Để thiết kế giao diện, tính năng hợp lý

 Tương thích với các trình duyệt khác nhau như Chrome, Edge, và các thiết

bị khác nhau như máy tính, máy tính bảng, điện thoại

 Tối ưu hoá hiệu suất: giảm dung lượng ảnh, loại bỏ các file, code khôngcần thiết để tăng trải nghiệm người dùng

VI Review current web performances/wireframe and e-commerce features:

1 Web performances:

a Bản Desktop:

Performance: 63 điểm, nằm ở mức trung bình, cho thấy website cần đượccải thiện về mặt hiệu suất nhiều hơn.

Chỉ số First Contentful Paint là 1.3 giây, thể hiện thời gian từ khi ngườidùng truy cập trang web cho đến khi hình ảnh hoặc nội dung đầu tiên xuấthiện trên màn hình Thời gian này khá lâu

Chỉ số Largest Contentful Paint là 6.5 giây, đo lường thời gian mà nội dunglớn nhất trên trang web xuất hiện trên màn hình Thời gian này khá lâu, caohơn so với thời gian trung bình mà khách hàng chờ đợi được, dẫn đến kháchhàng rời bỏ website, cần cải thiện để trang web có thể hiển thị nội dungnhanh hơn

Chỉ số Total Blocking Time là 30ms, đo lường thời gian mà trang web bịchặn bởi các tác vụ JavaScript hoặc nạp các tài nguyên chậm Thời gian nàykhá tốt và cho thấy trang web không bị chậm do các tác vụ JavaScript

Chỉ số Speed Index là 5.4 giây, thể hiện mức độ nhanh chóng của trang webkhi hiển thị nội dung trên màn hình Thời gian này cũng khá là cao

Chỉ số Cumulative Layout Shift là 0, đo lường mức độ chuyển động khôngmong muốn trên trang web Kết quả là 0, cho thấy trang web không có sựchuyển động không mong muốn trên trang.

Vài vấn đề về Performance của website:

 Hình ảnh quá lớn, đặc biệt logo là thành phần tốn nhiều thời giannhất

 Dư thừa CSS, Javascript, DOM

Hỗ trợ tiếp cận: 75 điểm

Chỉ số này cho biết biết trang web của mình đã được tối ưu khả năng hỗ trợtiếp cận chưa Ở mức 75 điểm có thể coi là trung bình, tuy nhiên vẫn cần cảithiện để đảm bảo trang web có thể truy cập được cho tất cả mọi người.Một số điểm yếu trong Hỗ trợ tiếp cận:

 Ảnh không có thuộc tính thay thế “alt”