Báo Cáo Đề Tài Lên Kế Hoạch Thiết Kế Website Cho Thương Hiệu Zune Zx.pdf

Xác định mục đích và khách hàng mục tiêu của Website 2.1 Mục đích và mục tiêu của Website: Mục đích: - Tăng doanh số gấp 2 lần trong 6 tháng - Cải thiện dịch vụ chăm sóc khách hàng, CSA

TRƯỜNG ĐẠI HỌC KINH TẾ ĐÀ NẴNG KHOA THƯƠNG MẠI ĐIỆN TỬ

BÁO CÁO ĐỀ TÀI MÔN HỌC PHÂN TÍCH VÀ THIẾT KẾ WEBSITE

TÊN ĐỀ TÀI:

LÊN KẾ HOẠCH THIẾT KẾ WEBSITE CHO THƯƠNG HIỆU ZUNE.ZX

GVHD: Trương Hồng Tuấn NHÓM H

Lớp: 47K22.2 1 Cao Phạm Thủy Chi (trưởng nhóm)

2 Bùi Linh Đan

3 Hồ Hữu Nhã

4 Lê Thúc Hiếu Nhân

5 Phan Công Trung

Đà Nẵng, 03/2024

1 Giới thiệu doanh nghiệp: 3

1.1 Về ZUNE.ZX: 3

1.2 Sản phẩm: 3

2 Xác định mục đích và khách hàng mục tiêu của Website 5

2.1 Mục đích và mục tiêu của Website: 5

2.2 Khách hàng mục tiêu: 5

2.2.1 Chân dung khách hàng: 5

2.2.2 Mong muốn, nhu cầu và kỳ vọng của khách hàng: 7

2.3 Tuyên bố mục đích Website: 8

3 Tổng quan Website hiện tại của ZUNE.ZX: 9

3.1 Tổng quan: 9

3.1.1 Trang chủ: 9

3.1.2 Trang sản phẩm: 10

3.1.3 Trang thông tin doanh nghiệp: 13

3.1.4 Trang liên hệ: 14

3.1.5 Chăm sóc khách hàng 14

3.1.6 Trang tin tức 16

3.2 Đặc điểm và tính năng: 16

4 Đề xuất thay đổi về thiết kế và tính năng thương mại điện tử của Website: 22

4.1 Xác định nội dung tổng quan của Website: 22

4.2 Chọn cấu trúc Website 23

4.3 Xác định hệ thống điều hướng của Website: 23

4.4 Thiết kế mặt “feel” và “look” của Website: 24

4.4.1 Sự nhất quán về visual: 24

4.4.2 Màu sắc và visual tương phản: 25

4.4.3 CSS và định dạng: 26

4.4.4 Page Layout 26

4.5 Kiểm tra, đăng và bảo trì Website: 26

4.6 Đề xuất thay đổi về tính năng: 26

5 Nguồn tham khảo: 29

1 Giới thiệu doanh nghiệp:

hiện đại pha trộn chất riêng lập dị của mình”.

1.2 Sản phẩm:

Sản phẩm ZUNE.ZX theo đuổi chủ nghĩa phi giới tính và không ngừng ngừng khẳngđịnh sự “bất quy tắc” trong thời trang

BảnCác thiết kế tôn vinh sự huyền bí của 2 màu chủ đạo đen, đỏ và thể hiện cực rõ vănhóa Nhật từ thiết kế cổ áo, vạt áo, túi, họa tiết cho đến với việc lựa chọn chất liệu, in ấntheo phong cách manga, anime Nhật Bản

Các sản phẩm chính gồm áo (blazer, jacket, áo thun, sơ mi, crop top, ), quần, chânváy, giàu, set phối sẵn Thương hiệu còn kinh doanh thêm phụ kiện như túi, găng tay,băng đầu khiến chất Nhật Bản càng rõ nét.

2 Xác định mục đích và khách hàng mục tiêu của Website

2.1 Mục đích và mục tiêu của Website:

Mục đích:

- Tăng doanh số gấp 2 lần trong 6 tháng

