tiểu luận xây dựng kế hoạch và triển khai dự áncho thương hiệu twenti

TWENTI là một thương hiệu kinh doanh thời trang được thành lậpđể đáp ứng nhu cầu của khách hàng về các mặt hàng thời trang unisex dànhcho các bạn trẻ yêu thích về thời trang.- Dự án thiế

TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC CẦN THƠ

ASSIGNMENT (DỰ ÁN 1)Ngành: Digital MarketingXÂY DỰNG KẾ HOẠCH VÀ TRIỂN KHAI DỰ ÁN

CHO THƯƠNG HIỆU TWENTI

3.2.3 Thiết kế giao diện các trang trên điện thoại 19

PHẦN 1

GIỚI THIỆU VỀ DỰ ÁN CHO THƯƠNG HIỆU TWENTI

1.1 GIỚI THIỆU DỰ ÁN

1.1.1 Giới thiệu đề tài

- Thời trang đối với con người đó chính là giúp tôn lên diện mạo bề ngoài củangười mặc TWENTI là một thương hiệu kinh doanh thời trang được thành lập

để đáp ứng nhu cầu của khách hàng về các mặt hàng thời trang unisex dànhcho các bạn trẻ yêu thích về thời trang

- Dự án thiết kế website thương mại điện tử cho thương hiệu Twenti

1.1.2 Mục đích

- Thiết kế hoàn thiện một website bán hàng trực tuyến cho thương hiệu Twenti

từ đó tăng khả năng tiếp cận lượng khách hàng lớn từ internet

- Tăng khả năng cạnh tranh với các đối thủ trên thị trường

- Xây dựng thương hiệu Twenti thành một thương hiệu hiện đại, chuyên nghiệp.Giúp tăng lượng truy cập đến cửa hàng và dễ dàng tương tác trực tiếp vớikhách hàng

Too long to read on your phone? Save

to read later on your computer

Save to a Studylist

1.1.4 Sản phẩm

- TWENTI có một số sản phẩm nổi bật như:

Áo hoodie zip twenti

tag mạc thời trang

Quần túi hộp twenti

kaki dây dài thời

trang

350.000VNĐ

Áo sơ mi twenti tay

dài form rộng

freesize

250.000VNĐ

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

Chân dung khách hàng Những người dùng điện thoại thông minh,

máy tính bảng, laptop và thường xuyên truycập internet

Vị trí: Việt Nam

Độ tuổi từ 15 - 30Giới tính cả nam và nữNghề nghiệp: Học sinh, sinh viên, nhân viên,giáo viên,

Thu nhập hàng tháng từ 7 triệuKhông phân biệt trình độ học vấn

Sở thích / Thị hiếu / Tính cách -Thích diện những bộ đồ thời trang, cá tính,

chất liệu tốt và có xu hướng đang thịnh hành.-Có sở thích mua sắm online

-Tính cách năng động, sáng tạo, nhiệt huyết vàvui tươi

Nhóm tham khảo Tham khảo bạn bè, người thân đã từng mua

Tham khảo những người có tầm ảnh hưởngtrên mạng xã hội review

1.1.6 Phân tích SWOT

-Xây dựng thương hiệu trẻ trung, nắm

bắt được các xu hướng thời trang của

giới trẻ hiện nay

-Giá cả rẻ so với đối thủ

-Sản phẩm đa dạng

-Chưa có phần thanh toán ngay trênwebsite Không đặt hàng được quawebsite

-Chưa có dịch vụ chăm sóc khách hàng.-Chất lượng nội dung, hình ảnh, chưađược đầu tư cao

-Lượng khách hàng tiềm năng lớn

-Tiếp thu được nhiều kinh nghiệm của

ngành

-Có nhiều đối thủ cạnh tranh

-Khách hàng chưa biết đến websitecông ty

-Giao diện đơngiản, màu sắcbasic dễ nhìn

-Chia nhiều danhmục rõ ràng-Đa phần đầy đủchức năng củamột websitethương mại điệntử

-Chưa tích hợpthanh toán ví điện

tử -Chưa tích hợpphương thức giaohàng qua bên thứba

-Màu website làmlogo bị chìm.-Chưa tối ưu SEOwebsite

-Không có chứcnăng xem nhanhsản phẩm, không

có chức năngthêm danh sáchyêu thích

-Không có chứcnăng lọc sảnphẩm

https://msic.vn/ -Tài khoản

-Đăng nhập-Trang chủ-Tất cả sản phẩm-Mô tả/chọnsize/màu sắc-Thanh toán:

COD, chuyểnkhoản ngân hàng,momo,mã giảmgiá, phí vậnchuyển-Lọc giá sản phẩm

-Giao diện đơngiản, màu sắcbasic dễ nhìn

