báo cáo đề tài lên kế hoạch thiết kế website cho thương hiệu zune zx

TRƯỜNG ĐẠI HỌC KINH TẾ ĐÀ NẴNGKHOA 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Ế WEBSITETÊ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.1Về ZUNE.ZX: 3

1.2Sả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

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.2Chọn cấu trúc Website 23

4.3Xá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: 1.1 Về ZUNE.ZX:

ZUNE.ZX là thương hiệu thời trang chuyên phong cách Nhật Bản Unisex xuất hiện tại Việt Nam khoảng cuối năm 2017.

Thương hiệu hướng đến sự bình đẳng, phá bỏ mọi giới hạn về giới tính, chuẩn mực cái đẹp trong thời trang Cái tên ZUNE.ZX được tạo nên từ định hướng phi giới tính Nếu xx đại diện cho phái nữ, xy là nam, thì zx được chọn làm kW hiệu cho “Phi Giới Tính”.

Qua mỗi thiết kế, ZUNE.ZX truyền tải câu chuyện “Ngược dòng chảy thời cuộc tạo ra những giá trị khác biệt giữa sự hòa quyện tinh tế phi giới tính cùng xu hướng thiết kế

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.

Cá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ăn hó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 ấn theo 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ân vá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 Website2.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ội viê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ới nữ.

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ửa hà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à xu hướ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ông tin 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ương hiệ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ỉn chu, 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ây

dự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.

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

Mục đích của Website ZUNE.ZX là gia tăng doanh số và cải thiện dịch vụ chăm sóc khách hàng trực tuyến Để đạt được điều này Website cần đảm bảo:

- Nâng cao độ nhận diện của thương hiệu trên các nền tảng trực tuyến, tạo cộng đồng người dùng trung thành của thương hiệu.

- Thiết lập sự tin cậy của người dùng đối với thương hiệu qua cung cấp dịch vụ hậu mãi chu đáo.

- Cung cấp người dùng không chỉ thông tin về sản phẩm, doanh nghiệp mà còn cập nhật liên tục tin tức, xu hướng thời trang

Để đạt được những mục đích trên khi xây dựng một Website hướng đến người dùng, thương hiệu phải hoàn thành những mục tiêu con:

- Tận dụng liên kết với các nền tảng mạng xã hội để kết nối, tạo cộng đồng người dùng trao đổi thông tin với nhau

- Cung cấp đầy đủ các công cụ, tính năng cơ bản của Website thương mại điện tử như giỏ hàng, sản phẩm yêu thích, đề xuất sản phẩm để cải thiện trải nghiệm mua hàng.

- 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ời trang 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ân khá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ột Website doanh nghiệp gồm: Trang chủ, Trang sản phẩm tổng quan, Trang sản phẩ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.

3.1.1 Trang chủ:

- Trang chủ là một trang tách biệt so với các trang con còn lại với banner chính chiếm toàn màn hình cung cấp thông tin về chương trình khuyến mãi đang diễn ra - Có liên kết dẫn đến các trang con: Bộ sưu tập (trang hình ảnh), Tất cả sản phẩm

(trang sản phẩm tổng quan), Cửa hàng (trang liên hệ).

- Ngoài ra có kW hiệu giỏ hàng ở góc phải điều hướng đến giỏ hàng, phần đăng nhập tài khoản và thanh tìm kiếm.

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

3.1.2 Trang sản phẩm:

- Trang tổng quan sản phẩm: không có bộ lọc về giá, màu sắc sản phẩm, chỉ có thanh điều chỉnh số sản phẩm hiển thị trên mỗi hàng Về sự vắng mặt của bộ lọc màu sắc điều này dễ hiểu bởi màu sắc chủ đạo thương hiệu hướng tới là đỏ và đen, 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ượng hà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ướng phong 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ẫn chọ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ức

Trang 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ập mớ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ản phẩ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ữa giá 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 định mua 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ực hiệ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ăm só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ận liê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ính châ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 ảnh sắ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ều quyế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, đính

kè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 đến doanh 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ủa khá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 cho trang 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ào nộ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ủa giớ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ăng cườ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ìm kiế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ền tả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ải bà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àng trên cơ sở dữ liệu Wordpress.

4.6 Đề xuất thay đổi về tính năng:4.6.1 Tính năng tìm kiếm sản phẩm:

Tính năng tìm kiếm sản phẩm trên website còn đơn giản, chưa có nhiều bộ lọc và chỉ tìm kiếm được sản phẩm trên website.

Đề xuất cải tiến:

a Bổ sung bộ lọc sản phẩm:

- 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ên quan, kèm theo những blog như “Xu hướng áo…”, “Top những sản phẩm áo bán chạy…”.

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

- Tính năng feedback của sản phẩm tích hợp chung với trang hiển thị chi tiết sản phẩm

- Bao gồm: Tên khách hàng, hình ảnh sản phẩm thực tế từ khách hàng, đánh giá trên thang 5 sao và lời nhận xét.

- Bổ sung thêm bộ lọc vào tính năng feedback: lọc ra những đánh giá theo từng mức điểm sao, có hình ảnh.

4.6.3 Tính năng thu phóng sản phẩm

Bổ sung thêm tính năng phóng to sản phẩm theo đường rê chuột.

4.6.4 Tính năng gợi ý sản phẩm kết hợp

Bổ sung thêm tính năng gợi W những sản phẩm có thể kết hợp với sản phẩm đang hiển thị để tạo ra một outfit hoàn chỉnh.

Ví dụ: Khách hàng xem chi tiết áo blazer => Hiển thị đề xuất những loại quần và áo có thể kết hợp tốt với áo blazer.