- Cải thiện dịch vụ chăm sóc khách hàng, CSA luôn trên mức 4

Mục tiêu:

- Thêm tối thiểu 3 link mạng xã hội Facebook, TikTok, Instagram vào thông tin liên

hệ của Website Tạo ít nhất mỗi nền tảng mạng xã hội một cộng đồng dành cho hộiviên đạt 5,000 thành viên trong 6 tháng

- Tăng tỉ lệ giữ chân khách hàng đối với Website lên 5% trong nửa năm

- Cập nhật 2 - 3 bài viết/ tuần trên Website, kết hợp điều hướng từ các trang mạng xãhội

- Tăng và duy trì tỉ lệ chuyển đổi của Website trong khoảng từ 2% đến 5%

- Cập nhật hàng tồn kho ít nhất 2 lần 1 ngày vào Website

- Kiểm tra, phản hồi kịp thời thắc mắc, feedback từ khách hàng trong vòng 1 tiếng

2.2 Khách hàng mục tiêu:

2.2.1 Chân dung khách hàng:

● Nhân khẩu học:

- Tuổi: 18 - 34

Theo Similar Web năm 2022

- Giới tính: 58,74% là nam, 41,26% là nữ, khách hàng nam chiếm ưu thế hơn so vớinữ

Theo Similar Web 2022

- Địa lW: toàn quốc, chủ yếu tập trung ở các thành phố lớn có đặt các chi nhánh cửahàng: Hà Nội, Đà Nẵng, TP Hồ Chí Minh

Theo Similar Web 2022

● Hành vi học:

- Giao tiếp: sử dụng mạng xã hội thường xuyên để cập nhật, trao đổi tin tức và xuhướng thời trang

- Mua hàng: có thói quen mua hàng trực tuyến trên các sàn thương mại điện tử

- Phong cách: theo đuổi phong cách thời trang Nhật Bản

● Tâm lý học:

- Khao khát: mong muốn được thể hiện cá tính bản thân qua thời trang

2.2.2 Mong muốn, nhu cầu và kỳ vọng của khách hàng:

Khách hàng của ZUNE.ZX nói chung và sử dụng Website của thương hiệu nói riêng chủyếu là GenZ với các hành vi, yêu cầu và kỳ vọng nhất định về Website khi cập nhật thôngtin hoặc mua sắm trực tuyến

● Hành vi

- Cập nhật các thông tin về sản phẩm của ZUNE.ZX (mô tả sản phẩm, phân loại,giá)

- Mua hàng dựa trên đánh giá/ nhận xét từ khách hàng đi trước

- Cập nhật các tin tức về thời trang, các mẹo phối đồ đối với các sản phẩm từ thươnghiệu

- Chia sẻ đường dẫn sản phẩm, bài viết qua các nền tảng mạng xã hội

● Nhu cầu

- Truy cập được Website trên đa dạng thiết bị: điện thoại, laptop, máy tính bảng,

- Thích sử dụng Website có các tính năng điều hướng dễ sử dụng

- Website đáp ứng các tính năng căn bản của một Website thương mại điện tử

● Kỳ vọng

- Website được thiết kế thu hút, chuyên nghiệp và nội dung sản phẩm, bài viết chỉnchu, thu hút

- Website được đầu tư về UI/UX, đáp ứng các tiêu chuẩn về mặt nhìn lẫn tính năng

- Website liên kết với các trang mạng xã hội để thuận tiện chia sẻ nội dung và xâydựng cộng đồng khách hàng

- Được kết nối, hỗ trợ và giải đáp các thắc mắc từ thương hiệu

- Cung cấp các bài viết, mẹo, tin tức và đánh giá chuyên môn về xu hướng, thờitrang hữu ích

- Sử dụng đa dạng nội dung chữ viết, hình ảnh, video để tạo hứng thú và giữ chânkhách hàng lâu hơn.

3 Tổng quan Website hiện tại của ZUNE.ZX:

Link Website: https://zunezx.com/

3.1 Tổng quan:

