CHƯƠNG III: TRIỂN KHAI THƯƠNG MẠI ĐIỆN TỬ CHO DNTN NGUYÊN KÍNH
3.1.2. Thiết kế giao diện
Giao diện trang chủ
- Trang chủ: Được xây dựng bằng ngôn ngữ HTML với giao diện khá đơn giản dễ sử dụng và có tính nghệ thuật cao.
Bao gồm các phần:
• Menu, banner, sản phẩm.
• Liên hệ, giới thiệu, mục tiêu.
• Đăng nhập, tìm kiếm, giỏ hàng, danh mục sản phẩm.
• Thống kê Website, Facebook…
Hình 3.1: Giao diện trang chủ - Danh mục sản phẩm:
Nhà quản trị sẽ đưa ra danh sách các nhóm sản phẩm để khách hàng và các thành viên tham khảo và mua sắm, các sản phẩm ở đây được đưa ra theo danh sách sản
phẩm, click vào hình ảnh mà bạn muốn xem để xem với kích thước lớn hơn và tìm hiểu về sản phẩm đó.
Hình 3.2: Danh mục sản phẩm
- Trang chi tiết sản phẩm
Khi muốn xem thông tin chi tiết về một gói cước nào thì khách hàng có thể click chuột vào hình ảnh hoặc tên của sản phẩm đó để xem, trang này sẽ giúp khách hàng nắm rừ hơn về chi tiết gúi cước mỡnh muốn đăng ký để quyết định xem cú thờm sản phẩm đó vào giỏ hàng của mình hay không, nếu có khách hàng chỉ cần click vào thêm vào giỏ.
Hình 3.3: Trang chi tiết sản phẩm
Giao diện nhà quản trị - Trang đăng nhập quản trị
Hình 3.4: Trang đăng nhập quản trị
- Giao diện quản trị
Giao diện quản trị sẽ bao gồm tất cả các các chức năng sau: Thêm bài viết mới, quản lý bài viết, quản lý trang chủ, quản lý phân mục, quản lý chuyên mục, quản lý hình ảnh, quản lý trình đơn, quản lý ngôn ngữ, quản lý thành viên, quản lý danh mục, cấu hình chung.
Hình 3.5: Trang giao diện quản trị
Trang giỏ hàng: Sau khi thêm sản phẩm vào giỏ hàng, nếu muốn xem chi tiết về giỏ hàng (đơn giá, phương thức thanh toán…) của mình thì khách hàng có thể click vào xem giỏ hàng.
Hình 3.6: Trang giỏ hàng
Ngoài ra nếu khách hàng đã có phiếu giảm giá của cửa hàng thì có thể nhập mã phiếu giảm giá vào ô trống để hưởng ưu đãi giảm giá của công ty.
Hình 3.7: Nhập mã phiếu giảm giá
Trang thanh toán:
- Module chức năng thanh toán trong Website
Hiện tại website của doanh nghiệp đã tích hợp được các chức năng thanh toán trực tuyến như thanh toán thông qua chi phiếu, thông qua bảo kim và một hình thức thanh toán thông dụnglà chuyển khoản ngân hàng.
Nguyên Kính hỗ trợ các phương thức thanh toán trực tuyến thông qua tài khoản trung gian là Bảo kim hay thanh toán bằng chi phiếu (hường được khách hàng mới áp dụng) và phương thức chuyển khoản ngân hàng (hường được khách hàng lâu năm áp dùng).
Hình 3.8: Lựa chọn hình thức thanh toán
Với hình thức thanh toán thông qua ngân lượng, bảo kim khách hàng sẽ được đảm bảo hơn, an toàn hơn, tránh những trường hợp xảy ra không đáng có.
• Thanh toán với bảo kim
Nếu thanh toán thông qua tài khoản Bảo kim, ngay khi khách hàng đặt hàng và thanh toán tiền, hệ thống tài khoảnBảo kim sẽ tự động gửi email thông tin đơn đặt hàng về cho Nguyên Kính, Nguyên Kính xác nhận đơn đặt hàng, gửi hàng theo thông tin trên đơn đặt hàng tới địa chỉ nhận hàng cho khách hàng, khi nhận được hàng, khách hàng thông báo cho Bảo kim đã nhận được hàng, Bảo kim sẽ chuyển tiền qua cho doanh nghiệp.
Hình 3.9:Thanh toán thông qua tài khảo bảo kim
Sơ đồ 3.1: Quy trình đặt hàng thông qua tài khoản Bảo kim
(Nguồn : https://www.baokim.vn/)
• Thanh toán chi phiếu
Ở trang này sau khi đăng nhập khách hàng sẽ phải điền đầy đủ các thông tin cần thiết vào các ô, đặc biệt các ô có kí hiệu sao (*) bắt buộc phải điền đầy đủ, chính xác.
Hình 3.10: Trang thông tin thanh toán
Sau khi điền đầy đủ thông tin cá nhân, khách hàng sẽ chọn phương thức thanh toán chi phiếu, trang này sẽ giúp khách hàng kiểm tra lại thông tin, nếu không có gì sai sót thì khách hàng nhấn vào nút đặt hàng.
Hình 3.11: Thanh toán bằng chi phiếu
Khách hàng nhấn nút đặt hàng để hoàn thành việc mua hàng của mình. Khi nhấn nút đặt hàng khách hàng sẽ thấy hiển thị cửa sổ chi tiết đơn hàng, chi tiết khách hàng và thông báo đã nhận được đơn hàng từ công ty. Việc đặt hàng của khách hàng đến đây đã hoàn thành.
Hình 3.12: Trang chi tiết đơn hàng
• Chuyển khoản ngân hàng
Trường hợp khách hàng chuyển khoản ngân hàng, đơn đặt hàng sẽ được gửi đến email của DNTN Nguyên Kính, Nguyên Kính gửi hoá đơn thanh toán tiền cho
khách hàng trong đó có số tài khoản và tên chủ tài khoản nhận tiền. Khi khách hàng thông báo đã thanh toán tiền, doanh nghiệp xác nhận tiền trong tài khoản và ngay lập tức sẽ chuyển hàng tới địa chỉ được ghi trong đơn đặt hàng cho khách hàng. (phương thức thanh toán này thường được áp dụng đối với khách hàng quen, khách hàng lâu năm của công ty ).
Khi có khách hàng đặt hàng, trong tài khoản Admin phải hiển thị và lưu trữ danh sách các đơn đặt hàng: Thời gian, tình trạng đơn hàng, hành động (đang xử lý hoặc đã hoàn tất).
Hình 3.13: Danh sách đơn hàng Có thể truy cập để xem chi tiết đơn hàng của khách hàng:
Hình 3.14: Chi tiết đơn hàng trong quản trị