project deliverable 2 web analysis phân tích và thiết kế web

Quan tâm đến sản phẩm có thiết kế đẹp mắt, hợp thời trang.- Khách hàng sử dụng mạng xã hội thường xuyên: Tiếp cận thông tin và xu hướng trang điểm mới.. Và cách nhìn của họ về các nhãnhi

ĐẠI HỌC KINH TẾ - ĐẠI HỌC ĐÀ NẴNG KHOA THƯƠNG MẠI ĐIỆN TỬ

Đà Nẵng, ngày 16 tháng 03 năm 2024

2

MỤC LỤC

PHẦN 1 Phân tích xu hướng khách hàng và thị trường: 3

1 Khách hàng:

2 Phân khúc tâm lý và hành vi:

2.1 Theo tâm lý: 3

2.2 Theo hành vi: 3

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

PHẦN 2 Phân tích đối thủ cạnh tranh (Analyze competitor):.6 1 Phân tích các thương hiệu cạnh tranh:

2 Phân tích website của các thương hiệu cạnh tranh:

PHẦN 3 Kiến trúc thông tin và luồng người dùng (Information architecture and user flows): 9

1 Cấu trúc web (Web structure):

2 Điều hướng (Navigation flows):

2.1 Trang chủ 10

3 Bản đồ hành trình khách hàng (Customer journey map):

PHẦN 4 Kiểm tra ngữ nghĩa (Semantics check): 11

PHẦN 5 Phân tích thực hiện (Implementation Analysis): 12

1 URL-Naming, Directory, File:

2 Công cụ kiểm tra URL:

3 Cấu trúc folder và file Wordpress:

4 Xác thực HTML:

5 Xác thực liên kết:

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

PHẦN 6 Kiểm tra hiệu suất web hiện tại (Audit current web performances): 19

1 Performance:

2 Accessibility

3 Best Practices:

4 SEO: PHẦN 7 Tài liệu tham khảo 23

PHẦN 1 Phân tích xu hướng khách hàng và thị trường:

- Khu vực sinh sống: các tỉnh thành khắp Việt Nam

2 Phân khúc tâm lý và hành vi:

2.1 Theo tâm lý:

- Khách hàng quan tâm đến làm đẹp: Nhóm khách hàng này có nhu cầu sử dụng sản phẩm trang điểm cao hơn Thường xuyên cập nhật xu hướng trang điểm mới Tham gia các hội nhóm, diễn đàn về làm đẹp

- Khách hàng yêu thích thời trang và xu hướng mới: Thích thử nghiệm phong cách trang điểm mới, theo trend Quan tâm đến sản phẩm có thiết kế đẹp mắt, hợp thời trang

- Khách hàng sử dụng mạng xã hội thường xuyên: Tiếp cận thông tin và xu hướng trang điểm mới Bị ảnh hưởng bởi KOLs, beauty blogger trên mạng xã hội

2.2 Theo hành vi:

- Tần suất mua hàng: Mức độ thường xuyên mua sắm mỹ phẩm thay đổi tùy theo từng cá nhân Một số sản phẩm được mua thường xuyên, ví dụ như kem dưỡng da, son môi, Một số sản phẩm khác chỉ được mua khi có nhu cầu đặc biệt, ví dụ như phấn mắt, mascara,

- Khách hàng thường tìm hiểu kỹ lưỡng trước khi mua mỹ phẩm:

Họ tham khảo các bài đánh giá, nhận xét từ người dùng khác hoặc những người có ảnh hưởng trong ngành làm đẹp

- Lòng trung thành với thương hiệu: Nhiều khách hàng có lòng trung thành cao với các thương hiệu mỹ phẩm quen thuộc Họ thường e dè khi thử nghiệm sản phẩm hoặc thương hiệu mới

Lý do cho sự trung thành này xuất phát từ chất lượng sản phẩm, giá cả hợp lý, hoặc trải nghiệm mua sắm tốt

sự phát triển mạnh mẽ của ngành thẩm mỹ tại Việt Nam trongnhững năm gần đây Tuy nhiên, cạnh tranh trong sự nghiệp này cũngngày càng trở nên khốc liệt

Đồng thời, các doanh nghiệp Việt Nam cũng đang phải chịu sựcạnh tranh đáng kể từ các thương hiệu mỹ phẩm nổi tiếng trên toànthế giới, đặc biệt là các thương hiệu đến từ Hàn Quốc và Nhật Bản Trên thị trường mỹ phẩm Việt Nam, có nhiều thương hiệu quốc tếlớn như L’Oreal, Maybelline, Shiseido, Lancome, The Body Shop,Clinique, Estee Lauder, SK-II và nhiều thương hiệu mỹ phẩm ViệtNam nổi tiếng như Sáng Tạo, Oriflame, Mộc Diệp, White Doctors,Senka và POND’S