- Cấu trúc Website theo dạng phân cấp và đảm bảo các trang cơ bản của mộtWebsite doanh nghiệp gồm: Trang chủ, Trang sản phẩm tổng quan, Trang sảnphẩm chi tiết, Trang về doanh nghiệp, Trang liên hệ, Trang chăm sóc khách hàng

- Màu sắc chủ đạo đen, đỏ và trắng

- Các trang con còn lại được sử dụng chung header và footer:

về chủng loại khách hàng không có nhiều lựa chọn

Trang tất cả sản phẩm

Trang chỉ sản phẩm áo

- Trang sản phẩm chi tiết:

Phần thông tin về sản phẩm khách sẽ đặt hàng gồm kích cỡ, số lượnghàng tồn kho, số lượng và quyết định mua hàng ngay hay bỏ vào giỏ hàng

Mô tả chi tiết sản phẩm

Đề xuất sản phẩm tương tự

3.1.3 Trang thông tin doanh nghiệp:

Trang “About us”

Trang “About us” giới thiệu về câu chuyện hình thành ZUNE.ZX và tuyên bố định hướngphong cách thiết kế các mẫu sản phẩm của thương hiệu

3.1.4 Trang liên hệ:

- Gồm địa chỉ, bản đồ định vị các chi nhánh cửa hàng, liên kết trang mạng xã hội và

số điện thoại liên lạc kết nối đến doanh nghiệp

Trang cửa hàng - gồm các thông tin liên hệ doanh nghiệp

3.1.5 Chăm sóc khách hàng

Website luôn có box chat kết nối trực tiếp đến Messenger của Facebook doanh nghiệp để

hỗ trợ khách hàng nhanh nhất

Tin nhắn tự động chăm sóc khách hàng

Ngoài ra Website hiện tại của ZUNE.ZX cũng có: Hướng dẫn mua hàng và Hướng dẫnchọn size chi tiết hỗ trợ khách hàng mua hàng nhanh chóng hơn trên Website.

Trang hướng dẫn chọn hàng

Trang hướng dẫn chọn size

3.1.6 Trang tin tức

Trang tin tứcTrang tin tức cung cấp các bài viết về chương trình giảm giá, ra mắt sản phẩm/ bộ sưu tậpmới hoặc cập nhật các kiến thức về xu hướng thời trang

3.2 Đặc điểm và tính năng:

Dựa vào lW thuyết 12 đặc trưng, tính năng cần có của một Website thương mại điện

tử, có thể phân tích Website ZUNE.ZX hiện tại dưới đây

3.2.1 Logo: được đặt ngay trên header rõ nét giúp người dùng dễ nhận diện

3.2.2 Tính năng tìm kiếm nâng cao: chưa đa dạng bộ lọc tìm kiếm, chỉ tìm kiếm được

sản phẩm trên Website

Tính năng tìm kiếm chưa tối ưu khi chỉ tìm kiếm sản phẩm

3.2.3 Chính sách mua hàng: chưa cập nhật chính sách mua hàng gây bất tiện cho người

dùng là thành viên

Trang chính sách mua hàng

3.2.4 Deal và giảm giá: các chương trình deal và giảm giá thường xuất hiện dưới dạng

banner hoặc tin tức để thông báo Phần sảm phẩm giảm giá được tách thành mục “sảnphẩm giảm giá” riêng khiến người dùng không thể xem phần trăm giá giảm, so sánh giữagiá cũ và giá mới để thúc đẩy họ ra hành vi mua

3.2.5 Trang đăng nhập và trang giỏ hàng

Trang đăng nhập cho khách hàng và trang giỏ hàng tương đối hoàn chỉnh

Trang đăng nhập cho khách hàng

Trang giỏ hàng

3.2.6 Biểu tượng giỏ hàng: được đặt cố định trên header ở góc trên bên phải thân thuộc,

giúp khách hàng dễ dàng tìm thấy khi di chuyển giữa các trang con và đưa ra quyết địnhmua hàng thuận tiện, nhanh chóng hơn

3.2.7 Tính năng đánh giá, nhận xét sản phẩm:

