IV. Thực hiện Dự án
4.1.1. Tạo lập website
Header
Có tên thương hiệu, slogan Logo, thanh tìm kiếm, mục sản phẩm
yêu thích, tài khoản, giỏ hàng Các trang chính của website: Trang chủ, danh mục sản phẩm, blog, liên hệ
Body
Có banner dẫn link Các sản phẩm khuyến mãi
Các sản phẩm mới Các bài viết nổi bật.
Footer
Giới thiệu ngắn về doanh nghiệp Các thông tin về doanh nghiệp ( Giới
thiệu, Sản phẩm, Liên hệ ) Các chính sách của doanh nghiệp Liên kết đến các trang social media của
doanh nghiệp Chat box
• Phân tích hệ thống
- Yêu cầu mục đích hệ thống
Nhân lực: Nguồn nhân lực cần am hiểu những kiến thức và kỹ năng sau: o Có kỹ năng phân tích thị trường, khách hàng mục tiêu.
o Kinh nghiệm thiết kế website thương mại điện tử. o Kiến thức về mô hình 7C trong thương mại điện tử. o Phân tích và Audit website bằng các công cụ: SEOquake, lighthouse,
Gtmetrix.
o Nắm được kiến thức về SEO Entity.
o Phân tích được từ khóa dựa vào các công cụ như: Keywordtool.io, Ahref, Google Keyword Planner o Xác định được Volume, allintitle,
KGR của từ khóa.
o Sử dụng được các công cụ phân tích nội dung: Thruu, Ahref, Small SEO tool o Kiến thức về checklist content chuẩn SEO. o Nắm chắc kiến thức về 6 bước thực hiện SEO.
o Đọc hiểu được các chỉ số trên Google Search Console, Google Analytics.
• Nền tảng o Xây dựng website trên nền tảng Wordpress
• Cơ sở vật chất o Hosting: Inet o
Domain: nileglasses.com o Có chứng chỉ an toàn SSL.
• Cơ sở pháp lý o Luật mẫu của UNCITRAL về thương mại điện tử của Liên hợp quốc. − Luật Giao
dịch điện tử được thông qua ngày 29/11/2005 và có hiệu lực từ ngày 1/03/2006.
o Luật Thương mại (sửa đổi) được thông qua ngày 14/06/2005 và có hiệu lực từ ngày 01/01/2006.
o Luật sở hữu trí tuệ năm 2005 và có hiệu lực từ ngày 01/07/2006. − Nghị định 52/2013/NĐ-CP về thương mại điện tử.
- Yêu cầu hệ thống
Trang Yêu cầu Mục đích
- Logo, slogan
- Menu
• SEO
- Banner
- Tối ưu khai báo google về doanh nghiệp
- Thanh tìm kiếm - Bảo vệ nội dung website
- Contact thương hiệu - Tăng thẩm quyền độ phủ
- Điều hướng người dùng - Tài khoản khách hàng Khách hàng: Trang chủ - Giúp khách hàng dễ dàng tìm kiếm thông tin
- Liên kết đến giỏ hàng
sản phẩm
- Bài viết. - Cung cấp thông tin doanh nghiệp
- Các sản phẩm theo danh - Cung cấp tin tức bài viết mục đầy đủ giá thành sản
- Giúp khách hàng giải đáp thắc mắc những phẩm. gì người khác đánh giá về doanh nghiệp và lý
- Thông tin doanh nghiệp do nên mua hàng của doanh nghiệp
- Các liên kết của doanh nghiệp
• SEO:
- Bộ lọc theo giá, bộ lọc - Đảm bảo là trang Pillar Page theo màu, danh mục - Dẫn link trỏ đến các Subpage liên quan Danh mục - Tìm kiếm kiếm sản phẩm Khách hàng:
sản phẩm - Đầy đủ tên sản phẩm, giá - Giúp khách hàng lọc tìm sản phẩm của cả, rating sản phẩm mình dễ dàng
Sản phẩm - Đảm bảo hiển thị rõ ràng mã sản phẩm tên sản phẩm giá cả, thông tin
- Nút tăng giảm số lượng sản phẩm cần mua và nút thêm vào giỏ hàng
- Cho khách hàng thấy được các sản phẩm thông tin giá cả đánh giá chi tiết
- Dẫn link trỏ đến các Subpage liên quan
Khách hàng:
- Giúp khách hàng hiểu rõ thông tin về sản phẩm
- Nút đặt mua giúp khách hàng cho sản phẩm vào giỏ hàng với 1 click
- Bình luận đánh giá rating - Tăng giảm số lượng sản phẩm cập nhập luôn sản phẩm giá mà không cần tính toán lại
- Thoải mái bình luận đánh giá sản phẩm nếu khách hàng muốn
- Hiển thị ảnh thumbnail Khách hàng:
ảnh phẩm kèm tên sản phẩm.
- Nút tăng số lượng sản - Giúp khách hàng xem lại rõ giá cả cũng như phẩm cần mua và cập nhập thông tin sản phẩm của mình mua.
giá luôn. - Nút thanh toán giúp khách hàng chuyển ngay Giỏ Hàng tới trang thanh toán với 1 click.
- Form điền mã giảm giá,
voucher. - Tăng giảm số lượng sản phẩm cập nhật luôn
- Đặt hàng nhanh gọn giá không cần tính toán lại. không mất thời gian. -
Giúp khách hàng sử dụng các phiếu ưu đãi - Nút thanh toán. một cách dễ dàng.
- Lựa chọn các phương thức Khách hàng: thanh toán
- Giúp khách hàng lựa chọn được phương
- Hiển thị đầy đủ thông tin thức thanh. toán phù hợp
Thanh đơn hàng
Toán - Các form điền thông tin cá - Khách hàng kiểm tra được thông tin đơn nhân của khách hàng hàng.
- Form điền mã giảm giá - Cung cấp thông tin giao hàng cho doanh
- Nút thanh toánnghiệp
- Thể hiện đầy đủ các bài Khách hàng:
Danh viết cho người xem - Giúp khách hàng thấy được danh sách các
- Thống kê top bài viết bài viết
Mục Bài
được đọc nhiều nhất - Giúp khách hàng thấy các bài viết có nhiều
Viết người đọc để họ biết được thông tin nào đang được quan tâm
Bài Viết - Bài viết SEO:
- Khai báo google đây là trang bài viết
- Comment đánh giá rating
- Gom nhóm các từ khoá vào trong 1 bài viết bài viết
Khách hàng:
- Chia sẻ Social
- Cung cấp thông tin hữu ích cho khách hàng
- Nút action
- Thoả mãn nhu cầu chia sẻ thông tin đến
– Nile Glasses | 24
Layout và Sitemap -
Layout:
Trang chủ
người khác qua Social
- Thoải mái comment đánh giá bài viết phía cuối bài viết
Liên hệ
- Contact của doanh nghiệp
- Google map
- Follow Social Icon
- Đưa thông tin liên lạc đến khách hàng để khách hàng có thể liên hệ trực tiếp
Blog Liên hệ
- Sitemap Khai báo sitemap
o Mức độ ưu tiên cao nhất: Trang chủ
o Mức độ ưu tiên thứ 2: Gồm 3 khối quan trọng là khối blog, khối thương mại điện tử và khối các page quan trọng.
o Khối các page quan trọng: Gồm các trang thuộc các page quan trọng của “Nile Glasses” gồm: Giới thiệu, Sản phẩm, Blog, Liên hệ, Chính sách
Trang này cung cấp cần đủ thông tin chi tiết và cần thiết cho khách hàng khi mua các sản phẩm tại website Nile Glasses. Nhằm nâng cao mức độ uy tín, chất lượng trong mắt KH
o Đã khai báo bằng robots.txt
Các tầng Các khối
Tầng 1: Homepage Các page quan trọng
Tầng 2: Page, Categories Thương mại điện tử
Tầng 3: Post, Product Blog
Khối thương mại điện tử: Các trang danh mục sản phẩm nằm trong khối TMĐT Phân tầng URL
Home page Trang chủ https://nileglasses.com/
Sản phẩm https://nileglasses.com/san-pham/ Giới thiệu https://nileglasses.com/gioi-thieu/
Blog https://nileglasses.com/blog/
Liên hệ https://nileglasses.com/lien-he/ Chính sách https://nileglasses.com/chinh-sach-bao-mat/
Page quan bảo mật Chính sách trọng Trả hàng và https://nileglasses.com/chinh-sach-tra-hang- va-hoan-tien/ hoàn tiền Chính sách https://nileglasses.com/chinh-sach-ban-hang/ bán hàng Chính sách https://nileglasses.com/chinh-sach-bao-hanh/ bảo hành Gọng kính https://nileglasses.com/gong-kinh/ Kính thời trang https://nileglasses.com/kinh-thoi-trang/
Tròng kính https://nileglasses.com/trong-kinh/
Pillar Page
Phụ kiện kính https://nileglasses.com/phu-kien-kinh/ Blog https://nileglasses.com/blog/ Liên hệ https://nileglasses.com/lien-he/ Sản phẩm https://nileglasses.com/kinh-mat-thoi-trang-9165/ Sản phẩm https://nileglasses.com/kinh-mat-thoi-trang-trong-suot-bur/ Sản phẩm https://nileglasses.com/kinh-ram-bo-tron-goc-0412/ https://nileglasses.com/bat-mi-cach-chon-gong-kinh-can-cho-mat-
Subpage Bài viết
tron/
Bài viết https://nileglasses.com/dieu-nen-biet-ve-trong-kinh-sieu-mong-1-76/ https://nileglasses.com/li-do-trong-kinh-hoga-duoc-san-don-nhat- Bài viết
hien-nay/
Tối ưu UI/ UX
- Tối ưu UI
• Website được thiết kế với giao diện đơn giản, có bố cục rõ ràng từng mục giúp khách hàng dễ tìm kiếm sản phẩm và thao tác trên website.
• Sử dụng hình ảnh đa dạng, đẹp và bắt mắt. • Sử dụng khoảng cách giữa các phần tử
• Mỗi sản phẩm được bán đều có thông tin chi tiết về sản phẩm và giá cả minh bạch.
• Tạo sự thống nhất giữa các trang, sự thống nhất giữa các trang được thể hiện bằng màu sắc chủ đạo là màu xanh và màu hồng là chủ đạo.
- Tối ưu UX
• Sử dụng khoảng trắng cho website
• Thêm các sản phẩm khuyến mãi để thu hút khách hàng
• Tốc độ tải trang o Tối ưu dung lượng ảnh, Giảm thiểu CSS và javascript , HTML, sử dụng plugin hỗ
trợ o Sử dụng PageSpeed Insights để check tốc độ web
• Nút CTA thu hút
• Tạo các hyperlink nổi bật và màu sắc của hyperlink được lựa chọn là màu vàng
• Hiển thị các thông tin quan trọng
• Theo dõi đơn hàng
• Wishlist ( Sản phẩm yêu thích )
– Nile Glasses | 25 • Tối ưu trang thanh toán: Rút gọn thông tin & đa dạng hình thức thanh toán
• Chat box Messenger
• Thiết lập breadcrumb Khách hàng điều hướng trang web dễ dàng
• Đánh giá Rating sản phẩm và bài viết
• Đăng nhập/ Đăng ký bằng Facebook, Gmail đăng nhập/ đăng ký nhanh chóng và thuận tiện