CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH 3.1 Thiết kế giao diện người dùng

Một phần của tài liệu ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: XÂY DỰNG WEBSITE TMĐT CHO HỢP TÁC XÃ CHẾ BIẾN CHÈ PHÌN HỒ (Trang 50 - 55)

- Gửi ý kiến đóng góp: Khách hàng có thể phản hồi, gửi những ý kiến đóng góp

CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH 3.1 Thiết kế giao diện người dùng

3.1. Thiết kế giao diện người dùng

Hình 22: Giao diện trang chủ của website.

Website được xây dựng với mục đích là giới thiệu và bán các sản phẩm của HTX trên internet thông qua website bán hàng (hình). Tại đây khách hàng có thể tìm hiểu mọi thông tin liên quan đến sản phẩm như: giá, công dụng của chè, thành phần, cách pha chế… Ngoài ra khách hàng có thể tìm hiểu những thông tin khác như: tin tức, sản phẩm mới nhất, sản phẩm bán chạy hay tìm hiểu những thông tin về công ty.

Khách hàng có thể tìm những sản phẩm theo ý thích của mình một cách nhanh nhất thông qua chức năng tìm kiếm. Khách hàng có thể tìm kiếm theo loại hoặc theo tên. Nếu tìm kiếm theo loại thì khách hàng chỉ cần bấm chọn tên hãng trên menu

danh sách sản phẩm bên trái của trang web. Nếu khách hàng muốn tìm kiếm theo

tên điện thoại thì nhập tên điện thoại cần tìm vào form tìm kiếm phía bên phải của trang web rồi nhấn nút tìm kiếm nếu sản phẩm đó hiện HTX đang có thì ngay lập tức sản phẩm mà bạn tìm sẽ hiển thị đầy đủ trên trang web. Nếu khách hàng muốn xem thông tin chi tiết sản phẩm thì nhấn vào hình ảnh sản phẩm hoặc tên sản phẩm, hệ thống sẽ hiển thị thông tin chi tiết như sau:

Nếu khách hàng muốn mua sản phẩm này thì từ trang thông tin chi tiết khách hàng nhấn vào nút “Đặt hàng”. Hệ thống sẽ thêm sản phẩm vào giỏ hang và hiển thị giỏ hàng như sau:

Hình 24: Giao diện giỏ hàng

Từ trang giỏ hàng, khách hàng có thể thay đổi số lượng mua, loại bỏ một hay nhiều mặt hàng đã chọn ra khỏi giỏ hàng. Sau khi đã chỉnh sửa theo ý muốn, nếu khách hàng quyết định đặt mua thì nhấn nút thanh toán. Hệ thống sẽ hiển thị trang đơn hàng yêu cầu khách hàng nhập vào đầy đủ theo mẫu sau:

Hình 25: Ghi đơn đặt hàng

Ngoài chức năng xem các sản phẩm của HTX khách hàng có thể đọc các tin tức liên quan đến HTX tại mục tin tức và sự kiện.

Website cửa hàng xây dựng lên chắc chắn sẽ không tránh khỏi những thiếu xót hay những phần làm cho khách hàng không hài lòng vì vậy trang web đã xây dựng một trang góp ý để khách hàng ghé thăm website có thể đóng góp ý kiến của mình để trang web ngày càng hoàn thiện hơn. Nếu khách hàng có ý kến đóng góp cho cửa hàng thì bấm chọn chức năng góp ý. Hệ thống sẽ hiển thị trang góp ý như sau:

Một phần của tài liệu ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: XÂY DỰNG WEBSITE TMĐT CHO HỢP TÁC XÃ CHẾ BIẾN CHÈ PHÌN HỒ (Trang 50 - 55)