Trong những năm trở lại đây, ngoại hình ngày một trở nên quantrọng đối với người Việt Nam, đặc biệt là phái nữ Việc trang điểm trởnên cần thiết hơn, và rất nhiều phụ nữ Việt trang điểm hằng ngày.Vậy họ trang điểm như thế nào? Và cách nhìn của họ về các nhãnhiệu sản phẩm trang điểm ra sao?

Công ty Nghiên cứu Thị trường Asia Plus với ứng dụng nghiêncứu~Q&Me~vừa thực hiện khảo sát hành vi tiêu dùng của người ViệtNam liên quan tới trang điểm, bao gồm thông tin về nhãn hiệu, hành

vi tiêu dùng, và những yếu tố ảnh hưởng Đối tượng nghiên cứu baogồm 360 đáp viên nữ trong độ tuổi 20 – 44 trên toàn quốc

75% các đáp viên trả lời rằng họ có trang điểm Trong đó có 30%trang điểm hằng ngày, 9 trên 10 người sở hữu son môi, thời giantrang điểm phổ biến nhất là từ 6 đến 10 phút, và những đáp viêntrên 30 tuổi trang điểm thường xuyên hơn số còn lại

Những thông tin sau đây được khảo sát trên số lượng các đápviên lựa chọn có trang điểm.44% chi ra ít hơn 200,000 đồng cho sảnphẩm trang điểm mỗi tháng, và số tiền chi ra cho mỹ phẩm tăng dầntheo số tuổi Địa điểm mua sắm mỹ phẩm được ưa chuộng nhất làsiêu thị Tuy nhiên hơn phân nửa các đáp viên đã từng mua hàngonline.

PHẦN 2 Phân tích đối thủ cạnh tranh (Analyze competitor):

1 Phân tích các thương hiệu cạnh tranh:

- Nổi tiếng trong lĩnh vực

- Cạnh tranh gay gắt từ các thương hiệu cao cấp khác

- Nổi tiếng trong giới nghệ

sĩ trang điểm

và người nổi tiếng

- Cạnh tranh gay gắt từ các thương hiệu cao cấp khác

- Giá thành cao có thể khiến một số khách hàng edè

- Nhu cầu sử dụng sản phẩm giá cả phải chăng vẫn còn cao

- Cạnh tranh gay gắt từ các thương hiệu bình dânkhác

- Khó khăn trong việc tạo

ra sự khác biệt

- Cạnh tranh gay gắt từ các thương

chất lượng

cao

cao cấp ngày càng tăng

hiệu sơn móng tay caocấp khác

- Giá thành cao có thể khiến một số khách hàng edè

- Nhu cầu sử dụng sản phẩm trang điểm theophong cách Hàn Quốc ngày càng tăng

- Thị trường mỹ phẩm Hàn Quốcđang rất cạnh tranh

2 Phân tích website của các thương hiệu cạnh tranh:

- Tất cả các thương hiệu đều có trang web cung cấp một loạt cácsản phẩm và thương hiệu khác nhau để đáp ứng nhu cầu đadạng của khách hàng Họ thường cập nhật các sản phẩm mớinhất và được ưa chuộng nhất trên thị trường để thu hút sựquan tâm của khách hàng

- Hầu hết các trang web đều cung cấp dịch vụ giao hàng tận nơi

để giúp tiết kiệm thời gian và chi phí cho khách hàng Nhiềutrang web còn cung cấp dịch vụ giao hàng miễn phí khi đơnhàng đạt một ngưỡng giá nhất định

- Các thương hiệu cạnh tranh với nhau bằng cách áp dụng cácchiến lược quảng cáo và marketing hiệu quả nhất để thu hútkhách hàng Họ sử dụng các kênh quảng cáo trực tuyến nhưGoogle Adwords, Facebook Ads hoặc các nền tảng truyền thông

xã hội khác để quảng bá sản phẩm và mở rộng cơ sở kháchhàng

- Các trang web của các đối thủ thường tập trung vào việc cungcấp các sản phẩm chất lượng cao để đảm bảo sự hài lòng củakhách hàng Họ thường có chính sách đổi trả sản phẩm nếukhách hàng không hài lòng

- Họ thường cạnh tranh về mặt giá cả để thu hút khách hàng.Hầu hết các trang web đều có các chương trình giảm giá,khuyến mãi và ưu đãi để khách hàng có thể mua sản phẩm vớigiá tốt nhất có thể

- Các thương hiệu thường cung cấp thông tin chi tiết về sảnphẩm, bao gồm hình ảnh, mô tả và đánh giá từ các khách hàngkhác Điều này giúp người mua có thể lựa chọn sản phẩm phùhợp nhất với nhu cầu của họ