-Chia nhiều danhmục rõ ràng-Đa phần đầy đủchức năng củamột websitethương mại điệntử

-Chưa đặt linkfanpage-Chưa tích hợpbản đồ

-Chưa có bài viết

về sản phẩm-Chưa tích hợphình thức giaohàng qua bên thứba

-Chưa có chứcnăng tìm kiếmtheo danh mục.-Chưa tích hợpbản đồ

-Chưa tích hợpmạng xã hội

https://ree.vn/ -Tài khoản/đăng

nhập-Mô tả/chọnsize/màu sắc-Thanh toán:

COD, chuyểnkhoản ngân hàng,

mã giảm giá, phívận chuyển

-Liên hệ hỏi đáp

-Giao diện đơngiản, màu sắcbasic dễ nhìn

-Chia nhiều danhmục rõ ràng-Có gợi ý sảnphẩm

-Chưa có bài viết

về sản phẩm-Chưa có chứcnăng tìm kiếmtheo danh mục vàtên sản phẩm.-Chưa tích hợphình thức giaohàng qua bên thứba

-Chưa có nhiềuphương thức thanhtoán

1.3 PHẠM VI THỰC HIỆN

1.2.1 Giao diện website

Giao diện trang người dùng

- Trang chủ - Home

- Trang sản phẩm – Product

- Trang về chúng tôi / Công ty – About Us

- Trang tin tức – Blogs

- Trang liên hệ - Contact

1.2.2 Chức năng website

Chức năng trang người dùng

- Trang chủ gồm header, thanh tìm kiếm, menu, banner, danh mục, sản phẩmbán chạy, sản phẩm sale, địa chỉ cửa hàng, gợi ý bài viết,

- Tài khoản/Đăng nhập

- Trang sản phẩm có nhiều danh mục phân loại

- Thêm Giỏ hàng – danh sách yêu thích

- Xem nhanh sản phẩm, thêm sản phẩm vào giỏ hàng, chọn size, chọn màu

- Danh mục sản phẩm: Tìm kiếm sản phẩm, lọc sản phẩm

- Thanh toán: COD, chuyển khoản ngân hàng, thanh toán ví điện tử,

- Bình luận / Đánh giá sản phẩm

- Box chat hỗ trợ trực tuyến

- Tiện ích liên hệ: liên hệ qua Messenger, Zalo, Email, gọi điện trực tiếp

- Bài viết chuẩn SEO

- Tích hợp bản đồ, thông tin liên kết về các trang mạng xã hội

- Đăng ký nhận thông tin – liên hệ

Chức năng trang quản trị

- Theme option - Chỉnh sửa giao diện trang web

- Bài viết - Chỉnh sửa, quản lý bài viết

- Trang - Chỉnh sửa, quản lý các trang hiển thị trên web

- Phản hồi - Quản lý phần bình luận, đánh giá

- Media - Đăng tải, quản lý hình ảnh, video

- Form liên hệ - Tạo form để khách hàng liên hệ đến cửa hàng

- Woocommerce - Quản lý đơn hàng

- Sản phẩm - Chỉnh sửa, thêm sản phẩm, quản lý sản phẩm

- Plugins - Cài đặt, quản lý các plugins hỗ trợ cho trang web

- Quản trị các cài đặt

- Thêm thành viên quản trị

- Analytics - Quản lý traffic website

- Giao diện - Chỉnh sửa giao diện, menu, chỉnh sửa và xem code

1.2.3 Phạm vi triển khai dự án

- Triển khai trên website wordpress

- Trên mạng xã hội: Facebook, Instagram, twitter

- Email marketing

- Thông tin doanh nghiệp

- Các liên kết của doanhnghiệp về các trang mạng xã hội

- Các sản phẩm theo danhmục đầy đủ giá thành sảnphẩm

Danh mục sản

phẩm

- Bộ lọc theo giá, tên, danh mục

- Đầy đủ tên giá cả ratingsản phẩm

- Bài viết về danh mục sảnphẩm và mục lục theo ý

Trang thanh toán

- Lựa chọn phương thứcgiao hàng phương thứcthanh toán: COD, chuyển khoản, ví điện tử,

- Hiển thị đầy đủ thông tinđơn hàng sản phẩm giá nơi nhận hàng

- Các form điền thông tin

-Bài viết phải thể hiện và truyền tải đúng đủcác sản phẩm, dịch vụ đến với khách hàng

-Bài viết cần có hình ảnh, video minh họa nộidung truyền tải sinh động, lôi cuốn, hấp dẫn.Liên hệ

-Thông tin của doanh nghiệp-Form đăng ký, liên hệ với doanh nghiệp

2.2 MÔ TẢ YÊU CẦU HỆ THỐNG TRANG NGƯỜI DÙNG

2.2.1 Chức năng trang chủ

