Dự án xây dựng và phát triển website bán quần áo lucky shop

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

1 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ộcsố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ủamọi thành phần trong xã hội, lượng quần áo đã được đưa vào thị trườngViệ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ịchthông qua Website ngày càng trở nên phổ biến Và một loại hình kinnhdoanh hiện nay khá phổ biến đó là buôn bán qua mạng Hình thức kinhdoanh 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à chiphí đi lại cho người tiêu dùng đôi khi khách hàng còn bị mua phải mặthà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 muahàng, dù ở nhà hay công sở hay bất cứ nơi nào có mạng internet kháchhà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à

internet mang lại cho người tiêu dùng nó còn giúp cho nhà cung cấp pháttriể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ìmhiể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ữngkhó khăn và thiếu xót trong quá trình phát triển kinh doanh loại sảnphẩm này Qua đó, đẩy mạnh, phát triển những ưu điểm, đồng thời tìmcách khắc phục, hạn chế những khuyết điểm để giúp dự án thànhcông, mang lại lợi nhuận cho nhóm và nhà đầu tư

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ìmkiế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

- Thanh toán: Mỗi khách hàng có quyền chọn thanh toán khi nhận hànghay 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ôngtin sau: sản phẩm được giảm giá, ngày giảm giá, sản phẩm đượckhuyến mại bao gồm hình ảnh, số lượng, giảm giá bao nhiêu %, ngàyhế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 tinkhách hàng, sản phẩm, số lượng, giá, phương thức thanh toán, trạngthá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 tinsau: 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àmviệ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ảnphẩ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êuthích, thêm và xóa mục yêu thích và xem mục yêu thích bao gồmthô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ánchạy, đơn hàng đã đặt

- 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étsả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ếuphụ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ớiviệ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 đượchà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áchhà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ệnthị lên màn hình như: hình ảnh, giá, mô tả, kích cỡ,….và bên cạnh đó liênkế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à dokhá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ọihoạ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ệncủ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

Yê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ếmnhữ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ặcthanh toán sau này, hiển thị thông tin về sản phẩm đã được thêm vàogiỏ 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ấysả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ôngbá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àngnhư 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àngbằ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ảnphẩm đó

- 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ườidù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ìnhluậ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á baogồ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 danhmục sản phẩm, quản lý giá bán hàng giảm theo thời gian, số lượnghoặ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 muahàng và tích lũy điểm, quản lý và theo dõi điểm thưởng của khách

- Gửi thông báo về các chương trình khuyến mại và giảm giá cho kháchhàng qua email, tin nhắn hoặc thông báo trực tiếp trên giao diện ngườidùng, tạo và quản lý các thông báo khuyến mại theo nhóm khách hànghoặ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ướngdẫ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ếpvới nhân viên hỗ trợ, đảm bảo thời gian phản hồi nhanh chóng và chấtlượ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ảngmạ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ựchiệ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ốngnhậ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àngnhư 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ề đơnhàng, sản phẩm đã mua, số lượng,…

- Hỗ trợ tạo và quản lý danh sách khách hàng để phân loại và nhắmmục tiêu khách hàng 1 cách hiệu quả, gửi thông báo và tiếp thị đếndanh 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ệnthoạ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õithời gian làm việc, ngày nghỉ và các sự kiện liên quan đến lịch làmviệ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à doanhthu 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ựatrên số lượng bán hàng và doanh thu, hiển thị bản đồ hoặc bảngthố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àngtrong một khoảng thời gian cụ thể, cung cấp thông tin khách hàngmớ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 trongthờ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áchhàng và doanh thu từ mỗi khu vực, cung cấp biểu đồ hoặc bảngthố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ântích dữ liệu để đánh giá hiệu quả và quản lý nhân sự

- 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 tinnhư PDF, Excel, CSV để dễ dàng chia sẻ và phân tích dữ liệu bênngoài

Ngoài các chức năng trên thì trang web phải được thiết kế với mộtgiao diện đơn giản, dễ sử dụng, trực quan, hấp dẫn, thu hút để tạo ấntượng tốt ngay từ lần đầu tiên người dùng truy cập, sử dụng hình ảnh chấtlượng cao để hiển thị sản phẩm quần áo một cách hấp dẫn và thú vị Đảmbảo giao diện phù hợp với nhiều thiết bị, bao gồm máy tính để bàn, máytí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ìnhkhác nhau

Điều quan trọng là phải đảm bảo an toàn tuyệt đối thông tin kháchhàng trong quá trình đặt mua hàng qua mạng Đồng thời trang Web phảiluô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:

Biểu đồ phân cấp các chức năng chính:

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ácsản phẩm mong muốn dựa trên yêu cầu và tiêu chí cụ thể nhằmnâng cao trải nghiệm người dùng, cải thiện hiệu quả kinh doanh