- Họ cung cấp các tiện ích và tối ưu hóa trải nghiệm mua hàng:phần lớn cung cấp các công cụ hữu ích như công cụ tìm kiếm,

bộ lọc sản phẩm và chức năng so sánh sản phẩm Nhiều trangweb còn có tính năng đánh giá sản phẩm, giúp khách hàng cócái nhìn tổng quan về chất lượng sản phẩm trước khi quyếtđịnh mua hàng

PHẦN 3 Kiến trúc thông tin và luồng người dùng (Information architecture and user flows):

1 Cấu trúc web (Web structure):

- Để tối ưu sự thuận tiện cho người dùng trong việc cập nhật và tìm kiếm thông tin, nhóm quyết định áp dụng một cấu trúc

dạng phân cấp, trong đó nội dung được tổ chức theo một cấu trúc cây Trang chủ sẽ là thư mục chính, từ đó liên kết đến các danh mục và danh mục con khác nhau.

- B2: Tạo cấu trúc URL phù hợp

+ domain.com/ danh-muc-chinh/ danh-muc-con hoặc

domain.com/danh-muccon

2 Điều hướng (Navigation flows):

- Sơ đồ miêu tả chi tiết khách hàng truy cập vào trang web:

2.1 Trang chủ

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

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

● Nhập thông tin đăng nhập

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

● Nhập thông tin đăng ký tài khoản

➔ 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

2.1.4 Thanh toán

➔ Chọn phương thức thanh toán: Thanh toán bằng thẻ hoặc COD

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

3 Bản đồ hành trình khách hàng (Customer journey map):

- Link customer journey map:

https://drive.google.com/file/d/1N4ch4q6S-JaGRa_9GMK2LtazRDjeUgv6/view?usp=sharing

PHẦN 4 Kiểm tra ngữ nghĩa (Semantics check):

- Check for false navigational cues:

+ Website cung cấp các liên kết chính xác Khi bấm vào logonhãn hiệu sẽ dẫn người người dùng đến trang chủ củawebsite, các liên kết khác dẫn đến nội dụng cụ thể mà họquan tâm

+ Thanh menu được sắp xếp hợp lý, từ trang chủ đến thông tinsản phẩm, hướng dẫn trang điểm… Khi nhấp vào mục nàotrong thanh menu, người dùng sẽ được dẫn đến nội dungtương ứng một cách chính xác.

+ Cung cấp các gợi ý về sản phẩm liên quan hoặc thông tinliên quan để hỗ trợ khách hàng

- Check for context cues:

+ Website có tên miền, logo là tên nhãn hiệu phù hợp với mụcđích website

+ Các thông tin cơ bản và các liên kết đến mạng xã hội, trangbán hàng khác sẽ được đặt ở cuối mỗi trang Sự thống nhấttrong việc đặt thông tin và liên kết giúp duy trì trải nghiệmtốt nhất cho người dùng và làm cho việc tìm kiếm thông tintrở nên dễ dàng hơn

+ Ở mỗi trang con của website sẽ đặt các nút CTA thích hợpqua việc nghiên cứu những vấn đề mà khách hàng gặp phảikhi xem các nội dung trên trang đó

- Check graphical/symbolic meanings:

+ Nút add sản phẩm vào giỏ hàng, nút mua

+ Website sử dụng các biểu tượng đơn giản, dễ nhận diện trêntất cả các nút CTA Các đồ họa khác cũng được đơn giản hóavới tông màu chủ đạo Từ đó hướng người dùng tập trungvào hình ảnh sản phẩm, các thông tin mà website cung cấp

PHẦN 5 Phân tích thực hiện (Implementation Analysis):

1 URL-Naming, Directory, File:

- URL (Uniform Resource Locator) là một chuỗi các ký tự được sửdụng để định vị một tài nguyên trên mạng Internet

- Cấu trúc chung của URL bao gồm các thành phần sau:

+ Giao thức: là cách mà trình duyệt web sẽ truy cập và tươngtác với máy chủ web để lấy thông tin Ví dụ: http, https, ftp,etc

 Trong việc xây dựng một trang web thương mại điện tử,

sử dụng giao thức HTTPS để đảm bảo an toàn cho ngườidù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

 Bên cạnh đó, việc sử dụng HTTPS còn giúp tăng tính tincậy và uy tín của website trong mắt khách hàng Trongmộ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ủamình

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

● Dự án chọ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ăngcài đặt SSL miễn phí thông qua chứng chỉ của Let’sEncrypt, được tích hợp sẵn vào cPanel Với chứng chỉ SSLmiễn phí, website của dự án sẽ bảo mật khi người dùngtruy cập, và không bị đánh giá là Không an toàn khi truycập trên trình duyệt

 Bật SLL: Đăng nhập vào cPanel, chọn mục SSL/TLS Status