Phần feedback sản phẩm được chia thành một trang riêng nhưng chưa hoàn thiện và thựchiện đúng chức năng vốn có Đối với trang sản phẩm chi tiết, cuối mỗi sản phẩm không

có phần nhận xét và đánh giá sản phẩm từ khách hàng mua trước đó

Trang “Feedback” không có thông tin hữu ích

3.2.8 Đăng ký nhận thông tin:

Chưa đầu tư hệ thống chăm sóc khách hàng khi còn đơn giản là boxchat điều hướng chămsóc người dùng qua Messenger, chưa có mục đăng kW nhận thông tin qua thư điện tử

3.2.9 Làm nổi bật liên kết mạng xã hội:

Phần liên kết mạng xã hội được đặt nổi bật dưới Footer giúp khách hàng dễ dàng tiếp cậnliên lạc và cập nhật thông tin

Liên kết mạng xã hội được đặt nổi bật dưới phần Footer

3.2.10 Thông tin liên lạc nhanh:

Thông tin liên lạc nhanh đặt dưới Footer

3.2.11 Tính năng thu/ phóng hình ảnh sản phẩm:

Mua hàng trên mạng đòi hỏi độ phân giải cũng như chất lượng hình ảnh cao, đem lại tínhchân thật và niềm tin từ khách hàng ZUNE.ZX đã làm tốt điều này khi vừa chọn hình ảnhsắc nét vừa giúp khách hàng nhìn cận hình ảnh không bị bể

Xem chi tiết ảnh sản phẩm với phân giải cao hỗ trợ khách hàng xem xét

3.2.12 Tính năng đề xuất sản phẩm tương tự:

Phần đề xuất sản phẩm tương tự dưới mỗi sản phẩm giúp khách hàng cân nhắc nhiềuquyết định mua sắm hơn, tăng xác suất chuyển đổi khách bỏ vào giỏ hàng

Tính năng đề xuất sản phẩm tương tự dưới mỗi sản phẩm

4 Đề xuất thay đổi về thiết kế và tính năng thương mại điện tử của Website: 4.1 Xác định nội dung tổng quan của Website:

- Header bao gồm logo, danh mục các trang con, tính năng Tìm kiếm

- Footer bao gồm thông tin liên lạc, địa chỉ mạng xã hội, chính sách người tiêu dùng,

- Trang chủ bao gồm slide trình chiếu các sự kiện nổi bật của trang web, sản phẩm,

bộ sưu tập sản phẩm, giới thiệu về thương hiệu, video sản phẩm

- Trang Về chúng tôi giới thiệu về câu chuyện và nguồn cảm hứng của thương hiệu

- Trang Bộ sưu tập bao gồm thông tin và nguồn cảm hứng của từng bộ sưu tập, đínhkèm chức năng mua hàng

- Trang Sản phẩm chứa nhiều danh mục sản phẩm cùng nhiều chức năng khác nhau(phân loại, đánh giá, sản phẩm liên quan, chính sách mua hàng)

- Trang Tin tức bao gồm thông tin về sản phẩm sắp ra mắt, xu hướng thời trang,chương trình ưu đãi

- Trang Liên hệ chứa các thông tin để người dùng liên lạc với doanh nghiệp (gồmđịa chỉ trụ sở, số điện thoại, email, liên kết mạng xã hội), nơi gửi feedback đếndoanh nghiệp trực tiếp trên website, chính sách người dùng

- Trang Tài khoản chứa thông tin cá nhân của người dùng và thông tin đơn hàng

- Trang Giỏ hàng bao gồm nơi đặt hàng, chính sách người dùng

4.2 Chọn cấu trúc Website

4.3 Xác định hệ thống điều hướng của Website:

Thanh điều hướng cạnh bên

Đường dẫn hình ảnh, video

Thanh tìm kiếm sản phẩm, bài viết

4.4 Thiết kế mặt “feel” và “look” của Website:

4.4.1 Sự nhất quán về visual:

- Font chữ và typeface: Website sử dụng các font chữ như: montserrat, anton

