CHƯƠNG 2: KẾ HOẠCH VÀ TRIỂN KHAI DỰ ÁN
2.2. Phân tích hiện trạng các kênh của dự án
2.2.2 Website & mobile site
2.2.2.3 Giao diện các trang chính
Phần header
• Trang chủ là nơi mà người dùng thường truy cập đầu tiên trong website, chính vì vậy mà Phụ kiện nhà Ong sử dụng màu sắc chủ đạo là vàng pastel và trắng để tạo ấn tượng đối với người dùng nhưng vẫn mang lại cảm giác dịu mắt.
• Vị trí logo thương hiệu đặt chính giữa màn hình để có thể tiếp cận đến người dùng dễ dàng và có thể ghi nhớ thương hiệu hơn.
• Phần đầu giao diện là hình ảnh banner giới thiệu về sản phẩm và thông tin của website.
Hình 2. 12: Sơ đồ trang website
Hình 2. 13: Giao diện website trước dự án
57
• Các thanh điều hướng đến các trang như “Trang chủ”, “Trang giới thiệu”, “Trang cửa hàng”,… được sắp xếp theo bố cục rõ ràng giúp người dùng dễ tao tác và tìm kiếm các thông tin khi cần thiết.
• Góc trên bên phải có biểu tượng giỏ hàng và nút tìm kiếm, giúp người dùng dễ dàng quản lý và tìm kiếm sản phẩm khi truy cập vào website.
Phần Body
• Phía dưới banner là giới thiệu sơ lược ngắn gọn về cửa hàng nhà Ong với các sản phẩm phụ kiện, quà tặng mà khách hàng đang tìm kiếm.
• Các sản phẩm nổi bật đang được giảm giá trong thời gian nhất định, điều này nhằm mục đích có thể thúc đẩy khách hàng mua hàng.
• Danh mục sản phẩm mới về được đặt ngay trang chủ nhằm thu hút khách hàng tìm hiểu thêm về các sản phẩm mới.
• Gift box bao gồm các set quà tặng được thiết kế theo yêu cầu, nhằm thu hút sự quan tâm đối với những khách hàng đang muốn tìm kiếm các set quà tặng.
• Mục xem bài viết tại đây bao gồm các tin cẩm nang về phụ kiện & quà tặng mới nhất với các chuyên mục khác nhau, các bài viết được nhà Ong cập nhật liên tục.
Hình 2. 14: Giao diện phần body của website
58 Phần Footer
• Ở cuối trang footer bao gồm các thông tin, địa chỉ liên lạc với phụ kiện nhà Ong.
• 3 liên kết đến các trang mạng xã hội của nhà Ong để khách hàng có thể tìm hiểu và theo dõi nhà Ong trên các nền tảng khác.
• Các trang chính sách của nhà Ong giúp khách hàng có thể tìm hiểu về các thông tin khi khi muốn đặt hàng tại website.
b) Trang giới thiệu: Trang giới thiệu của Phụ kiện nhà Ong bao gồm các thông tin tổng quan về nhà Ong như tầm nhìn, sứ mệnh, giá trị cốt lõi,… và giới thiệu các thành viên sáng lập nên nhà Ong.
c) Trang cửa hàng
• Trang cửa hàng bao gồm các danh mục sản phẩm: gấu bông, lồng đèn, ly giữ nhiệt, móc khóa,…được sắp xếp theo thứ tự, phân chi danh mục rõ ràng giúp khách hàng dễ dàng tìm kiếm được sản phẩm.
Hình 2. 15: Footer website Phụ kiện nhà Ong
Hình 2. 16: Trang giới thiệu
59
• Ngoài ra, Ở góc trên phải có tùy chọn hiển thị sản phẩm theo thứ tự "Mới nhất"
giúp cho khách hàng có thể dễ dàng thay đổi cách sắp xếp sản phẩm theo nhu cầu cá nhân như: giá, thứ tự mức độ phổ biến,…
d) Trang cẩm nang phụ kiện
Trang cẩm nang phụ kiện được chia thành 3 danh mục: Phụ kiện có gì hay, hướng dẫn làm phụ kiện, quà tặng & phụ kiện. Mỗi mục sẽ có các bài đăng chuẩn SEO về phụ kiện
& quà tặng, giúp khách hàng có thể tìm hiểu thêm thông tin về các sản phẩm.
Hình 2. 17: Trang cửa hàng
Hình 2. 18: Trang bài viết, tin tức
60 e) Trang liên hệ
Trang liên hệ giúp khách hàng có thể liên hệ đến nhà Ong và để lại các thông tin, thắc mắc về sản phẩm,…. Các phản hồi của khách hàng tại đây khi gửi đi đều sẽ được đội tư vấn chăm sóc của nhà Ong hỗ trợ và giải đáp. Phía dưới trang liên hệ là bản đồ cửa hàng để khách có thể tham khảo vị trí của Shop.
f) Trang tài khoản
Trang tài khoản sẽ bao gồm thông tin đăng nhập dành cho những khách hàng đã tạo tài khoản trước đó và thông tin đăng kí dành cho các khách hàng lần đầu ghé Phụ kiện nhà
Hình 2. 19: Trang liên hệ
61
Ong chưa tạo tài khoản. Việc tạo tài khoảng sẽ giúp khách hàng có thể lưu lại các sản phẩm đã thêm vào giỏ hàng và thuận tiện hơn trong quá trình thanh toán.
g) Trang giỏ hàng
Trang giỏ hàng gồm thông tin các sản phẩm mà khách hàng đã thêm vào giỏ, chi phí giao hàng, mã giãm giá và mức giá ước tính cuối cùng cho đơn hàng.
Hình 2. 20: Trang tài khoản
Hình 2. 21: Trang giỏ hàng
62 h) Các trang chính sách
Phụ kiện nhà Ong đưa ra 3 chính sách bảo mật thông tin, chính sách vận chuyển và chính sách trả hàng ở dưới Footer để khách hàng có thể đọc và tìm hiểu kĩ hơn về các chính sách khi mua hàng. Điều này sẽ đảm bảo người mua hoàn toàn hiểu rõ và đồng ý với các chính sách trên và tiến hành đặt hàng, nhà Ong cũng sẽ đảm bảo mọi quyền lợi của khách hàng khi truy cập vào website và mua hàng.
Hình 2. 22: Trang chính sách tại footer
Hình 2. 23: Chính sách đổi trang dành cho khách hàng