Đang tải... (xem toàn văn)
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ế
Trang 1TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC CẦN THƠ
ASSIGNMENT (DỰ ÁN 1)Ngành: Digital Marketing
XÂY DỰNG KẾ HOẠCH VÀ TRIỂN KHAI DỰ ÁNCHO THƯƠNG HIỆU TWENTI
Trang 23.2.3 Thiết kế giao diện các trang trên điện thoại 19
Trang 4PHẦN 1
GIỚI THIỆU VỀ DỰ ÁN CHO THƯƠNG HIỆU TWENTI
1.1 GIỚI THIỆU DỰ ÁN1.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 Twentitừ đó 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 onyour phone? Save
to read later onyour computer
Save to a Studylist
Trang 5Quần túi hộp twentikaki dây dài thờitrang
350.000VNĐ
Trang 6Áo sơ mi twenti taydài form rộngfreesize
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.
Tham khảo những người có tầm ảnh hưởngtrên mạng xã hội review.
Trang 71.1.6 Phân tích SWOT
-Xây dựng thương hiệu trẻ trung, nắmbắt được các xu hướng thời trang củagiớ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ủangà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ệntử
-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ôngcó chức năngthêm danh sáchyêu thích.-Không có chứcnăng lọc sảnphẩm.
Trang 8https://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ếtvề 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/đăngnhậ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ếtvề 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ỆN1.2.1 Giao diện websiteGiao 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
Trang 91.2.2 Chức năng websiteChứ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,
- 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 code1.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
Trang 10Danh mục sảnphẩ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 ý
- Bình luận đánh giá sản phẩm
Giỏ hàng
- Hiển thị ảnh sản phẩm kèm tên sản phẩm- Nút tăng số lượng sản phẩm cần mua và cậpnhật giá
- Form điền mã giảm giá,voucher
- Đặt hàng nhanh gọn không mất thời gian- Nút thanh toán
Trang 11Trang thanh toán
- Lựa chọn phương thứcgiao hàng phương thức
thanh 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
cá nhân của khách hàng- Form điền mã giảm giá- Nút đặt hàng
Bài viết
-Viết theo kết cấu chuẩn các bước SEO-Ngôn từ sử dụng: rõ ràng, lành mạch, chuẩnngữ pháp tiếng Việt, không sai lỗi chính tả.-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ÙNG2.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ản
- 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
Trang 12- 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ơn2.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óng2.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 cho
khá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
Trang 13- Nút thanh toán và gửi Email thông báo đặt hàng thành công cho khách hàngdễ 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 code2.4 MÔ TẢ HỆ THỐNG
Phần cứng- Tablet, mobilePhần mềm
- Trình duyệt: Chrome, Cốc cốc, Microsoft Edge,Công cụ
- 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
Trang 14- 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 15hiệu Twenti thành một thương hiệu hiện đại, chuyên nghiệp Giúp tăng lượngtruy cập đến cửa hàng và dễ dàng tương tác trực tiếp với khách hàng.Chức năng cơ bản
- 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,
Trang 163.2 THIẾT KẾ GIAO DIỆN CÁC TRANG3.2.1 Phác thảo bố cục website
3.2.2 Thiết kế giao diện các trang trên laptopTrang chủ
Trang 18- 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 19- 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
Trang 203.2.3 Thiết kế giao diện các trang trên điện thoạiTrang chủ
Trang sản phẩm
Trang 21Trang liên hệ
Trang đăng ký/tài khoản
Trang 233.3 GIAO DIỆN WEBSITE CHÍNH THỨC