Assignment Dom203 Kỹ Thuật Phân Tích Tổng Hợp nhóm 5 FPT Polytechnic

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

<b>Mục Lục</b>

Chương I: Tổng Quan Doanh Nghiệp...5

1.1 Giới thiệu doanh nghiệp...5

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

Hình 2. 6 Thuộc tính "type" cho phần tử "style"...10

Hình 2. 7 Thuộc tính "type" là khơng cần thiết đối với tài nguyên JavaScript...10

Hình 2. 8 Lỗi CSS trong W3C...11

Hình 2. 9 Lỗi plugin trong W3C...11

Hình 2. 10 Lỗi theme flatsome trong W3C...11

Hình 2. 11 Lỗi font-weight khơng hợp lệ...11

Hình 2. 12 Lỗi thẻ Style...11

Hình 2. 13 Lỗi phân tích cú pháp...12

Hình 2. 14 Lỗi thẻ center...12

Hình 2. 15 Lỗi phần tử “style”...12

Hình 2. 16 thuộc tính “nitro -lude” khơng được phép trên phần tử “script”...12

Hình 2. 17 Lỗi plugin Woocomerce...12

Hình 2. 18 Tốc độ load trang trên máy tính...13

Hình 2. 19 Tốc độ load trang trên di động...13

Hình 2. 20 Giao diện website yanteatn.com...14

Hình 2. 21 Kích thước website...15

Hình 2. 22 Layout website được chia thành 4 cột...15

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

<b>Phụ Lục Bảng Biểu</b>

Bảng 1. 1 Danh mục sản phẩm...6

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

<b>Chương I: Tổng Quan Doanh Nghiệp</b>

<b>1.1 Giới thiệu doanh nghiệp</b>

Tên thương hiệu: Yantea.tn Logo:

Lý do chọn chủ đề: Hiện nay áo phông, hoodie, quần áo streetwear,…đang là những mẫu thời trang không bao giờ lỗi mốt chủ đề mà nhiều bạn trẻ quan tâm với những mẫu áo thoải mái năng động, áo phông trẻ trung, năng động, phù hợp với nhiều lứa tuổi, chất liệu tốt vừa túi với giá tiền bình dân. Lên sẽ được mọi lứa tuổi ưa chuộng, đặc biệt hơn là những bạn học sinh sinh viên

Website thương hiệu: Mơ hình kinh doanh: B2C

Yanteat.tn là thương hiệu sản xuất và cung cấp quần áo thời trang unisex

<b>1.2 Sản phẩm</b>

Lĩnh vực hoạt động: kinh doanh bán buôn bán lẻ các sản phẩm thời trang unisex USP sản phẩm:

● Chất liệu tốt vừa túi với giá tiền bình dân

● Mẫu mã đa dạng phong phú phù hợp với mọi lứa tuổi Sản phẩm

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

Hành vi: có sở thích và tìm hiểu thời trang Thu nhập: từ 5 triệu trở lên

Nghề nghiệp: học sinh, sinh viên, nhân viên văn phịng, cơng nhân,…

Sở thích: phong cách thời trang unisex, quan tâm đến ngoại hình, thích thể hiện bản thân,…

<b>What: Giá trị sản phẩm đem lại. </b>

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

Sản phẩm Yanteat.tn cung cấp là các sản phẩm quần áo mà cả nam và nữ đều có thể sử dụng được với ưu điểm là đa dạng về kiểu dáng và mẫu mã có giá cả phải chăng. Yanteat.tn có chính sách bảo hành 1 đổi 1 nếu lỗi, hỗ trợ người mua hàng 24/24, freeship cho những đơn hàng > 500k, đóng gói cẩn thận.

<b>Where: Xác định khách hàng ở đâu </b>

Khách hàng sẽ tìm hiểu sản phẩm vào những thời gian dảnh rỗi như vào giờ nghỉ trưa hoặc buổi tối, những ngày nghỉ, ngày lễ. Và đa số sẽ tìm hiểu trên các trang TMĐT, các kênh social, website bán hàng trực tuyến. Khách hàng yêu chuộng thời trang và thường có độ tuổi từ 18 – 30, ở trong các thành phố lớn.

Nắm bắt được những thông tin trên, Yanteat.tn đã phân phối trên website và facebook, quảng cáo trên các kênh social media, chia sẻ các bài viết trên các hội nhóm với khuyến mãi sản phẩm để thu hút khách hàng.

<b>When: Thời điểm tiếp cận khách hàng </b>

Các dịp ngày lễ: Black Friday, Singles day,… các chương trình khuyến mãi lớn kích thích nhu cầu mua hàng.

Cuối năm: vào thời điểm cuối năm nhu cầu mua sắm tăng cao, vì nhu cầu mua sắm phục vụ dịp lễ tết của khách hàng lớn. Cộng them đây là thời điểm để tung ra nhiều chương trình khuyến mãi kích thích mua sắm. Nêm lúc này chính là thời điểm người tiêu dùng dễ đưa ra quyết định mua hàng.

Thời điểm mua hàng trong tháng: đầu thàng và cuối tháng sẽ là sự lựa chọn chủ yếu của người tiêu dùng. Đây là thời gian khách hàng chủ động về tài chính cũng như tính tốn chi tiêu một tháng.

Thời gian mua hàng trong ngày: thường vào giờ nghỉ trưa từ 11h – 14h và 21h-23h, sẽ dễ dàng tiếp cận được khách hàng và đây là giờ nghỉ giải lao, nghỉ ngơi nên khách hàng sử dụng internet nhiều

