BÁO CÁO DELIVERABLE 2 – WEB ANALYSIS

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG ĐẠI HỌC KINH TẾ - ĐẠI HỌC ĐÀ NẴNGKHOA THƯƠNG MẠI ĐIỆN TỬ</b>

<b>–––––––––– </b>

<b>BÁO CÁO</b>

<b>DELIVERABLE 2 – WEB ANALYSIS</b>

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

<b>Thành viên nhóm:</b>Trần Minh Tồn Trần Văn Hà

Dương Khánh LinhCao Thị Thùy TrangĐinh Quốc Việt

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>MỤC LỤC</b>

<b>I. Analyze customer and market trends:...3</b>

<b>1. Khách hàng:...3</b>

<b>2. Xu hướng thị trường:...3</b>

<b>II. Analyze competitor:...3</b>

<b>III. Information architecture:...4</b>

<b>1. Web structure:...4</b>

<b>2. Navigation areas:...6</b>

<b>3. Customer journey map:...8</b>

<b>IV. Semantics check:...9</b>

<b>V. Implementation Analysis:...10</b>

<b>1. URL, Hosting, Domain:...10</b>

<b>2. Google Search Console:...11</b>

<b>3. Folder và file trên Wordpress:...12</b>

<b>4. Xác thực HTML và liên kết:...12</b>

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

<b>VI. Review current web performances/wireframe and e-commerce features:...14</b>

<b>1. Web performances:...14</b>

<b>2. Ecommerce features:...19</b>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>I.Analyze customer and market trends:1. Khách hàng:</b>

Nhân khẩu học:

 Độ tuổi: SICKO hướng đến đối tượng khách hàng trẻ, trong độ tuổi từ 17 đến 35 tuổi.

 Giới tính: Phần lớn khách hàng là nam giới (khoảng 60-70%), nhưng cũng có một số lượng đáng kể nữ giới quan tâm đến thương hiệu. Điều này có thể phản ánh thương hiệu hướng đến xu hướng thời trang unisex dành cho cả hai giới.

 Đị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ạn sinh viên hoặc mới đi làm, có thu nhập cố định hoặc có thể phụ thuộc và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 đề ăn mặ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ội chuyên về thời trang để cập nhật các xu hướng mới nhất. Họ thích tự do sá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êu cho 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êu dù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

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

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,...)

<b>2. Xu hướng thị trường:</b>

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ững sản phẩm thời trang đang thu hút sự chú ý của đông đảo người tiêu dùng. Điều nà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ẩm phù 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ăng trưởng mạnh mẽ của thị trường trực tuyến. Theo số liệu thống kê, trong nhiều nă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 đổi của người tiêu dùng từ mua sắm truyền thống sang mua sắm trực tuyến đang diễ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 đang trở 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

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

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ệt Nam.

<b>II.Analyze competitor:</b>

