Trong những năm gần đây, cùng với sự nâng cao của chất lượng cuộc sống con người, nhu cầu mua sắm trang phục, phụ kiện, đặc biệt là quần áo càng được đề cao và coi trọng. Giờ đây, chúng ta không chỉ coi quần áo là đồ để mặc bình thường mà còn được coi là công cụ để thể hiện cá tính và phong cách thời trang của bản thân. Nhằm đáp ứng nhu cầu của mọi thành phần trong xã hội, lượng quần áo đã được đưa vào thị trường Việt Nam ngày càng phong phú và đa dạng về chủng loại và chất lượng. Gần đây, việc cập nhật các thông tin cũng như thực hiện các giao dịch
Trang 41 GIỚI THIỆU
- Trong những năm gần đây, cùng với sự nâng cao của chất lượng cuộc sống con người, nhu cầu mua sắm trang phục, phụ kiện, đặc biệt là quần áo càng được đề cao và coi trọng Giờ đây, chúng ta không chỉ coi quần áo là đồ để mặc bình thường mà còn được coi là công cụ để thể hiện cá tính và phong cách thời trang của bản thân Nhằm đáp ứng nhu cầu của mọi thành phần trong xã hội, lượng quần áo đã được đưa vào thị trường Việt Nam ngày càng phong phú và đa dạng về chủng loại và chất lượng - Gần đây, việc cập nhật các thông tin cũng như thực hiện các giao dịch
thông qua Website ngày càng trở nên phổ biến Và một loại hình kinnh doanh hiện nay khá phổ biến đó là buôn bán qua mạng Hình thức kinh doanh này mang lại rất nhiều lợi ích cho người tiêu dùng cũng như nhà cung cấp Phần lớn khách hàng có nhu cầu mua hàng thì phải đến siêu thị các cửa hàng hay trung tâm thương mại để lựa chọn những mặt hàng phù hợp với nhu cầu của mình Công việc này tốn kém nhiều thời gian và chi phí đi lại cho người tiêu dùng đôi khi khách hàng còn bị mua phải mặt hàng kém chất lượng Tất cả những bất cập đó sẽ được loại bỏ với sự ra đời của website bán hàng trực tuyến Khi khách hàng có nhu cầu mua hàng, dù ở nhà hay công sở hay bất cứ nơi nào có mạng internet khách hàng chỉ cần vào những trang bán hàng qua mạng là có thể tìm kiếm được những mặt hàng mà mình muốn mua Ngoài những lợi ích mà
Trang 5internet mang lại cho người tiêu dùng nó còn giúp cho nhà cung cấp phát triển rất nhiều trong việc mở rộng thị trường, giúp thương hiệu công ty được nhiều người biết đến từ đó giảm nhiều chi phí quảng cáo.
- Nhận thấy tầm quan trọng, tính thiết yếu của việc xây dựng và triển khai dự án cung cấp sản phẩm quần áo trên thị trường, chúng em đã quyết định chọn đề tài: “Xây dựng website bán quần áo Lucky shop” để tìm hiểu , nghiên cứu.
● Mục đích :
Muốn làm rõ việc kinh doanh dành cho quần áo, cũng như những khó khăn và thiếu xót trong quá trình phát triển kinh doanh loại sản phẩm này Qua đó, đẩy mạnh, phát triển những ưu điểm, đồng thời tìm cách khắc phục, hạn chế những khuyết điểm để giúp dự án thành công, mang lại lợi nhuận cho nhóm và nhà đầu tư.
● Phạm vị:
Xây dựng website TMĐT dựa trên nền tảng wordpress Mặt hàng trên website: quần áo dành cho nam và nữ
2 PHÂN TÍCH HỆ THỐNG
2.1 Yêu cầu hệ thống
Sau khi khảo sát hiện trạng các website bán quần áo trong nước, chúng em thu được các thông tin sau:
- Quản lý sản phẩm: Mỗi khách hàng có quyền nhập, sửa, xóa và tìm kiếm thông tin về các sản phẩm, bao gồm tên, mô tả, giả cả, hình ảnh, số lượng hàng tồn kho, danh mục và lọc sản phẩm.
- Giỏ hàng: Mỗi khách hàng có quyền thêm sản phẩm vào giỏ hàng, xem giỏ hàng bao gồm hình ảnh, tên sản phẩm, số lượng, giá, tổng
Trang 6- Thanh toán: Mỗi khách hàng có quyền chọn thanh toán khi nhận hàng hay là thanh toán trực tuyến qua thẻ tín dụng or ví điện tử.
- Khuyến mại và giảm giá: Mỗi khách hàng có quyền quản lý các thông tin sau: sản phẩm được giảm giá, ngày giảm giá, sản phẩm được khuyến mại bao gồm hình ảnh, số lượng, giảm giá bao nhiêu %, ngày hết hạn, thời lượng giảm giá.
- Quản lý đơn hàng: Nhân viên có quyền ghi nhận các đơn hàng mới, xem, sửa đổi, xóa các đơn hàng đã có bao gồm mã đơn hàng, thông tin khách hàng, sản phẩm, số lượng, giá, phương thức thanh toán, trạng thái đơn hàng.
- Quản lý khách hàng: Khách hàng được quyền quản lý các thông tin sau: Họ và tên, ngày sinh, email, địa chỉ, số điện thoại, tên đăng nhập, mật khẩu.
- Quản lý nhân viên: Nhân viên có quyền quản lý các thông tin sau: Họ và tên, ngày sinh, email, địa chỉ, số điện thoại, lịch làm việc, giờ làm việc, ngày bắt đầu, ngày kết thúc, tên đăng nhập, mật khẩu.
- Hỗ trợ khách hàng: Mỗi khách hàng có quyền gửi mail , chat cho shop để hỏi thông tin sản phẩm như thế nào, cũng như để biết rõ hơn về sản phẩm
- Quản lý chức năng yêu thích: Khách hàng có quyền tạo danh sách yêu thích, thêm và xóa mục yêu thích và xem mục yêu thích bao gồm thông tin, hình ảnh, mô tả và giá
- Thông kê và báo cáo: Nhân viên có quyền quản lí các thông tin về số lượng sản phẩm bán ra, số lượng khách hàng mua hàng, sản phẩm bán chạy, đơn hàng đã đặt.
Trang 7- Chức năng tìm kiếm và lọc sản phẩm: Mỗi khách hàng có quyền quản lí các thông tin về từ khóa tìm kiếm, tên sản phẩm, mã sản phẩm , mô tả sản phẩm, lọc sản phẩm theo danh mục hay là sản phẩm cụ thể - Đánh giá và nhận xét: Mỗi khách hàng có quyền bình luận và nhận xét
sản phẩm thông qua hình ảnh, thuộc tính
Từ quy trình trên, ta nhận thấy rằng hệ thống được xây dựng chủ yếu phục vụ cho hai đối tượng:
Khách hàng: là người có nhu cầu mua sắm hàng hóa Khác so với việc mua hàng trực tiếp tại cửa hàng, khách hàng phải tự hoàn toàn tự thao tác thông qua từng bước cụ thể trên website để có thể mua được hàng Các mặt hàng được sắp xếp và phân loại mặt hàng giúp cho khách hàng dễ dàng tìm kiếm Khách hàng chỉ cần chọn một mặt hàng nào đó từ danh mục các mặt hàng thì những thông tin mặt hàng nào đó sẽ hiện thị lên màn hình như: hình ảnh, giá, mô tả, kích cỡ,….và bên cạnh đó liên kết để thêm hàng hóa vào giỏ hàng.
Khi khách hàng muốn đặt hàng thì hệ thống hiển thị trang xác lập đơn đặt hàng cùng với thông tin khách hàng và hàng hóa Cuối cùng là do khách hàng tùy chọn đặt hàng hay không?.
Người bán: là người làm chủ hệ thống, có quyền quyển soát mọi hoạt động của hệ thống Nhà quản lý được cấp một username và password để đăng nhập vào hệ thống thực hiện các chức năng của mình.
2.2 Đặc tả yêu cầu hệ thống
Đây là một website bán và giới thiệu sản phẩm quần áo kèm phụ kiện của cửa hàng, công ty đến người dùng với các chi tiết mặt hàng với giá cả chính xác được cập nhật và hiển thị trên website.
Trang 8Yêu cầu đặt ra của hệ thống website
*Phần khách hàng
Khách hàng là những người có nhu cầu mua hàng, họ sẽ tìm kiếm những mặt hàng cần thiết từ hệ thống và đặt mua những mặt hàng này Vì thế phải có chức năng sau:
- Hiện thị danh sách sản phẩm với thông tin chi tiết như hình ảnh, giá cả, mô tả và kích cỡ….
- Cho phép khách hàng xem chi tiết sản phẩm.
- Cho phép người dùng thêm vào giỏ hàng để tiếp tục mua sắm hoặc thanh toán sau này, hiển thị thông tin về sản phẩm đã được thêm vào giỏ hàng, bao gồm hình ảnh, tên, giá, số lượng.
- Hỗ trợ tìm kiếm và lọc sản phẩm theo danh mục, màu sắc, kích cỡ và giá cả, thương hiệu,…
- Hiển thị sản phẩm liên quan và gợi ý dựa trên lịch sử tìm kiếm, sở thích và hành vi mua sắm của khách hàng để tăng khả năng tìm thấy sản phẩm phù hợp.
- Thông báo tình trạng hàng bao gồm số lượng có sẵn trong kho, thông báo nếu sản phẩm đã hết hàng.
- Chia sẻ sản phẩm qua mạng xã hội hoặc các phương tiện khác để người dùng có thể chia sẻ sản phẩm với bạn bè và gia đình.
- Hiển thị thông tin chi tiết về các sản phẩm đã được thêm vào giỏ hàng như hình ảnh, tên sản phẩm, số lượng, giá cả.
- Cho phép khách hàng thay đổi số lượng, size sản phẩm trong giỏ hàng bằng cách cập nhập lại hoặc sử dụng các nút tăng giảm.
- Tùy chọn sản phẩm khỏi giỏ hàng nếu khách hàng muốn loại bỏ sản phẩm đó
Trang 9- Cho phép khách hàng thanh toán qua thẻ tín dụng, ví điện tử và COD - Cho phép khách hàng hoặc người bán hủy bỏ một đơn hàng đã được
đặt trước khi đơn hàng đạt đến trạng thái giao hàng hoặc hoàn thành - Hiện thị danh sách đơn hàng theo trạng thái như chưa xử lý, đang xử
lý, đã gửi, đã hoàn thành, cung cấp thông tin cơ bản về từng đơn hàng, tên khách hàng, địa chỉ…
- Cho phép khách hàng đánh giá sản phẩm bằng cách chọn số sao hoặc điểm đánh giá, hiển thị điểm đánh giá trung bình của sản phẩm để khách hàng có cái nhìn tổng quát về chất lượng và đánh giá của người dùng khác.
- Cho phép khách hàng viết nhận xét và bình luận về sản phẩm, chia sẻ trải nghiệm sử dụng và ý kiến cá nhân, hiển thị các nhận xét và bình luận của khách hàng để người dùng tham khảo trước khi mua.
- Cho phép khách hàng đánh giá sản phẩm theo tiêu chí như chất lượng, size, màu sắc chi tiết và cụ thể.
- Cung cấp mã giảm giá hoặc phiếu quà tặng vào quá trình thanh toán và được giảm giá hoặc nhận quà tặng phù hợp, quản lý mã giảm giá bao gồm quản lý số lượng, thời gian sử dụng và điều kiện áp dụng.
- Cho phép đưa ra giá bán hàng giảm trực tiếp trên sản phẩm hoặc danh mục sản phẩm, quản lý giá bán hàng giảm theo thời gian, số lượng hoặc các điều kiện khác.
- Tạo ra các chương trình khuyến mại đặc biệt như mua một tặng một….hỗ trợ chương trình bao gồm điều kiện áp dụng, thời gian diễn ra, sản phẩm được áp dụng và quyền hạn khách hàng
- Xây dựng hệ thống điểm thưởng để khuyến khích khách hàng mua hàng và tích lũy điểm, quản lý và theo dõi điểm thưởng của khách
Trang 10- Gửi thông báo về các chương trình khuyến mại và giảm giá cho khách hàng qua email, tin nhắn hoặc thông báo trực tiếp trên giao diện người dùng, tạo và quản lý các thông báo khuyến mại theo nhóm khách hàng hoặc cá nhân hóa.
- Cung cấp chat trực tuyến hoặc hộp thoại trực tuyến để khách hàng có thể gửi câu hỏi và nhận câu trả lời nhanh chóng từ nhân viên hỗ trợ, tích hợp chat bot đêr trả lời các câu hỏi thường gặp và cung cấp hướng dẫn cơ bản cho khách hàng.
- Cung cấp số điện thoại và email để khách hàng có thể liên hệ trực tiếp với nhân viên hỗ trợ, đảm bảo thời gian phản hồi nhanh chóng và chất lượng dịch vụ.
- Theo dõi và phản hồi các yêu cầu hỗ trợ từ khách trên các nền tảng mạng xã hội như Facbook, Instagram, Tiktok.
*Phần dành cho người quản trị
Người làm chủ ứng dụng có quyền kiểm soát mọi hoạt động của hệ thống người này được cấp user và password để đăng nhập hệ thống thực hiện chức năng của mình:
- Cập nhật sửa xóa các mặt hàng loại hàng, nhà sản xuất tin tức - Cho phép người bán cập nhật trạng thái đơn hàng như chưa xử lý,
đang xử lý, đã gửi, đã hoàn thành, cung cấp ghi chú hoặc hệ thống nhật ký để ghi lại các hoạt động liên quan đến đơn hàng.
- Cho phép người quản trị lưu trữ thông tin cá nhân của khách hàng như tên, địa chỉ, số điện thoại,….
- Ghi lại lịch sử mua hàng của khách hàng bao gồm thông tin về đơn hàng, sản phẩm đã mua, số lượng,…
Trang 11- Hỗ trợ tạo và quản lý danh sách khách hàng để phân loại và nhắm mục tiêu khách hàng 1 cách hiệu quả, gửi thông báo và tiếp thị đến danh sách khách hàng cụ thể.
- Cho phép lưu trữ thông tin của nhân viên như tên, địa chỉ, số điện thoại, email, vị trí công việc, bộ phận và quyền hạn nhân viên - Ghi lại thông tin về lịch làm việc của nhân viên, quản lý và theo dõi
thời gian làm việc, ngày nghỉ và các sự kiện liên quan đến lịch làm việc của nhân viên.
- Tổng quan bán hàng hiển thị số lượng sản phẩm đã bán và doanh thu tổng cộng trong thời gian cụ thể, thông tin số lượng đơn hàng đã xử lý, số khách hàng mới, số khách hàng trung thành….
- Thống kê sản phẩm hiển thị danh sách sản phẩm bán chạy nhất dựa trên số lượng bán hàng và doanh thu, hiển thị bản đồ hoặc bảng thống kê các sản phẩm theo danh mục, loại hàng hoặc sản phẩm - Thống kê khách hàng hiển thị thông tin về khách hàng đã mua hàng
trong một khoảng thời gian cụ thể, cung cấp thông tin khách hàng mới, trung thành và tỷ lệ chuyển đổi khách hàng.
- Thống kê đơn hàng hiển thị số lượng đơn hàng đã được đặt trong thời gian cụ thể, giá trị trung bình của đơn hàng và tỷ lệ chuyển đổi đơn hàng.
- Thống kê vị trí địa lý hiển thị thông tin về vị trí địa lý của khách hàng và doanh thu từ mỗi khu vực, cung cấp biểu đồ hoặc bảng thống kê về doanh thu theo từng quốc gia, thành phố hoặc khu vực - Thống kê và báo cáo nhân viên Cung cấp báo cáo và thống kê về số
lượng nhân viên, thông tin nhân viên, hoạt động công việc,…phân tích dữ liệu để đánh giá hiệu quả và quản lý nhân sự.
Trang 12- Thống kê và báo cáo về khuyến mại và giảm giá hỗ trợ phân tích dữ liệu để đánh giá hiệu quả và điều chỉnh chiến lược khuyến mại và giảm giá.
- Xuất báo cáo cung cấp khả năng xuất báo cáo sang định dạng tệp tin như PDF, Excel, CSV để dễ dàng chia sẻ và phân tích dữ liệu bên ngoài.
Ngoài các chức năng trên thì trang web phải được thiết kế với một giao diện đơn giản, dễ sử dụng, trực quan, hấp dẫn, thu hút để tạo ấn tượng tốt ngay từ lần đầu tiên người dùng truy cập, sử dụng hình ảnh chất lượng cao để hiển thị sản phẩm quần áo một cách hấp dẫn và thú vị Đảm bảo giao diện phù hợp với nhiều thiết bị, bao gồm máy tính để bàn, máy tính xách tay, điện thoại di động,… thiết kế giao diện linh hoạt để tự động điều chỉnh và hiển thị một cách tốt nhất trên các kích thước màn hình khác nhau.
Điều quan trọng là phải đảm bảo an toàn tuyệt đối thông tin khách hàng trong quá trình đặt mua hàng qua mạng Đồng thời trang Web phải luôn đổi mới hấp dẫn từ giao diện đến cách thức bán hàng.
Một Website bán hàng thường sẽ có các chức năng sau:
Trang 13Biểu đồ phân cấp các chức năng chính:
2.2.1.Chức năng quản lý sản phẩm
- Mục đích chức năng: Chức năng giúp người mua quản lý sản phẩm trên trang web của mình một cách thuận tiện và hiệu quả.
- Mô tả hoạt động của chức năng: Cho phép người dùng tạo , chỉnh sửa, hiện thị các sản phẩm trên trang web của mình: Người dùng tạo mới và nhập thông tin chi tiết về sản phẩm như tên, mô tả, ảnh đại diện, giá, Và chỉnh sửa các thông tin liên quan đến sản phẩm như thay đổi giá, mô tả, ảnh, danh mục,…Bên cạnh đó, nếu sản phẩm không còn nhu cầu hoặc hết hạn người dùng có thể xóa khỏi trang web để đảm bảo những sản phẩm khả dụng, liên quan sẽ được hiển thị cho khách hàng.
2.2.2.Chức năng tìm kiếm và lọc sản phẩm
- Mục đích chức năng: Giúp khách hàng tìm kiếm và tìm thấy các sản phẩm mong muốn dựa trên yêu cầu và tiêu chí cụ thể nhằm nâng cao trải nghiệm người dùng, cải thiện hiệu quả kinh doanh
Trang 14- Mô tả hoạt động của chức năng: Khách hàng nhập từ khóa, tên sản phẩm hoặc các thông tin liên quan để tìm kiếm sản phẩm mình quan tâm và có thể lọc theo tiêu chí như giá cả, thương hiệu, màu sắc, kích thước,…Điều này giúp cho người dùng có thể thu hẹp danh sách sản phẩm để tìm ra những sản phẩm phù hợp với mình.
2.2.3.Giỏ hàng
- Mục đích chức năng: Giúp người dùng có thể chọn các sản phẩm vào giỏ hàng để thuận tiện cho việc mua bán và thanh toán - Mô tả hoạt động chức năng: Khách hàng chọn hàng bỏ vào giỏ,
thay đổi số lượng, đổi ý không mua,…Cuối cùng khi ra quyết định tính tiền, chức năng giỏ hàng sẽ liệt kê hóa đơn các món hàng chọn mua, số lượng, tổng tiền,…
2.2.4.Thanh toán
- Mục đích chức năng: Giúp người dùng thực hiện giao dịch thanh toán trực tuyến một cách thuận tiện và an toàn.
- Mô tả hoạt động chức năng: Khách hàng sử dụng các phương thức thanh toán để trao đổi giá trị kinh tế khi mua hàng hoặc sử dụng các dịch vụ Khách hàng đưa ra các phương thức thanh toán của họ như thẻ tín dụng, tài khoản ngân hàng hoặc ví điện tử để xác định tính hợp lệ của người thanh toán và đảm bảo họ đủ tiền để giao dịch.
2.2.5.Khuyến mại và giảm giá
- Mục đích chức năng: Tăng doanh số bán hàng, tiếp cận và thu hút nhiều khách hàng mới, xử lý hàng tồn kho hoặc đọng kho, giữ chân khách hàng hiện tại thông qua các chương trình khuyến mại và giảm giá khách hàng bị thu hút bởi giá trị mà nó mang lại.
Trang 15- Mô tả hoạt chức năng: Giúp thu hút nhiều khách hàng, tăng doanh số bán hàng và tạo được sự quan tâm cho sản phẩm hoặc dịch vụ công ty thông qua các hình thức: giảm giá trực tiếp, khuyến mại đặc biệt kèm theo giá trị bổ sung như phiếu mua hàng, quà tặng miễn phí,…, mua hàng kèm quà tặng,…
2.2.6.Quản lý đơn hàng
- Mục đích của chức năng: Giúp tổ chức quản lý và điều phối các quy trình liên quan đến đơn đặt hàng từ khách hàng cho đến giao hàng và thanh toán.
- Mô tả hoạt động chức năng: Quản lý và theo dõi các đơn hàng từ khi khách hàng đặt hàng cho đến khi hàng được giao đến tay khách hàng để đảm bảo rằng các đơn hàng được xử lý một cách hiệu quả và chính xác từ quy trình nhận đơn, xác nhận, phân loại, đóng gói, vận chuyển và giao hàng.
2.2.7.Quản lý khách hàng
- Mục đích chức năng: Cung cấp duy trì thông tin chi tiết khách hàng, giúp doanh nghiệp tạo ra hệ thống quản lý hiệu quả và nắm bắt được nhu cầu khách hàng.
- Mô tả hoạt động chức năng: Xây dựng duy trì mối quan hệ lâu dài tăng cường sự hài long khách hàng và tạo điều kiện tang doanh số bán hàng thông qua việc thu thập thông tin khách hàng, phân loại khách hàng, xây dựng mối quan hệ khách hàng,
2.2.8.Quản lý nhân viên
- Mục đích chức năng: Tăng cường hiệu suất làm việc, đảm bảo chất lượng công việc, xây dựng và phát triển đội ngũ , để đảm bảo
Trang 16công việc thực hiện đúng quy trình, phân công nhiệm vụ rõ rang, đào tạo định hướng nhân viên trong tổ chức
- Mô tả hoạt động chức năng: Quá trình điều hành và tổ chức công việc của nhân viên trong một tổ chức và doanh nghiệp bao gồm tuyển dụng, đào tạo, đặt mục tiêu, giao nhiệm vụ, quản lý thời gian,…
2.2.9.Hỗ trợ khách hàng
- Mục đích chức năng: Cung cấp các dịch vụ thông tin hữu ích cho khách hàng để giúp họ giải quyết các vấn đề, câu hỏi liên quan đến sản phẩm hoặc dịch vụ nhằm tạo trải nghiệm tốt cho khách hàng, tăng sự hài long và tin cậy.
- Mô tả hoạt động chức năng: Nhân viên sẽ tiếp nhận yêu cầu từ khách hàng thông qua các kênh liên hệ như email, số điện thoại chat trực tuyến hoặc mạng xã hội Sau đó, nhân viên sẽ xử lý và giải đáp những thắc mắc của khách hàng.
2.2.10.Đánh giá và nhận xét
- Mục đích chức năng: Giúp khách hàng có thể đọc và biết ý kiến của người khác trước khi quyết định sử dụng hoặc mua sản phẩm để lựa chọn sản phẩm phù hợp với mình và tăng tính minh bạch trong việc mua sắm.
- Mô tả hoạt động chức năng: Người dùng hoặc khách hàng sẽ xem xét và đánh giá các khía cạnh của sản phẩm hoặc dịch vụ, như sự đáng tin cậy, chất lượng, tính năng, hiệu suất, hoặc giá trị Đánh giá có thể dựa trên các tiêu chí cụ thể hoặc thang điểm được xác định trước Đánh giá có thể được thực hiện bằng cách sử dụng các phương pháp và công cụ khác nhau, bao gồm gửi phản hồi trực tiếp, câu hỏi thăm dò ý kiến, hoặc đánh giá từ người dùng khác.
Trang 172.2.11.Liên kết website
- Mục đích chức năng: Giúp khách hàng có thể tìm kiếm và xem thông tin cụ thể hoặc mở rộng và thuận tiện cho việc chuyển đổi giữa các trang , duyệt web một cách dễ dàng và tận dụng thông tin từ nhiều nguồn khác nhau.
- Mô tả hoạt động chức năng: Quá trình xây dựng và quản lý các liên kết giữa các trang web khác nhau trên Internet để tăng cường liên truy cập và lưu lượng truy cập, cải thiện SEO, nâng cao trải nghiệm người dùng, xây dựng liên kết và quảng bá.
2.2.12.Thống kê và báo cáo
- Mục đích chức năng: Tổng hợp và phân tích thông tin, dữ liệu được thu thập từ hệ thống hoặc nguồn dữ liệu khác nhau để cung cấp thông tin chi tiết, chính xác và dễ hiểu về hiệu suất, hoạt động và các chỉ số quan trọng của một tổ chức, một hệ thống hoặc một quy trình.
- Mô tả hoạt động chức năng: Cung cấp cho người dùng cái nhìn toàn diện về tình trạng và hiệu suất của các biến quan trọng Nó hỗ trợ quá trình ra quyết định và giúp quản lý đánh giá và theo dõi tiến trình hoặc kết quả của một hoạt động cụ thể Với thông tin từ hoạt động này, người dùng có thể thấy được các khía cạnh quan trọng để cải thiện hiệu quả và tối ưu hóa các quy trình hoặc hoạt
Trang 193.2 Thiết kế giao diện3.2.1.Trang chủ
Trang 21❑ Mô tả giao diện
Nút tìm kiếm Nút tìm kiếm thường có hình dạng hộp chữ nhật với một biểu tượng kính lúp bên trong, biểu thị chức năng tìm kiếm
Hệ thống menu Gồm trang chủ, sản phẩm, tin tức, liên hệ được trình bày dưới dạng menu ngang Ở sản phẩm, có mũi tên đi xuống để chỉ các menu con
Nút giỏ hàng Hiển thị dưới dạng biểu tượng hình giỏ màu xám
Khi người dùng di chuột hoặc chạm vào nút giỏ hàng, giao diện có thể thay đổi để hiển thị số lượng sản phẩm đã được thêm vào giỏ hàng, hoặc có thể mở ra một cửa sổ mới hiển thị danh sách sản phẩm trong giỏ hàng.
Nút đăng nhập đăng kí
Giao diện nút đăng kí đăng nhập là một nút màu xám có hình ảnh của một người để người dùng có thể nhận biết và thực hiện hành động rõ ràng
Chat box messenger
Giao diện chat box Messenger có màu trắng sáng với các biểu tượng và nút màu xanh lá cây, mang lại cảm giác trực quan và
Trang 223.2.2. Trang sản phẩm
Trang 23Thành phầnMô tả
Nút tìm kiếm Nút tìm kiếm thường có hình dạng hộp chữ nhật với một biểu tượng kính lúp bên trong, biểu thị chức năng tìm kiếm
Hệ thống menu Gồm trang chủ, sản phẩm, tin tức, liên hệ được trình bày dưới dạng menu ngang Ở sản phẩm, có mũi tên đi xuống để chỉ các menu con
Nút giỏ hàng Hiển thị dưới dạng biểu tượng hình giỏ màu xám
Khi người dùng di chuột hoặc chạm vào nút giỏ hàng, giao diện có thể thay đổi để hiển thị số lượng sản phẩm đã được thêm vào giỏ hàng, hoặc có thể mở ra một cửa sổ mới hiển thị danh sách sản phẩm trong giỏ hàng.
Nút đăng nhập đăng kí
Giao diện nút đăng kí đăng nhập là một nút màu xám có hình ảnh của một người để người dùng có thể nhận biết và thực hiện
Giao diện chat box Messenger có màu trắng sáng với các biểu tượng và nút màu xanh lá cây, mang lại cảm giác trực quan và
Trang 243.2.3 Trang chi tiết sản phẩm
Trang 25Nút tìm kiếm Nút tìm kiếm thường có hình dạng hộp chữ nhật với một biểu tượng kính lúp bên trong, biểu thị chức năng tìm kiếm
Hệ thống menu Gồm trang chủ, sản phẩm, tin tức, liên hệ được trình bày dưới dạng menu ngang Ở sản phẩm, có mũi tên đi xuống để chỉ các menu con
Nút giỏ hàng Hiển thị dưới dạng biểu tượng hình giỏ màu xám
Khi người dùng di chuột hoặc chạm vào nút giỏ hàng, giao diện có thể thay đổi để hiển thị số lượng sản phẩm đã được thêm vào giỏ hàng, hoặc có thể mở ra một cửa sổ mới hiển thị danh sách sản phẩm trong giỏ hàng.
Nút đăng nhập đăng kí
Giao diện nút đăng kí đăng nhập là một nút màu xám có hình ảnh của một người để người dùng có thể nhận biết và thực hiện hành độnh rõ ràng
Nút tăng giảm sản phẩm
Giao diện này thường bao gồm hai nút song song với nhau, một nút tăng và một nút giảm, được đặt cạnh nhau Nút tăng thông thường có hình một mũi tên lên, còn nút giảm có hình một mũi tên xuống, để thể hiện tính chất tương ứng của chúng Bên cạnh hai nút tăng giảm, giao diện còn thường chứa một trường hiển thị giá trị số lượng.
Nút thêm giỏ hàng
Có hình dạng hình chữ nhật, được thiết kế để thu hút sự chú ý của người dùng Nút thêm vào giỏ hàng thường có màu sắc nổi bật như màu đỏ để tạo sự tương phản với nền giao diện chung Nút mua ngay Giao diện nút "Mua ngay" có dạng hình chữ nhật, thường được
thiết kế như một nút màu sắc đặc biệt, thể hiện sự nổi bật và gây
Trang 26ấn tượng cho người dùng Có thể sử dụng màu sắc tương phản với phần còn lại của giao diện để bạn nút nổi bật hơn, ví dụ như màu đỏ, màu đen
Chat box messenger
Giao diện chat box Messenger có màu trắng sáng với các biểu tượng và nút màu xanh lá cây, mang lại cảm giác trực quan và
Trang 28❑ Mô tả giao diện:
Mỗi sản phẩm thường được liệt kê trong một hàng riêng, thông tin về sản phẩm bao gồm tên, hình ảnh, mô tả, giá cả, số lượng mà khách hàng lựa chọn
Nút tăng giảm sản phẩm
Giao diện này thường bao gồm hai nút song song với nhau, một nút tăng và một nút giảm, được đặt cạnh nhau Nút tăng thông thường có hình một mũi tên lên, còn nút giảm có hình một mũi tên xuống, để thể hiện tính chất tương ứng của chúng Bên cạnh hai nút tăng giảm, giao diện còn thường chứa một trường hiển thị giá trị số lượng.
Nút xóa sản phẩm
Nút xóa sản phẩm thường được biểu thị bằng một biểu tượng hoặc hình ảnh nhỏ, thường là biểu tượng thùng rác hoặc biểu tượng chữ “X” được đặt gần sản phẩm
Nút thanh toán
Nút thanh toán được thiết kế hình chữ nhật màu đỏ có văn bẩn rõ ràng như “ Thanh toán” or “Tiến hành thanh toán” được hiển thị bên trong nút và đặt ở cuối trang giỏ hàng
3.2.5 Trang thanh toán
Trang 30❑ Mô tả giao diện:
Thanh toán qua: ATM card (thẻ nội địa),Thẻ quốc tế(Visa, Master,JCB ),Thanh toán qua MoMo,Shopee Pay,Thanh toán khi nhận hàng (COD),Chuyển khoản,
Thông tin đơn hàng
Thông tin sản phẩm, số lượng sản phẩm, màu sản phẩm, đơn giá sản phẩm, tổng tiền sản phẩm, ghi chú cho sản phẩm,
Mã giảm giá
Mã giảm giá thường được biểu thị hình ảnh giảm giá kèm theo chữ giảm giá theo dịp gì lũy của mình kèm theo nút “Áp dụng” để hệ thống kiểm tra số điểm và áp dụng ưu đãi và thường được đặt gần khu vực thanh toán.
Nút thanh toán
Nút thanh toán được thiết kế hình chữ nhật màu đỏ có văn bẩn rõ ràng như “ Thanh toán” or “Tiến hành thanh toán” được hiển thị bên trong nút và đặt ở cuối trang thanh toán
Trang 314 XÂY DỰNG WEBSITE
4.1 Layout
Để có một webite đẹp, thu hút người dùng chúng tôi đã chọn giao diện Flatsome Flatsome là một chủ đề wordpress được thiết kế đặc biệt cho các website bán hàng và thương mại điện tử Giao diện Flatsome được thiết kế để tối ưu trải nghiệm người dùng và tăng tốc độ tải trang của websie.
- Giao diện này có nhiều tính năng mạnh mẽ, bao gồm tích hợp trình tạo trang kéo và thả, thiết kế đáp ứng để website tương thích trên nhiều thiết bị, tích hợp tính năng giỏ hàng và đơn hàng bên trong giao diện chủ đề và tích hợp mã nguồn tùy chỉnh để phù hợp với nhu cầu người dùng - Với Flatsome, người dùng có thể linh động tùy chỉnh giao diện của website của mình để phù hợp với nhu cầu kinh doanh của họ Trình tạo trang kéo thả của Flatsome rất dễ sử dụng để mọi người có thể thiết kế website của mình một cách nhanh chóng và dễ dàng.
- Ngoài ra, giao diện Flatsome còn bao gồm tính năng như tích hợp SEO và tích hợp nhiều động lực học tinh vi để tăng tính tương tác website của bạn Giao diện này cung cấp nhiều tùy chọn và tính năng hỗ trợ các công ty kinh doanh trực tuyến phát triển mạnh mẽ và hiệu quả hơn Bạn có thể thỏa sức sáng tạo không giới hạn với công cụ này Đặc điểm nổi bật dễ nhìn thấy khi trải nghiệm bao gồm:
Trang 32- Thiết kế đẹp, dễ dàng tùy chỉnh đối với cả những ai không chuyên nghiệp về lập trình Nhờ thế, các web kinh doanh là độc nhất, thể hiện đúng đặc trưng thương hiệu.
- Tốc độ tải nhanh.
- Theme thiết kế chuẩn SEO đến từ Google Nhờ thế Web kinh doanh nhanh chóng lên top, tiếp cận nhiều khách hàng và chuyển đổi doanh số - Trong phiên bản gần đây, công cụ đã thêm sticky nút”Thêm giỏ hàng” Nhờ thế việc kêu gọi hành động mua hàng mạnh mẽ và tiện lợi hơn.
- Trong quá trình sử dụng, bạn tiếp cận nguồn tài liệu phong phú, chi tiết và dễ hiểu.
- Flatsome cập nhật thường xuyên, ngày càng đem đến nhiều tính năng ưu việt hơn cho người dùng.
Ưu điểm khi dùng themes Flatsome:
- Tùy chỉnh cao: được tích hợp nhiều tính năng đã được thiết kế sẵn Bên cạnh đó là trình xây dựng website trực quan bang thao tác kéo thả Đây là cơ hội tuyệt vời để người dùng thỏa sức sáng tạo theo góc nhìn đặc trưng của bản thân Bạn chỉ cần lên ý tưởng còn lại để Flatsome thực hiện Khi khám phá, bạn càng thấy nhiều sự lựa chọn từ Elementor săn có Định dạng bao gồm: Banner, Sản phẩm,… Không những vậy, với UX Builder, công cụ hoàn toàn đáp ứng yêu cầu cho mọi lĩnh vực công việc Trong đó phải kể đến bán hàng, bất động sản,…
- Tính năng không gian giới hạn: Bạn có thể làm mọi điều mình muốn với Live theme Opition Panel và Banner, Products,….Hai tính năng tuyệt vời này cho phép kéo thả và tùy chỉnh linh hoạt trên web Phần Header là điểm tiếp xúc đầu tiên của website và người truy cập Hiểu
Trang 33được tầm quan trọng này, công cụ hỗ trợ bạn tối ưu hết mức bằng thao tác đơn giản Bạn chỉ cần kéo và thả các phần như: Menu, Search Icon,
Button, Cart….
- Tốc độ loading tối ưu: Loading nhanh chóng, thiết kế chuyên
nghiệp, thao tác nhanh chóng là bộ đôi thỏa mãn trải nghiệm người dùng - Tương thích với phiên bản Wordpress: Thiết kế độc đáo, tập trung tối ưu để nâng cao trải nghiệm người dùng.
- Cập nhật liên tục: Flatsome là sản phẩm bán chạy nhất của UX – Themes Vì thế, công cụ luôn được đầu tư, ưu ái cập nhật các tính năng mới và tốt nhất Không những thế, nhà phát triển cũng rất chiều lòng khách hàng Cụ thể là công cụ hỗ trợ hơn 12 ngôn ngữ khác nhau Người dùng dễ dàng dịch website ra hầu hết mọi thứ tiếng họ muốn.
- Cài demo dễ dàng: Chỉ với một click chuột, một kho giao diện với vô vàn lựa chọn đã mở ra trước mắt bạn Sau khi cảm thấy hài lòng với Template nào đó, bạn nhấn chọn và thay đổi sao cho vừa ý nhất.
4.2 Trang chủ
Trang chủ có vai trò quan trọng trong việc thu hút và chinh phục khách hàng Sau đây là một số mô tả về trang chủ bán quần áo online:
Nút tìm kiếm: Nút tìm kiếm được tạo sẵn ở giao diện flatsome, được chỉnh sửa bởi tùy biến ở giao diện.
Hệ thống menu: được chỉnh sửa bởi UX Block
Giỏ hàng: Giỏ hàng được chỉnh sửa ở tùy biến của giao diện