- Vị trí nội dung: nội dung nằm giữa trang và được căn đều 2 bên

- Bảng màu:

- Placement of name, logo, navigation: Logo của website nằm bên trái ngoài cùng ởphía trên Thanh menu nằm ở trên cùng chính giữa là vị trí ở ngay tầm mắt củakhách hàng giúp khách hàng chú W nhiều hơn.

4.4.2 Màu sắc và visual tương phản:

- Chỉ dùng 1 bảng màu duy nhất áp dụng cho toàn bộ trang web, các poster,banner, để tạo sự thống nhất, tăng độ nhận diện thương hiệu

- Ý nghĩa màu sắc:

Màu đen: tối giản và hiện đại Màu đen là một sự lựa chọn tối giản và hiện đại chotrang web thời trang Nó có thể tạo ra cái nhìn sạch sẽ và đơn giản, tập trung vàonội dung và hình ảnh

Màu đỏ: Đam mê và sự hưng phấn có thể tạo ra một cảm giác nhiệt huyết và sựhứng khởi, phù hợp cho hình ảnh thương hiệu đang hướng đến là sự cá tính củagiới trẻ

- Linh hoạt trong việc phân bổ màu sắc, xen kẽ giữa màu tối và màu sáng để tăngcường độ tương phản cho trang web

4.4.3 CSS và định dạng:

CSS có thể giúp thay đổi đồng thời các thông số của các thành phần trang web nhưfont chữ, màu sắc, cỡ chữ, kiểu chữ một cách cực kì nhanh chóng, tạo sự thống nhất vềphần thiết kế của trang Web

4.4.4 Page Layout

- Website được xây dựng layout sử dụng CSS

- Tiêu đề ở đầu trang chứa tên công ty, hình ảnh sản phẩm dạng slide, công cụ tìmkiếm và nút liên hệ

- Nội dung luôn nằm giữa trang

- Hộp thoại liên hệ trực tiếp là biểu tượng điện thoại/zalo

- Các liên kết điều hướng chính ở thanh điều hướng trên cùng trong footer của trang

- Các biểu tượng truyền thông xã hội, liên kết trang tuyên bố chính sách bảo mật vàquyền riêng tư, và kW hiệu bản quyền ở cuối mỗi trang

4.5 Kiểm tra, đăng và bảo trì Website:

Kiểm tra: usability testing được thực hiện bởi 2 tester cùng với hỗ trợ viên của nềntảng thuê hosting

Đăng tải: website được tạo và duy trì trên nền tảng của công ty cung cấp dịch vụHosting

Bảo trì: câp nhật danh mục sản phẩm, chương trình ưu đãi thường xuyên, đăng tảibài viết vào mục Tin tức theo lịch trình đã định sẵn quản lW thông tin khách hàngtrên cơ sở dữ liệu Wordpress

4.6 Đề xuất thay đổi về tính năng:

- Mức giá

- Phân loại theo tính năng, màu sắc

- Sắp xếp theo thứ tự (Giá cao -> thấp, Giá thấp -> cao, Sản phẩm mới nhất)

b Thêm đa dạng kết quả khi sử dụng tính năng tìm kiếm

Không chỉ trả về kết quả là sản phẩm trên Website mà còn trả về thêm những kết quảnhư những blog với nội dung liên quan nhằm hỗ trợ khách hàng đưa ra quyết định

Ví dụ: Khi khách hàng tìm kiếm từ khóa “áo” => Website trả về những sản phẩm có liênquan, kèm theo những blog như “Xu hướng áo…”, “Top những sản phẩm áo bánchạy…”

5 Nguồn tham khảo:

Celeb.vn (2021).Zune Zx – Local brand unisex theo phong cách Nhật Bản, 05/09/2021, từ

<https://www.celeb.vn/zune-zx-local-brand-unisex-theo-phong-cach-nhat-ban.html>MONA.media (2023) Gen Z là ai? Tìm hiểu hành vi mua sắm online của Gen Z hiện nay,18/03/2023, từ <https://mona.media/gen-z-la-ai/>