- Mô tả hoạt động của chức năng: Khách hàng nhập từ khóa, tên sảnphẩm hoặc các thông tin liên quan để tìm kiếm sản phẩm mìnhquan tâm và có thể lọc theo tiêu chí như giá cả, thương hiệu, màusắc, kích thước,…Điều này giúp cho người dùng có thể thu hẹpdanh sách sản phẩm để tìm ra những sản phẩm phù hợp với mình.

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útnhiề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

- 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ặngmiễ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ácquy trình liên quan đến đơn đặt hàng từ khách hàng cho đến giaohà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áchhà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áchhàng, giúp doanh nghiệp tạo ra hệ thống quản lý hiệu quả và nắmbắ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àită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ạikhá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ấtlượng công việc, xây dựng và phát triển đội ngũ , để đảm bảo

cô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ôngviệc của nhân viên trong một tổ chức và doanh nghiệp bao gồmtuyển dụng, đào tạo, đặt mục tiêu, giao nhiệm vụ, quản lý thờigian,…

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 chokhách hàng để giúp họ giải quyết các vấn đề, câu hỏi liên quan đếnsả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ạichat 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ủangười khác trước khi quyết định sử dụng hoặc mua sản phẩm để lựachọn sản phẩm phù hợp với mình và tăng tính minh bạch trong việc muasắ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êncá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ácnhau, bao gồm gửi phản hồi trực tiếp, câu hỏi thăm dò ý kiến, hoặc đánhgiá từ người dùng khác

2.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à xemthông tin cụ thể hoặc mở rộng và thuận tiện cho việc chuyển đổigiữ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ácliên kết giữa các trang web khác nhau trên Internet để tăng cườngliên truy cập và lưu lượng truy cập, cải thiện SEO, nâng cao trảinghiệ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 để cungcấ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ộtquy trình

- Mô tả hoạt động chức năng: Cung cấp cho người dùng cái nhìntoà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õitiế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 quantrọng để cải thiện hiệu quả và tối ưu hóa các quy trình hoặc hoạtđộng liên quan

2.3 Yêu cầu hệ thống

Phần cứng:

- Dung lượng SSD tối thiểu: 2GB

- CPU: 1 Core

3.2 Thiết kế giao diện

3.2.1.Trang chủ

❑ 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ácmenu 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àogiỏ hàng, hoặc có thể mở ra một cửa sổ mới hiển thị danh sáchsả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ệnhành động rõ ràng

3.2.2. Trang sản phẩm

Thành phần Mô 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ácmenu 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àogiỏ hàng, hoặc có thể mở ra một cửa sổ mới hiển thị danh sáchsả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ệnhành động rõ ràng

3.2.3 Trang chi tiết sản phẩm

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ácmenu 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àogiỏ hàng, hoặc có thể mở ra một cửa sổ mới hiển thị danh sáchsả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ệnhà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ộtnút tăng và một nút giảm, được đặt cạnh nhau Nút tăng thôngthường có hình một mũi tên lên, còn nút giảm có hình một mũitên xuống, để thể hiện tính chất tương ứng của chúng Bên cạnhhai nút tăng giảm, giao diện còn thường chứa một trường hiểnthị 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ổibậ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

ấn tượng cho người dùng Có thể sử dụng màu sắc tương phảnvớ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

❑ Mô tả giao diện:

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ặchì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àngnhư “ Thanh toán” or “Tiến hành thanh toán” được hiển thị bên trongnút và đặt ở cuối trang giỏ hàng

3.2.5 Trang thanh toán

❑ Mô tả giao diệ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ểnthị bên trong nút và đặt ở cuối trang thanh toán

4 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 giaodiện Flatsome Flatsome là một chủ đề wordpress được thiết kế đặc biệtcho các website bán hàng và thương mại điện tử Giao diện Flatsome đượcthiết kế để tối ưu trải nghiệm người dùng và tăng tốc độ tải trang củawebsie

- Giao diện này có nhiều tính năng mạnh mẽ, bao gồm tích hợp trìnhtạo trang kéo và thả, thiết kế đáp ứng để website tương thích trên nhiềuthiế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ủawebsite của mình để phù hợp với nhu cầu kinh doanh của họ Trình tạotrang 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ợpSEO và tích hợp nhiều động lực học tinh vi để tăng tính tương tác websitecủ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áccô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ểmnổi bật dễ nhìn thấy khi trải nghiệm bao gồm:

- Thiết kế đẹp, dễ dàng tùy chỉnh đối với cả những ai không chuyênnghiệ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.

- Trong quá trình sử dụng, bạn tiếp cận nguồn tài liệu phong phú, chitiết và dễ hiểu

- Flatsome cập nhật thường xuyên, ngày càng đem đến nhiều tínhnă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 đặctrư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 UXBuilder, 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ìnhmuốn với Live theme Opition Panel và Banner, Products,….Hai tính năngtuyệ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

đượ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 trungtố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ăngmớ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ườidù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ớiTemplate nào đó, bạn nhấn chọn và thay đổi sao cho vừa ý nhất