3.2. Phân tích hệ thống
3.2.2. Layout và các giao diện trang chính
12/12 (lời chào) 2/12
logo 6/12
Menu 1/12
tìm kiếm
2/12 (tài khoản)
1/12 (Giỏ hàng ) 12/12
banner
2/12 4/12
về doanh nghiệp 4/12
Ảnh minh họa 2/12
khoảng trắng
5/12 2/12
danh mục
5/12
4/12
Giường 4/12
Bàn ghế ăn 4/12
Bàn làm việc 12/12
Tủ bếp 3/12
Sản phẩm
3/12 Sản phẩm
3/12 Sản phẩm
3/12 Sản phẩm 2/12
Giường Sản phẩm3/12 3/12
Sản phẩm 3/12
Sản phẩm 3/12
Sản phẩm 2/12
Tủ quần áo 3/12
Sản phẩm 3/12
Sản phẩm 3/12
Sản phẩm 3/12
Sản phẩm 12/12
Lý do khách hàng chọn Home Furniture 1/12
Khoảng trắng
3/12 đánh giá của kh
3/12 đánh giá của kh
3/12 đánh giá của kh
2/12 khoảng trắng 12/12
Danh mục bài viết 1/12
Khoảng trắng
3/12
Bài viết 3/12
Bài viết 3/12
Bài viết 2/12
khoảng trắng Footer
3.2.2.2. Sản phẩm:
12/12 lời chào 2/12
logo
6/12 menu
1/12 Tìm kiế m
2/12 tài khoả n
1/12 Giỏ hàn g 4/12
Tên danh mục 4/12
khoảng trắng 4/12
lọc sản phẩm 3/12
Tên danh mục sp 3/12
Sản phẩm 3/12
Sản phẩm 3/12
Sản phẩm 3/12
bàn ghế ăn 3/12
bàn ghế sofa 3/12 bàn làm việc 3/12
Giường 3/12
Sản phẩm 3/12
Sản phẩm 3/12
Sản phẩm 3/12
Tủ bếp 3/12 Tủ quần áo 3/12 Lọc theo giá
Footer
3.2.2.3. Tin tức:
12/12 lời chào 2/12
logo 6/12
menu 1/12
Tìm kiế m
2/12 tài khoả n
1/12 Giỏ hàn g 9/12
Bài viết 3/12
bình luận gần nhất 9/12
Bài viết
3/12 hagtag 9/12
Bài viết
3/12 chuyên mục 9/12
Bài viết 3/12
lưu trữ footer
3.2.2.4. Tuyển dụng:
12/12 lời chào 2/12
logo 6/12
menu 1/12
Tìm kiế
2/12 tài khoả
1/12 Giỏ hàn
m n g 12/12
Bài viết tuyển dụng footer 3.2.2.5. Chính sách:
12/12 lời chào 2/12
logo 6/12
menu 1/12
Tìm kiế m
2/12 tài khoả n
1/12 Giỏ hàn g 9/12
Bài viết 3/12
bình luận gần nhất 9/12
Bài viết 3/12
hagtag 9/12
Bài viết 3/12
chuyên mục 9/12
Bài viết 3/12
lưu trữ footer
3.2.2.6. Liên hệ:
12/12 lời chào 2/12
logo
6/12 menu
1/12 Tìm kiế m
2/12 tài khoả n
1/12 Giỏ hàn g banner
4/12 Địa chỉ
4/12 Hotline
4/12 Email 12/12
google map Footer
3.2.3 Sơ đồ site map:
- Khai báo bằng robots.txt (sử dụng rank marh để chỉnh sửa file)
Các tầng Các khối
Tầng 1: Homepage (Trang chủ) Các page quan trọng (Liên hệ, theo dõi, đơn hàng)
Tầng 2: Page, Categories, Tin tức, Giới thiệu)
Thương mại điện tử (Từng danh mục sản phẩm)
Tầng 3: Post, Product ( Chi tiết 1 sản phẩm cụ thể)
Blog (Tin tức)
- Sự phân cấp trang Sitemap
+ Mức độ ưu tiên cao nhất: Trang chủ + Mức độ ưu tiên thứ 2: gồm 2 khối quan trọng
- Thông tin quan trọng: Gồm các trang thuộc các page quan trọng của “Paraworlds” gồm:
+ Sản phẩm + Tin tức + Tuyển dụng + Chính sách + Liên hệ - FAQ
+ Các trang này cung cấp đầy đủ thông tin chi tiết và cần thiết cho KH khi mua các sản phẩm tại “Paraworlds” cũng như những điều khoản. Nhằm nâng cao mức độ uy tín, chất lượng trong mắt KH.
Khối thương mại điện tử: Các trang danh mục sản phẩm nằm trong khối này:
Homepage Trang chủ https://homefnt.com/
Page quan trọng Sản phẩm https://homefnt.com/shop/
Tin tức https://homefnt.com/tin-tuc/
Tuyển dụng https://homefnt.com/tuyen-dung/
Chính sách https://homefnt.com/chinh-sach/
Liên hệ https://homefnt.com/lien-he/
Pillar page Category https://homefnt.com/ban-ghe-sofa/
Category https://homefnt.com/tu-bep/
Category https://homefnt.com/giuong/
Category https://homefnt.com/ban-ghe-an/
Category https://homefnt.com/tu-quan-ao/
Category https://homefnt.com/ban-lam-viec/
Subpage Post https://homefnt.com/tips-chon-sofa-giuong-gap- gon-thong-minh-2022/
Post https://homefnt.com/tam-quan-trong-cua-giuong- ngu-do-voi-giac-ngu-cua-ban/
Post https://homefnt.com/tim-hieu-cac-chat-lieu-de- tao-ra-bo-ban-ghe-an-duoc-uu-chuong-nhat-hien-
nay/
Products https://homefnt.com/tu-bep-acrylic-bong-guong- cao-cap/
Products https://homefnt.com/giuong-ngu-den-led-thong- minh/
Products https://homefnt.com/tu-quan-ao-van-go-dep/
3.2.4. Tối ưu UI/UX
· Tối ưu UI
- Website được thiết kế đơn giản, bố cục chia ra rõ ràng từng mục nhằm giúp khách hàng có thể dễ dàng tìm kiếm sản phẩm trên website - Sản phẩm được bán trên
website đều có đầy đủ thông tin chi tiết về giá cả và hình ảnh - Sử dụng khoảng cách giữa
các thành phần
Tối ưu UX:
- Sử dụng các khoảng trắng - Tốc độ tải trang + Trên máy tính:
+ Trên điện thoại:
- Nút CTA có ngôn ngữ tiếng Việt
- Đặt những tiêu đề hấp dẫn dựa theo nghiên cứu từ khóa và nhu cầu tìm kiếm khiến người dùng
- Rút ngắn bước mua hàng (SP nổi bật ở trang chủ, các nút xem nhanh)
- Dễ dàng tìm kiếm trên website
- Tích hợp bộ lọc, so sánh sản phẩm
- TOC – Mục lục
- Breadcrumbs cung cấp cho Google một cách khái quát để nhanh chóng hiểu cấu trúc tổng thể của website.
- Rút ngắn trường thông tin mua hàng: tên, địa chỉ, số điện thoại
- Các tiện ích Internet (zalo, messenger, map) Công dụng:
+ Với tiện ích này chúng em có thể tương tác và giải đáp cho khách hàng một cách thuận tiện.
+ Điều hướng khách hàng đến fanpage nhằm tăng lượt tiếp cận đến những khách hàng tiềm năng.
- Tích hợp nhiều phương thức thanh toán:
+ Công dụng: Giúp khách hàng lựa chọn được nhiều hình thức thanh toán phù hợp với cá nhân khi muốn thanh toán đơn hàng trên website của thương hiệu.