1. XÂY DỰNG WEBSITE
1.4. Giao diện website:
1.4.1 Giao diện trang chủ:
Trang chủ Chérie là trang chính của website chứa tất cả các mục để lựa chọn. Từ trang chủ khách hàng có thể đi đến mọi thông tin cần thiết:
Thông tin về các chương trình khuyến mãi. Chúng tôi - Chérie là ai.
Các sản phẩm, các bộ sưu tập được trình bày một cách hài hòa và dễ tiếp cận cho khách hàng.
36
37
a) Logo và Favicon
Logo của Chérie được thiết kế theo xu hướng “Đơn giản là chìa khóa của sự thanh lịch”. Biểu tượng bao gồm 2 chữ cái C giống hệt nhau xếp lồng vào tạo ra sự cân bằng và hài hòa, bên dưới là tên Chérie được viết in đậm với các đường nét sắc gọn đồng thời sử dụng hai màu quen thuộc là đen và trắng tượng trưng cho sự uy tín, trang trọng và tinh tế.
b) Màu sắc chủ đạo
Màu sắc chủ đạo chính của Chérie là hồng, xanh ngọc, đen - kết hợp giữa tình yêu lãng mạn cùng sự nhẹ nhàng, dịu dàng nhưng cũng không kém phần sang trọng và quyến rũ phù hợp với thị hiếu chung của khách hàng mà Chérie đang muốn nhắm tới.
c) PopUp đăng ký nhận thông tin
Khi khách hàng truy cập vào website, sẽ tự động hiện lên 1 cái PopUp để khách hàng có thể đăng ký email nhận được thông báo của cửa hàng về các chương trình khuyến mãi cũng như những sản phẩm mới. Đây là một hình thức giúp cho Chérie có thể tiếp cận khách hàng, tăng độ nhận diện và quảng bá sản phẩm tốt hơn.
38
d) Đầu trang
Hiển thị mã giảm giá cho khách hàng như một món quà chào mừng khách hàng đến với website.
e) Thanh navigation
Thanh navigation gồm có:
Trang chủ: trang chính của website
Các loại sản phẩm khác nhau mà Chérie đang kinh doanh: áo lót, quần lót, đồ ngủ, phụ kiện, bộ sưu tập - nguyên set đồ, dịch vụ gói quà, blog và giới thiệu website Thay vì dồn hết tất cả các loại sản phẩm vào một ô “sản phẩm”, từng loại sản phẩm được chia ra đặt trên navigation để người dùng có thể dễ dàng thấy được Chérie bán các mặt hàng nào.
39
f) Banner quảng cáo, các nhóm banner slider Banner slider
Trưng bày các chương trình khuyến mãi của Chérie:
- Mùa yêu thương được đặt trước vì đang trong thời gian diễn ra sự kiện.
- Black friday được đặt sau đó để thông báo trước về sự kiện để khách hàng không bị bỏ lỡ.
Nhóm banner
Hiện các loại mặt hàng, dịch vụ chính của Chérie gồm sản phẩm: áo lót, quần lót, đồ ngủ và dịch vụ gói hàng.
40
Banner trang chủ:
Gồm 3 banner cuối trang hiện 3 bộ sưu tập tiêu biểu của Chérie: tươi mát, ngọt ngào, huyền bí.
g) Một số sản phẩm mới và sản phẩm được ưa chuộng
41
h) Về chúng tôi: cung cấp những thông tin giới thiệu cơ bản về Chérie.
i) Footer
Hiển thị các thông tin liên lạc đến Website như địa chỉ, số liên lạc, email, trang Facebook và các đường dẫn đến các trang điều khoản, chính sách chi tiết của Website.
42
1.4.2 Giao điện đăng ký tài khoản:
Tương đối đơn giản, chỉ yêu cầu khách hàng cung cấp các thông tin như: Tên, Giới tính, Ngày sinh, email liên lạc.
Tại trang này khách hàng có thể tạo mới một tài khoản, sử dụng tài khoản đó để đăng nhập vào website, khi mua hàng với tài khoản đã đăng nhập thì sẽ được hưởng những chính sách ưu đãi cho thành viên.
1.4.3 Giao diện trang nhóm sản phẩm:
a. Banner header: mô tả sự kiện khuyến mãi đang diễn ra - mùa yêu thương ở tất cả các trang nhóm sản phẩm.
b. Danh mục sản phẩm
43
c. Bộ lọc sản phẩm: Lọc về giá
d. Phân trang: Có thể hiển thị tới 20 sản phẩm một trang.
44
Thêm vào đó, các sản phẩm thể hiện trong trang nhóm sản phẩm đều được trưng bày mẫu ảnh với phông nền nhạt để có thể làm nổi bật hình ảnh của sản phẩm và giúp khách hàng có thể chọn được thứ mình muốn và phù hợp với mình dễ hơn. Ngoài ra, khác với các trang khác thì trang “Quần lót” không hiển thị mẫu ảnh mà hiển thị hình ảnh sản phẩm để giúp khách hàng nhìn rõ khác biệt của mỗi loại quần vì nhiều người không có kiến thức về quần lót thường hay bị nhầm lẫn.
45
2.4.4 Giao diện trang sản phẩm:
Hình sản phẩm nằm bên trái.
Các thông tin chi tiết về sản phẩm nằm bên phải: có biến thể của sản phẩm được chia theo màu sắc và kích thước.
Nếu như ở các website nội y tầm trung khác đưa ra các mô tả mơ hồ về sản phẩm, Chérie có sản phẩm được mô tả chi tiết.
46
Các sản phẩm có liên quan đến nhóm sản phẩm được hiện bên dưới.
2.4.5 Giao diện trang giỏ hàng:
Có cửa sổ giỏ hàng nhỏ xuất hiện ngay bên góc phải của web ngay khi người dùng bấm “thêm sản phẩm vào giỏ hàng”.
47
Ở trang giỏ hàng:
Cung cấp: thông tin đơn hàng, các sản phẩm, các chính sách mua hàng và ghi chú cho khách hàng.
48
1.4.6 Giao diện trang liên hệ:
Tại đây khách hàng có thể khiếu nại về việc mua, giao nhận hàng hoặc gợi ý hướng phát triển website cho nhà quản trị, đồng thời có thể xem trước vị trí cụ thể của cửa hàng.
1.4.7 Giao diện blog:
49
Cung cấp thêm kiến thức cho khách hàng về nội y, những chia sẻ từ chuyên gia thời trang đưa ra những phong cách và xu hướng. Người dùng có thể cập nhật những bài viết mới nhất trong sidebar “Bài viết mới nhất”.
1.4.8 Giao diện giới thiệu về website:
Tại đây khách hàng có thể tìm hiểu chi tiết về Chérie: tầm nhìn, sứ mệnh, giá trị cốt lõi; thông tin về website; và các chính sách liên quan tới việc mua và giao nhận hàng hóa.
50