Mục đích: Giúp khách hàng dễ dàng tìm kiếm, tham khảo thông tin về các sảnphẩm của Twenti Tạo sự chuyên nghiệp mang tính thẩm mỹ cho website

- Logo: Liên kết về trang chủ

- Menu: Liên kết đến các trang con như trang sản phẩm, trang liên hệ, … Phânchia nhiều danh mục menu rõ ràng cho khách hàng dễ dàng tìm đến trang họmong muốn

- Banner: Hình ảnh sản phẩm, hoặc hình các dịp có chương trình khuyến mại

- Thanh tìm kiếm: Khách hàng tìm kiếm dễ dàng theo danh mục hoặc tên sảnphẩm

- Các thông tin liên hệ của thương hiệu giúp khách hàng dễ dàng liên hệ

- Tài khoản/đăng ký tài khoản khách hàng giúp khách hàng dễ dàng lưu giữthông tin mua sắm

- Liên kết nhanh đến giỏ hàng để khách hàng dễ dàng thanh toán

- Có các liên kết về các trang mạng xã hội của Twenti cho khách hàng dễ dàngtìm kiếm và theo dõi thương hiệu

- Có boxchat để khách hàng dễ dàng liên hệ tư vấn trực tuyến qua website

- Có các liên kết chỉ đến địa chỉ cửa hàng trực tiếp của Twenti nếu khách hàngmuốn đến cửa hàng, tích hợp bản đồ dẫn đường cho khách hàng

2.2.2 Chức năng trang sản phẩm

Mục đích: Giúp khách hàng nắm được thông tin về sản phẩm để tham khảo đánhgiá khi mua sắm Khách hàng có thể xem đánh giá của khách hàng đã mua trước đó,

từ đó tạo nên được sự tin tưởng đối với Twenti

- Chia nhiều danh mục phân loại sản phẩm rõ ràng giúp cho khách hàng dễ tìmsản phẩm

- Có bộ lọc sản phẩm theo giá và theo danh mục giúp khách hàng tìm được sảnphẩm phù hợp

- Tên sản phẩm và giá cả đầy đủ rõ ràng cho khách hàng phân biệt

- Hiển thị rõ ràng rating của sản phẩm, đánh giá bình luận của khách hàng giúptạo sự tin tưởng và uy tín với khách hàng mới

- Có đầy đủ các thuộc tính về màu sắc, size, tăng giảm số lượng sản phẩm đểkhách hàng dễ dàng lựa chọn

- Có nút mua ngay để khách hàng thanh toán nhanh chóng hơn

2.2.3 Chức năng trang giỏ hàng

Mục đích: Giúp khách hàng xem lại rõ giá cả cũng như thông tin sản phẩm mìnhmua Tăng giảm số lượng sản phẩm cập nhập luôn giá mà không cần tính toán lại

- Hiển thị đầy đủ giá cả, số lượng sản phẩm để khách hàng xem lại đúng với lựachọn của họ

- Có nút tăng giảm số lượng sản phẩm và cập nhật giá giúp khách hàng dễ dàngxem và cập nhật và không cần phải tính toán

- Có ô điền mã giảm giá khi mua hàng, cho khách hàng mã ưu đãi giúp kháchhàng có sự yêu thích với thương hiệu

- Nút thanh toán chuyển đến trang thanh toán nhanh chóng

2.2.4 Chức năng trang thanh toán

Mục đích: Giúp khách hàng lựa chọn được phương thức thanh toán và giao hàngphù hợp Khách hàng kiểm tra được thông tin đơn hàng dễ dàng

- Có nhiều phương thức thanh toán cho khách hàng lựa chọn: COD, chuyểnkhoản ngân hàng, ví điện tử,

- Có lựa chọn phương thức giao hàng kèm thông tin phí vận chuyển cho kháchhàng dễ dàng nắm được thông tin giao hàng

- Có form điền thông tin cá nhân cho khách hàng điền để nhận sản phẩm

- Hiển thị đầy đủ thông tin đơn hàng, sản phẩm, giá, nơi nhận hàng giúp chokhách hàng xem dễ dàng

- Có ô điền mã giảm giá khi mua hàng, cho khách hàng mã ưu đãi

- Nút thanh toán và gửi Email thông báo đặt hàng thành công cho khách hàng

dễ nắm được thông tin đơn hàng

2.2.5 Chức năng trang liên hệ

Mục đích: Form đăng ký để khách hàng có thể liên hệ và gửi thông tin ngay lập tứcđến Twenti

- Thông tin, địa chỉ của Twenti giúp khách hàng dễ dàng liên hệ

- Form điền thông tin liên hệ dễ dàng với Twenti cho khách hàng

- Liên kết chỉ đường đến địa chỉ cửa hàng trực tiếp của Twenti