và ấn nút Run AutoSSl ở phía trên

+ Tên miền: Tên miền là địa chỉ duy nhất của một trang webtrên internet, ví dụ: google.com, wikipedia.org, etc

 Second-level domain: được coi như là tên của website màngười dùng đặt cho nó

 Second-level domain của nhà cung cấp CMS để tạowebsite: Nếu sử dụng một CMS miễn phí nhưWordPress.com hoặc Blogger.com, thì tên miền của nhàcung cấp sẽ thêm vào địa chỉ website, ví dụ như

yourwebsite.blogspot.com

 Tên miền này tuy miễn phí nhưng không chuyên nghiệp:Tên miền miễn phí thường có dạngtenmiendacapcuanhacungcap.com, không chỉ làm chowebsite không chuyên nghiệp mà còn khiến người dùngnghi ngờ về tính an toàn và đáng tin cậy của trang web

 Second-level domain riêng: Sử dụng tên miền riêng bằngcách mua từ các nhà cung cấp tên miền như GoDaddy,

Namecheap, TenTen, Sau đó, kết nối tên miền với CMSbằng cách cập nhật thông tin DNS (Domain NameSystem) trong trang quản trị của CMS Khi đó, địa chỉwebsite sẽ trở thành yourwebsite.com hoặc tên miềnkhác mà bạn đã mua

 Top-level domain (hay còn được gọi đuôi tên miền) chỉđịnh loại miền mà bạn đã đăng ký

 Một số đuôi tên miền sử dụng phổ biến trên trang weblà: com, biz, shop, Site

 Dự án sử dụng Second-level domain riêng với đuôi tên miền là com.

 Sử dụng second-level domain riêng giúp tăng độ nhậndiện thương hiệu, tăng tính chuyên nghiệp và giúp kháchhàng dễ nhớ

+ Đường dẫn tới tài nguyên: Đường dẫn tới tài nguyên cụ thểtrên một trang web, bao gồm các thư mục và tên tập tin

2 Công cụ kiểm tra URL:

- Sử dụng công cụ Search Console của Google: Search Consolecung cấp thông tin về việc Google lập chỉ mục một trang web

cụ thể Những thông tin nó hiển thị bao gồm: lỗi AMP, lỗi dữliệu có cấu trúc và các vấn đề lập chỉ mục khác

3 Cấu trúc folder và file Wordpress:

- Website được xây dựng trên mã nguồn mở WordPress thường

sử dụng các theme và plugin để thiết kế và bổ sung chức năng.Dưới đây là cấu trúc thư mục và file quan trọng cần lưu ý khixây dựng website trên WordPress:

- Folder:

+ Folder gốc (root directory): Đây là thư mục chứa tất cả cáctệp tin và thư mục của WordPress Thư mục này thườngđược đặt trong thư mục gốc của máy chủ web.

+ wp-admin: Đây là nơi chứa các file liên quan đến giao diệnquản trị viên WordPress bao gồm các trang quản lý bài đăng,trang quản lý tài khoản người dùng, cấu hình

+ wp-content: Đây là nơi chứa tất cả các tệp tin và thư mục liênquan đến nội dung của trang web WordPress, bao gồm theme,plugin, tệp tin tải lên và media

+ wp-includes: Đây là nơi chứa các file cốt lõi của WordPress, baogồm các hàm và thư viện PHP

- File:

+ wp-login.php: Tệp tin này là trang đăng nhập của WordPress

và được sử dụng để truy cập vào hệ thống quản trịWordPress

+ WordPress sử dụng một số tệp tin cấu hình để quản lý vàđiều hướng trang web, bao gồm wp-activate.php, wp-config.php, htaccess, và robots.txt

+ index.php: Tệp tin chính của WordPress, xử lý tất cả các yêucầu đến trang web

- 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: Cung cấp đầy đủ các tính năng cần thiếtcho một website bao gồm: 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ứcvận chuyển

+ Yoast SEO: Nó giúp bạn tối ưu hóa công cụ tìm kiếm (SEO)cho các trang web được xây dựng trên nền tảng WordPress

và cải thiện thứ hạng của trang web trên bảng xếp hạng tìmkiếm

4 Xác thực HTML:

- Sử dụng công cụ W3C Validator để xác thực HTML Đây là mộtcông cụ trực tuyến miễn phí giúp bạn kiểm tra và xác thực mãHTML của trang web., đượ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ảilê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, chobiết các lỗi và cảnh báo liên quan đến mã HTML

- Cần check kỹ và sửa các lỗi trước khi đưa trang web vào hoạtđộng