Thị trường thời trang điện tử Việt Nam đang được dự đoán đạt giá trị 5,5 tỷ USD và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 ( 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ác doanh nghiệp. Mỗi doanh nghiệp đều nỗ lực triển khai các chiến lược riêng để thu hú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ình khuyến mãi hấp dẫn, đầu tư vào marketing,..Hiện nay, có rất nhiều website bán quần áo tại Việt Nam, và mỗi trang web đều có những đặc điểm riêng để cạnh tranh trên thị trường. Dưới đây là một số đặc điểm chung của các website đó:

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

sản phẩm và thương hiệu khác nhau để phục vụ nhu cầu của khách hàng.  <b>Giá cả cạnh tranh: Các website thường cạnh tranh về giá cả để thu hút</b>

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.

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

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ách hàng.

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

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ách hà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àng loạt trang web uy tín. Mỗi trang web đều sở hữu những đặc điểm riêng biệt để tạo nê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úc cao 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 đó,

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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ập khẩu từ các quốc gia khác nhau. Từ đó dẫn đến các thách thức cho các doanh nghiệ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ây nên sự nhức nhối ảnh hưởng đến niềm tin của khách hàng, buộc các doanh nghiệ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 nhanh chóng và hiệu quả.

<b>III.Information architecture:1. Web structure:</b>

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

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ủa thơ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. Ngồ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 u thích, giỏ hàng, thông báo và trang tài  Áo crop top  Áo thun unisex

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

 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ại

Giỏ 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.

<b>2. Navigation areas:a. Navigation area:</b>

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 danh mục chính như: Sản phẩm, bài viết, liên hệ,... Có thể sử dụng menu dạng dropdown để hiển thị các danh mục con.

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

 Thanh tìm kiếm: Giúp khách hàng nhanh chóng tìm kiếm sản phẩm theo 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ách bảo mật,...Có thể thêm các liên kết đến mạng xã hội hoặc blog của trang web.

<b>b. Navigation flows:</b>

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 tốn

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

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

 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

<b>3. Customer journey map:</b>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<b>IV.Semantics check:</b>

<b>1. Kiểm tra điều hướng của website:</b>

 Các đường liên kết trong website hoạt động và cung cấp đường dẫn chính xá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ều hướng thì dẫn đến chính xác trang mục đó.

<b>2. Kiểm tra tín hiệu ngữ cảnh:</b>

 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 quan trọng khác. Các nội dung khác liên quan về shop cũng cần được rõ ra rà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ích thước thực tế, và cách sử dụng.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

 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ú ý.

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

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ờ thanh tố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,

 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ửa hàng.

<b>V.Implementation Analysis:1. URL, Hosting, Domain:</b>

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

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

 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, SMTP

Hiện tại dự án Sicko đang sử dụng giao thức HTTPS để tăng cường bảo mật cho ngườ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ới khách hàng. Để có được HTTPS, cần cài chứng chỉ SSL. Nhóm đã mua hosting 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ủa mình

 Top-level domain: dự án sử dụng .site, một đuôi phổ biến, dễ ghi nhớ cho khá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ực cho domain bằng cách cung cấp thông tin cá nhân, Căn cước.

<b>2. Google Search Console:</b>

Google Search Console là một dịch vụ miễn phí mà Google cung cấp để giúp bạn theo dõi, duy trì và khắc phục sự cố liên quan đến sự hiện diện của trang web 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ách thê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:

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

 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ập nhật.

 Xem dữ liệu về lưu lượng truy cập từ Google Tìm kiếm đến trang web như 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ếm nhấp vào trang đối với các cụm từ đó, v.v.

 Xem backlink đến website.

<b>3. Folder và file trên Wordpress:</b>

Website được xây dựng trên nền tảng mã nguồn mở Wordpress. Để vào thư mục của website cần đăng nhập vào Cpanel của hosting, sau đó đến mục File Manager. 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ên kế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ệp WordPress 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ủa Wordpress.

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

<b>4. Xác thực HTML và liên kết:</b>

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.

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

Truy cập vào có các tool để tiến hành kiểm tra.

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

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

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

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

 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ông cần thiết để tăng trải nghiệm người dùng.

<b>VI.Review current web performances/wireframe and e-commerce features:1. Web performances:</b>

<b>a. Bản Desktop:</b>

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

Performance: 63 điểm, nằm ở mức trung bình, cho thấy website cần được cả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ười dùng truy cập trang web cho đến khi hình ảnh hoặc nội dung đầu tiên xuất hiệ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 dung lớ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, cao hơn so với thời gian trung bình mà khách hàng chờ đợi được, dẫn đến khách hàng rời bỏ website, cần cải thiện để trang web có thể hiển thị nội dung nhanh 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ày khá 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 web khi hiển thị nội dung trên màn hình. Thời gian này cũng khá là cao

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

Chỉ số Cumulative Layout Shift là 0, đo lường mức độ chuyển động không mong 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 gian nhất

 Dư thừa CSS, Javascript, DOM

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

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ải thiệ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”

</div>