<b>Why: Lý do khách hàng cần đến sản phẩm. </b>

Vấn đề lý tính: Sản phẩm quần áo thời trang unisex phù hợp với mọi giới tính, chất liệu tốt, thiết kế trẻ trung. Sản phẩm của Yanteatn được thiết kế theo phong cách trẻ trung năng động nhưng cũng không kém phần cá tính để đáp ứng được nhiều khách hàng khác nhau. Tất cả đều được thiết kế, hình thành và phát triển bởi sự nỗ lực, cảm hứng và cá tính của tuổi trẻ. Mọi bước hình thành sản phẩm đều được kiểm định chất lượng vô cùng cẩn trọng và kĩ lưỡng. Mỗi một sản phẩm, doanh nghiệp đều đặt sự trải nghiệm của khách hàng lên hàng đầu.

Vấn đề cản trở khách hàng mua hàng: khách hàng lo lắng mua phải sản phẩm kém chất lượng. Và đặc biệt qua tâm đến giá thành và mẫu mã sản phẩm.

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

<b>How: cách khách hàng mua sản phẩm.</b>

Khách hàng trước khi ra quyết định mua thường tìm hiểu một số thơng tin như giá cả, mẫu mã, chất lượng. Các kênh mà khách hàng thường tìm kiếm thông tin như Google, Facebook, các group hoặc hỏi ý kiến từ người than bạn bè.

Khách hàng được thuyết phục bởi lý do: chất lượng sản phẩm cao, mẫu mã bắt mắt.

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

<b>Chương II: Giới Thiệu Website</b>

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

<i>Hình 2. 2 Cơng cụ Screaming Frog</i>

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

<i>Hình 2. 4 Check W3C</i>

<b><small>Lỗi HTML</small></b>

<i>Hình 2. 5 Lỗi HTML</i>

<small>Lỗi ảnh: có thể tự sửa</small>

<small>Thuộc tính "type" cho phần tử "style" là khơng cần thiết và nên được bỏ qua.</small>

<i>Hình 2. 6 Thuộc tính "type" cho phần tử "style"</i>

<small>Thuộc tính "type" là khơng cần thiết đối với tài ngun JavaScript.</small>

<i>Hình 2. 7 Thuộc tính "type" là không cần thiết đối với tài nguyên JavaScript.</i>

<b><small>Lỗi CSS</small></b>

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

<i>Hình 2. 8 Lỗi CSS trong W3C</i>

<small>Lỗi plugin contact-form7</small>

<i>Hình 2. 9 Lỗi plugin trong W3C</i>

<small>Lỗi theme flatsome</small>

<i>Hình 2. 10 Lỗi theme flatsome trong W3C</i>

<small>“font-weight”: “0” không hợp lệ, chỉ cho phép các giá trị lớn hơn hoặc bằng “1.0”.</small>

<i>Hình 2. 11 Lỗi font-weight khơng hợp lệ</i>

<small>Phần tử “style” không được phép làm con của phần tử “div” trong ngữ cảnh này. (Loại bỏ các lỗi khác từ cây con này.)</small>

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

<small>Phần tử “style” không được phép làm con của phần tử “section” trong trường hợp này. (Loại bỏ các lỗi khác từ cây con này.)</small>

<i>Hình 2. 15 Lỗi phần tử “style”</i>

<small>Tại thời điểm này, thuộc tính “nitro -lude” khơng được phép trên phần tử “script”.</small>

<i>Hình 2. 16 thuộc tính “nitro -lude” khơng được phép trên phần tử “script”</i>

<small>Lỗi Woocomerce:</small>

<i>Hình 2. 17 Lỗi plugin Woocomerce</i>

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

<b>2.2.2 Tốc độ load web</b>

Sử dụng công cụ: Pagespeed Insight để phân tích tốc độ load của website “yanteatn.com” đồng thời đưa ra những hướng giải quyết phù hợp.

<i>Hình 2. 18 Tốc độ load trang trên máy tính </i>

<i>Hình 2. 19 Tốc độ load trang trên di động</i>

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

<b>2.2.3 Giao diện</b>

<i>Hình 2. 20 Giao diện trang chủ website yanteatn.com</i>

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

<i>Hình 2. 21 Kích thước website</i>

<i>Hình 2. 22 Layout website được chia thành 4 cột</i>

Ưu điểm:

• Header được sắp xếp hợp lý, khơng có q nhiều khoảng trống

• Các chức năng được trang bị đầy đủ giúp tăng trải nghiệm khách hàng: tìm kiếm, tài khoản, giỏ hàng, chatbox.

• Hình ảnh sản phẩm sắc nét.

• Menu & danh mục sản phẩm rõ ràng. • Footer chứa Entity (think, person, place). Nhược điểm:

• Multimedia chưa được chú trọng. • Các khối trong blog khơng đều nhau.

• Background màu trắng dễ khiến người dùng bị mỏi mắt.

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

<i>Hình 2. 23 Trang sản phẩm </i>

Ưu điểm:

• Gợi ý sản phẩm tương tự tăng thêm lựa chọn cho khách hàng. • Mơ tả sản phẩm và hướng dẫn sử dụng chi tiết, cụ thể.

• Cập nhật nhiều ảnh sản phẩm đa chiều, rõ nét. • Sản phẩm đã xem hiển thị ở cuối trang.

Nhược điểm:

• Các phần tử trong mục sản phẩm tương tự không đồng đều. • Background màu trắng dễ khiến người dùng bị mỏi mắt

</div>