1. 2: Khảo sát thông tin yêu cầu hệ thống
2.1.8 Trang tin tức
- Mục đích:
Cung cấp đa dạng thông tin đến khách hàng bao gồm tin tức – sự kiện của đơn vị, tin tức liên quan đến ngành nghề… để tạo uy tín, độ tin cậy với người mua, gia tăng tỷ lệ mua hàng.
Hỗ trợ người dùng Internet dễ dàng tìm hiểu các thông tin liên quan đến đơn vị mình quan tâm.
- Yêu cầu đối với trang tin tức – sự kiện:
Tích hợp tính năng quản lý danh mục tin tức: Cho phép tạo các cấp độ danh mục tin (Tin nội bộ, Tin ngành nghề liên quan, tin khuyến mãi…); tạo nhóm tin theo chủ đề (tin mới nhất, tin nổi bật, tin xem nhiều); tìm kiếm tin tức bằng từ khóa.
Tính năng mạng xã hội cho phép người dùng like/comment/ share ảnh/ bài viết lên các mạng xã hội (Facebook, zalo…)
2.2 Thiết kế giao diện website 2.2.1: Bản đồ website
Hình 22: Sơ đồ website
2.2.2: Thiết kế giao diện
2.2.2.1 Trang chủ
- Mô tả giao diện:
Mô tả Phần Tiêu đề(header) được cung cấp để sắp xếp các hình ảnh, văn bản, điều hướng, hình ảnh phổ biến… ở đầu trang WEB. Bao gồm:
Logo
Chức năng điều hướng (Menu)
Biểu ngữ(banner)
Văn bản giới thiệu (một câu diễn tả về công ty, dịch vụ và sản phẩm của trang web)
Phần thân gồm:
Các chức năng: hỗ trợ trực tuyến, bảo hành, giao hàng miễn phí, tư vấn thiết kế
Slidebar danh mục sản phẩm bán chạy, sơn trong nhà, sơn ngoài trời
Ngăn cách giữa các danh mục sản phẩm là hai banner ngang
Footer: Là một phần hiển thị thông tin phổ biến cho tất cả các trang ở cuối trang WEB và có cùng vai trò như sidebar.
Bên trái: Địa chỉ công ty, số điện thoại, email
Ở giữa: Thông tin về các chính sách hỗ trợ khách hàng, thông tin đăng ký các dịch vụ khuyến mãi…
Bên phải: Google map, Fanpage Facebook
Kích hoạt Khi khách hàng kích hoạt vào tên miền của website thì tự động dẫn đến trang chủ của website và xuất ra những thông tin giao diện của trang chủ. Dữ liệu đầu ra cho hình ảnh của sản phẩm, banner, logo công ty, các dòng văn bản giới thiệu, thanh điều hướng, footer
Quá trình xử lý Truy xuất các dữ liệu mới đã được cập nhật lên hệ thống Thông tin đầu ra Hình ảnh sản phẩm, banner, văn bản, thanh điều hướng
Bảng 4: Mô tả giao diện trang chủ
2.2.2.2 Sản phẩm
Hình 24: Giao diện trang sản phẩm
Mô tả Phần Tiêu đề(header) được cung cấp để sắp xếp các hình ảnh, văn bản, điều hướng, hình ảnh phổ biến… ở đầu trang WEB. Bao gồm:
Logo
Chức năng điều hướng (Menu)
Văn bản giới thiệu (một câu diễn tả về công ty, dịch vụ và sản phẩm của trang web)
Phần thân:
Nội dung trang web sẽ gồm các sản phẩm trải dài theo danh mục giúp khách hàng dễ dàng lựa chọn:
Sản phẩm sơn trong nhà
Sản phẩm sơn ngoài trời
Sản phẩm khuyến mãi
Phía góc phải hiển thị cột tìm kiếm sản phẩm và giỏ hàng Footer: Là một phần hiển thị thông tin phổ biến cho tất cả các trang ở cuối trang WEB và có cùng vai trò như sidebar.
Bên trái: Địa chỉ công ty, số điện thoại, email
Ở giữa: Thông tin về các chính sách hỗ trợ khách hàng, thông tin đăng ký các dịch vụ khuyến mãi…
Bên phải: Google map, Fanpage Facebook
Kích hoạt Khi khách hàng click vào một sản phẩm ở trang chủ hoặc một địa chỉ liên kết ở ngoài trang như Fanpage facebook hay địa chỉ website sản phẩm thì sẽ dẫn đến trang sản phẩm. Dữ liệu đầu ra sẽ bao gồm hình ảnh của sản phẩm, giá sản phẩm, thông tin chi tiết của sản phẩm,…
Quá trình xử lý Truy xuất các dữ liệu mới của sản phẩm, giá cả đã được cập nhật lên hệ thống
Thông tin đầu ra Hình ảnh của sản phẩm, văn bản, logo, thanh điều hướng
Bảng5: Mô tả giao diện trang sản phẩm
2.2.2.3 Liên hệ
Hình 25: Giao diện trang liên hệ
- Mô tả giao diện
Mô tả Tiêu đề(header) được cung cấp để sắp xếp các hình ảnh, văn bản, điều hướng, hình ảnh phổ biến… ở đầu trang WEB. Bao gồm:
Logo
Chức năng điều hướng (Menu)
Văn bản giới thiệu(một câu diễn tả về công ty, dịch vụ và sản phẩm của trang web)
Phần thân: Thiết lập phông chữ, kích thước phông chữ và tiêu đề phù hợp.
Thể hiện các thông tin liên hệ cần thiết như: họ tên, đơn vị, địa chỉ, điện thoại, email, nội dung lời nhắn
Cho phép người truy cập có thể đăng tải thông tin không giới hạn, có thể gửi hình ảnh, đăng feedback, đánh giá về sản phẩm/dịch vụ của công ty.
Footer: Là một phần hiển thị thông tin phổ biến cho tất cả các trang ở cuối trang WEB và có cùng vai trò như sidebar.
Bên trái: Địa chỉ công ty, số điện thoại, email
Ở giữa: Thông tin về các chính sách hỗ trợ khách hàng, thông tin đăng ký các dịch vụ khuyến mãi…
Bên phải: Google map, Fanpage Facebook
Kích hoạt Khi khách hàng nhấp vào mục Liên hệ ở trang chủ thì sẽ dẫn đến trang liên hệ này. Dữ liệu đầu ra bao gồm văn bản ngắn và các ô điền thông tin liên hệ, kèm thêm nút gửi và sửa lại.
Quá trình xử lý Truy xuất thông tin dữ liệu mới đã được cập nhật lên hệ thống
Thông tin đầu ra - Hình ảnh logo, thanh điều hướng, nội dung văn bản
- Khi điền xong thông tin và ấn nút gửi thì khách hàng sẽ nhận được dòng tin gửi lại là “cảm ơn bạn đã đóng góp ý kiến hay thư chưa được gửi…”
Bảng 6: Mô tả giao diện trang liên hệ
2.2.2.4 Giới thiệu
Hình 26: Giao diện trang giới thiệu
- Mô tả giao diện
Mô tả Tiêu đề(header) được cung cấp để sắp xếp các hình ảnh, văn bản, điều hướng, hình ảnh phổ biến… ở đầu trang WEB. Bao gồm:
Logo
Chức năng điều hướng (Menu)
Văn bản giới thiệu(một câu diễn tả về công ty, dịch vụ và sản phẩm của trang web)
Phần thân: Thiết lập phông chữ, kích thước phông chữ và tiêu đề phù hợp.
Thể hiện đoạn văn bản giới thiệu về lịch sử hình thành, tầm nhìn và sứ mệnh của công ty, các thông tin
về chính sách hỗ trợ dịch vụ/sản phẩm dành cho khách hàng
Footer: Là một phần hiển thị thông tin phổ biến cho tất cả các trang ở cuối trang WEB và có cùng vai trò như sidebar.
Bên trái: Địa chỉ công ty, số điện thoại, email
Ở giữa: Thông tin về các chính sách hỗ trợ khách hàng, thông tin đăng ký các dịch vụ khuyến mãi…
Bên phải: Google map, Fanpage Facebook
Kích hoạt Khi khách hàng click vào liên kết Giới thiệu ở trang chủ sẽ dẫn đến trang giới thiệu có giao diện như mô tả. Dữ liệu đầu ra sẽ bao gồm hình ảnh và nội dung văn bản về lịch sử hình thành, tầm nhìn và sứ mệnh của công ty, các thông tin về chính sách hỗ trợ dịch vụ/sản phẩm dành cho khách hàng Quá trình xử lý Truy xuất thông tin dữ liệu mới đã được cập nhật lên hệ
thống
Thông tin đầu ra Nội dung văn bản, hình ảnh logo, thanh điều hướng
Bảng 7: Mô tả giao diện trang giới thiệu
2.2.2.5 Đăng ký tài khoản
Hình 27: Giao diện trang đăng ký tài khoản
- Mô tả giao diện
Mô tả Tiêu đề(header) được cung cấp để sắp xếp các hình ảnh, văn bản, điều hướng, hình ảnh phổ biến… ở đầu trang WEB. Bao gồm:
Logo
Chức năng điều hướng (Menu)
Văn bản giới thiệu(một câu diễn tả về công ty, dịch vụ và sản phẩm của trang web)
Phần thân: Khi khách hàng đăng kí và đăng nhập vào trang web thì sẽ hiện ra trang tài khoản. Ở trang này khách hàng sẽ phải điền đầy đủ thông tin cá nhân tại phần chi tiết tài khoản để có thể mua hàng tại web và sẽ xem được tình
trạng đơn hàng như thế nào tại phần đơn hàng…
Footer: Là một phần hiển thị thông tin phổ biến cho tất cả các trang ở cuối trang WEB và có cùng vai trò như sidebar.
Bên trái: Địa chỉ công ty, số điện thoại, email
Ở giữa: Thông tin về các chính sách hỗ trợ khách hàng, thông tin đăng ký các dịch vụ khuyến mãi…
Bên phải: Google map, Fanpage Facebook
Kích hoạt Khách hàng click vào biểu tượng hình người ở góc bên phải thanh điều hướng sẽ dẫn đến trang đăng ký tài khoản. Dữ liệu đầu ra sẽ bao gồm các dòng văn bản ngắn giới thiệu về trang đăng ký tài khoản
Quy trình xử lý Truy xuất thông tin dữ liệu mới được cập nhật lên hệ thống Thông tin đầu ra Hình ảnh, nội dung văn bản, thanh điều hướng
Bảng 8: Mô tả giao diện trang đăng ký tài khoản
2.2.2.6 Trang tin tức
Hình 28: Giao diện trang tin tức
- Mô tả giao diện:
Mô tả Tiêu đề(header) được cung cấp để sắp xếp các hình ảnh, văn bản, điều hướng, hình ảnh phổ biến… ở đầu trang WEB. Bao gồm:
Logo
Chức năng điều hướng (Menu)
Văn bản giới thiệu(một câu diễn tả về công ty, dịch vụ và sản phẩm của trang web)
Phần thân: Sẽ gồm các bài viết chưa hoàn chỉnh khách hàng muốn xem them thì phải nhấn vào chính bài viết để được xem nội dung đầy đủ nhất
Các bài viết có nội dung về Tin nội bộ, Tin ngành nghề liên quan, tin khuyến mãi
Có hình ảnh đi kèm với mỗi bài viết
Các bài viết được sắp xếp theo thời gian từ mới nhất đến cũ nhất
Footer: Là một phần hiển thị thông tin phổ biến cho tất cả các trang ở cuối trang WEB và có cùng vai trò như sidebar.
Bên trái: Địa chỉ công ty, số điện thoại, email
Ở giữa: Thông tin về các chính sách hỗ trợ khách hàng, thông tin đăng ký các dịch vụ khuyến mãi…
Bên phải: Google map, Fanpage Facebook
Kích hoạt Khi khách hàng click vào liên kết Tin tức ở trang chủ thì sẽ dẫn đến trang tin tức có giao diện như mô tả. Dữ liệu đầu ra sẽ bao gồm nội dung các bài viết về Tin nội bộ, Tin ngành nghề liên quan, tin khuyến mãi
Quá trình xử lý - Truy xuất thông tin dữ liệu mới được cập nhật liên tục hàng ngày, hàng giờ
- Thông tin dữ liệu được cập nhật theo thời gian mới nhất Thông tin đầu ra Hình ảnh bài viết, logo, thanh điều hướng, văn bản
Bảng 9: Mô tả giao diện trang tin tức
2.3 Xây dựng website
- Thiết kế website trêncông cụ webmienphi
- Tên miền: sondaidong.vnn.mn
- Link website: sondaidong.vnn.mn
- Demo website bằng hình ảnh
Hình 32: Phần footer
+ Trang Sản phẩm
Hình 34: Trang sản phẩm
+ Trang giới thiệu
Hình 35: Trang giới thiệu
+ Trang tin tức
Hình 36: Trang tin tức
Hình 37: Trang tài khoản
+ Trang liên hệ
Hình 38: Trang liên hệ
- Các plugin trong website được cài đặt sẵn, có tích hợp các chức năng như thanh toán bằng cod, ví momo, chuyển khoản ngân hàng; đặt hàng, google map, facebook, tích hợp các tính năng liên hệ, bố cục website được sắp xếp sẵn theo mẫu, thuận tiện cho việc xây dựng website
2.4 Đóng gói và triển khai website
Phần 3. Chương trình marketing hỗ trợ hoạt động bán hàng trên website sơn Đại Đồng
3.1 Tích hợp tiện ích trên internet3.1.1 Fanpage facebook 3.1.1 Fanpage facebook
3.2 SEO
Nghiên cứu từ khóa
+ Trang chủ
Hình 39: Từ khóa trang chủ
Hình 40: Từ khóa trang sản phẩm
3.2.1 On - page3.2.2 Off - page 3.2.2 Off - page
NGUỒN TÀI LIỆU
STT Địa chỉ nguồn
1 Top 8 Công ty, đại lý cung cấp sơn uy tín tại Đà Nẵng - Toplist.vn
2 https://odclick.com/chuyen-san/phan-tich-nganh/tong-quan-thi-truong- son-viet-nam