- Có các liên kết về các trang mạng xã hội của Twenti cho khách hàng dễ dàngtìm kiếm và theo dõi thương hiệu

2.3 MÔ TẢ YÊU CẦU HỆ THỐNG TRANG QUẢN TRỊ

- Theme option - Chỉnh sửa giao diện trang web

- Bài viết - Chỉnh sửa, quản lý bài viết

- Trang - Chỉnh sửa, quản lý các trang hiển thị trên web

- Phản hồi - Quản lý phần bình luận, đánh giá

- Media - Đăng tải, quản lý hình ảnh, video

- Form liên hệ - Tạo form để khách hàng liên hệ đến cửa hàng

- Woocommerce - Quản lý đơn hàng

- Sản phẩm - Chỉnh sửa, thêm sản phẩm, quản lý sản phẩm

- Plugins - Cài đặt, quản lý các plugins hỗ trợ cho trang web

- Quản trị các cài đặt

- Thêm thành viên quản trị

- Analytics - Quản lý traffic website

- Giao diện - Chỉnh sửa giao diện, menu, chỉnh sửa và xem code

- Contact Form 7 - Tạo form liên hệ

- Buy Now Button for WooCommerce - Tạo nút mua nay trong sản phẩm

- Easy WP SMTP - Gửi email thông báo cho khách hàng tình hình đơn hàng

- Increase Maximum Upload File Size - Nâng dung lượng tải hình ảnh và video

- Nextend Social Login - Tích hợp nút liên kết về trang mạng xã hội

- Variation Swatches for WooCommerce - Tạo thuộc tính màu sắc, size cho sảnphẩm

- Woocommerce - Công cụ thương mại điện tử

- YITH Woocommerce Wishlist - Công cụ thêm sản phẩm yêu thích

- Yoast SEO - Công cụ hỗ trợ SEO

- Thanh Toán Quét Mã QR - Momo,Zalo Pay,Moca Grab, AirPay - Công cụ hỗtrợ thanh toán đơn hàng

- PK Call To Action - Công cụ tạo các nút tiện ích liên hệ, Messenger, Email,Zalo

- NitroPack - Công cụ tối ưu hóa hình ảnh, rút gọn mã, bộ nhớ đệm, CDN, tảichậm giúp tăng trải nghiệm người dùng

- All-in-One WP Migration - Công cụ di chuyển dữ liệu, xuất và nhập nội dung

- UX Flat - Công cụ thêm các tính năng trang mẫu

- Trang chủ gồm header, thanh tìm kiếm, menu, banner, danh mục, sản phẩmbán chạy, sản phẩm sale, địa chỉ cửa hàng, gợi ý bài viết,

- Tài khoản/Đăng nhập

- Trang sản phẩm có nhiều danh mục phân loại

- Thêm Giỏ hàng – danh sách yêu thích

- Xem nhanh sản phẩm, thêm sản phẩm vào giỏ hàng, chọn size, chọn màu

- Danh mục sản phẩm: Tìm kiếm sản phẩm, lọc sản phẩm

- Thanh toán: COD, chuyển khoản ngân hàng, thanh toán ví điện tử,

- Bình luận / Đánh giá sản phẩm

- Box chat hỗ trợ trực tuyến

- Bài viết chuẩn SEO

- Tích hợp bản đồ, thông tin liên kết về các trang mạng xã hội

- Đăng ký nhận thông tin – liên hệ

3.2 THIẾT KẾ GIAO DIỆN CÁC TRANG

3.2.1 Phác thảo bố cục website

3.2.2 Thiết kế giao diện các trang trên laptop

Trang chủ

- Header gồm có các icon mạng xã hội, logo, menu, icon tìm kiếm, tài khoảnkhách hàng, giỏ hàng, banner.

- Body: Phần sản phẩm tham khảo, các danh mục sản phẩm, các sản phẩm bánchạy, phần tin tức có các bài viết gần đây, địa chỉ về cửa hàng trực tiếp củatwenti

- Footer: Một vài thông tin cơ bản của Twenti, thanh tìm kiếm, tích hợp bản đồ.Trang sản phẩm

- Body của trang sản phẩm: Các sản phẩm, thanh menu phụ, lọc sản phẩm theogiá và theo danh mục

Trang tin tức

- Trang tin tức gồm các bài viết được sắp xếp theo thứ tự thời gian đăng bài.Trang liên hệ

- Trang liên hệ gồm form liên hệ, địa chỉ cửa hàng của Twenti, liên kết chỉđường và các liên kết về các trang mạng xã hội

Trang đăng ký/Tài khoản

3.2.3 Thiết kế giao diện các trang trên điện thoại

Trang chủ

Trang sản phẩm

Trang liên hệ

Trang đăng ký/tài khoản

3.3 GIAO DIỆN WEBSITE CHÍNH THỨC