Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh thương mại điện tử phát triển mạnh mẽ, việc mở rộng kênh bán hàng trực tuyến trở thành yêu cầu cấp thiết đối với các thương hiệu thời trang bán lẻ. TINGOAN là thương hiệu thời trang nữ được thành lập trong giai đoạn 2012–2013 tại Hà Nội, nổi bật với các thiết kế bắt kịp xu hướng, phục vụ phân khúc khách hàng trẻ. Mặc dù thương hiệu đã có hệ thống cửa hàng bán lẻ tại Hà Nội và Thành phố Hồ Chí Minh, đồng thời vận hành gian hàng trên các sàn thương mại điện tử như Shopee và Lazada, việc xây dựng một website thương mại điện tử độc lập là bước đi cần thiết nhằm tối ưu hóa trải nghiệm mua sắm, tăng cường nhận diện thương hiệu và chủ động quản trị dữ liệu khách hàng.

Đề tài "Xây dựng website thương mại điện tử cho thương hiệu TINGOAN" do nhóm sinh viên ngành Digital Marketing tại Trường Cao đẳng FPT Polytechnic thực hiện nhằm giải quyết các nhiệm vụ nghiên cứu và triển khai cụ thể:

  1. Nghiên cứu tổng quan về thương hiệu, phân tích môi trường kinh doanh (vi mô, vĩ mô) và xác định chân dung khách hàng mục tiêu của TINGOAN.
  2. Thiết kế hệ thống nhận diện trên môi trường số, xây dựng cấu trúc website và phác thảo khung giao diện (wireframe/mockup) cho các trang chức năng.
  3. Triển khai cài đặt hạ tầng kỹ thuật (domain, hosting, WordPress), tích hợp theme giao diện Flatsome và cấu hình các plugin mở rộng phục vụ bán hàng (WooCommerce, cổng thanh toán VietQR).
  4. Thiết lập hệ thống quản trị nội dung, quản lý danh mục và thuộc tính sản phẩm, cấu hình tiện ích liên lạc (Hotline, Zalo, Messenger), đồng thời khai báo website với các công cụ tìm kiếm và đo lường (Google Search Console, Google Analytics, Sitemap, Robots.txt).
  5. Đề xuất kế hoạch phát triển nội dung, tối ưu hóa công cụ tìm kiếm (SEO), cải thiện hiệu suất vận hành và thiết lập cơ chế bảo mật, sao lưu dữ liệu cho hệ thống.

Đối tượng và phạm vi nghiên cứu:

  • Đối tượng nghiên cứu: Quy trình thiết kế, xây dựng, tích hợp chức năng và quản trị website thương mại điện tử cho ngành hàng thời trang nữ.
  • Phạm vi không gian: Thị trường thời trang bán lẻ trực tuyến tại Việt Nam, tập trung vào đối tượng khách hàng tại các đô thị lớn như Hà Nội và Thành phố Hồ Chí Minh.
  • Phạm vi thời gian: Dự án được triển khai trong thời gian từ ngày 11/03/2024 đến ngày 10/04/2024.

Cơ sở lý thuyết và phương pháp triển khai

Đồ án vận dụng các lý thuyết nền tảng về tiếp thị kỹ thuật số và quy trình triển khai giải pháp thương mại điện tử dựa trên mã nguồn mở:

  • Khung phân tích môi trường tiếp thị: Sử dụng mô hình phân tích môi trường vi mô (nhà cung cấp, khách hàng, đối thủ cạnh tranh như ZARA, H&M, Topshop) và vĩ mô (kinh tế, văn hóa - xã hội, tự nhiên, công nghệ) để định vị thương hiệu trên thị trường thời trang nữ.
  • Phân đoạn thị trường và xây dựng chân dung khách hàng (Customer Persona): Phân tích dựa trên các tiêu chí nhân khẩu học (giới tính nữ, độ tuổi 18–25, thu nhập 4–7 triệu đồng/tháng, nghề nghiệp sinh viên/nhân viên văn phòng/freelancer), yếu tố tâm lý và hành vi mua sắm trực tuyến.
  • Phương pháp phân tích yêu cầu hệ thống: Thiết lập bảng đặc tả yêu cầu chức năng cho từng trang (Trang chủ, Danh mục sản phẩm, Sản phẩm chi tiết, Giỏ hàng, Thanh toán, Bài viết tin tức, Trang liên hệ) dựa trên hai góc độ: mục tiêu tiếp cận người dùng (UX/UI) và mục tiêu tối ưu hóa công cụ tìm kiếm (SEO).
  • Phương pháp phát triển hệ sinh thái web mã nguồn mở: Áp dụng mô hình triển khai CMS WordPress kết hợp tiện ích thương mại điện tử WooCommerce, tối ưu cấu trúc dữ liệu theo tiêu chuẩn Onpage SEO và cấu hình bảo mật hạ tầng web.
  • Nguồn dữ liệu: Dữ liệu thứ cấp thu thập từ thực tiễn hoạt động của thương hiệu TINGOAN, kết hợp tài liệu kỹ thuật của nền tảng WordPress, WooCommerce và các dịch vụ bổ trợ liên quan.

Thiết kế và triển khai hệ thống

Đồ án sử dụng giải pháp kỹ thuật xây dựng website trên nền tảng mã nguồn mở với cấu hình và công nghệ chi tiết được ghi nhận trong văn bản:

Hạng mục Thông số / Công nghệ triển khai Mục đích sử dụng
Tên miền (Domain) tingoan.shop (Nhà cung cấp 3F Media) Định danh thương hiệu trên môi trường Internet
Lưu trữ (Hosting) CPanel Hosting do 3F Media cung cấp Lưu trữ mã nguồn, cơ sở dữ liệu và dữ liệu đa phương tiện
Trình cài đặt Softaculous Apps Installer Cài đặt tự động hệ quản trị nội dung WordPress
Nền tảng CMS WordPress (kích hoạt Classic Editor) Quản trị cấu trúc trang, chuyên mục và bài viết
Giao diện (Theme) Flatsome kết hợp trình soạn thảo UX Builder Tùy biến Header (3 tầng), Footer (Widget/Blocks), Slider và Body
Nền tảng TMĐT WooCommerce Quản lý sản phẩm, tồn kho, giỏ hàng và xử lý đơn hàng
Cổng thanh toán Plugin VietQR Tích hợp phương thức quét mã QR chuyển khoản ngân hàng
Tối ưu SEO & Lập chỉ mục Rank Math SEO Cấu hình SEO Onpage, tạo sitemap, chỉnh sửa file robots.txt
Chứng chỉ bảo mật Really Simple SSL Kích hoạt giao thức HTTPS và cấu hình chuyển hướng 301 .htaccess
Bảo mật đăng nhập Plugin Loginizer (Limit Login Attempts) Giới hạn số lần đăng nhập sai nhằm chống tấn công brute force
Tiện ích liên hệ Button contact VR, Facebook Chat Plugin, Call link Tích hợp nút gọi điện (tel:1800 1900), live chat Zalo và Messenger
Đo lường & Phân tích GA Google Analytics, Google Search Console Đo lường lưu lượng truy cập và giám sát trạng thái lập chỉ mục

Nội dung chính theo từng chương

Chương 1: Tổng quan về dự án

Chương này khái quát về thương hiệu TINGOAN, phân tích bối cảnh kinh doanh, xác định khách hàng mục tiêu, danh mục sản phẩm và cơ cấu tổ chức dự án:

  • Giới thiệu thương hiệu: TINGOAN thành lập từ giai đoạn 2012–2013, chuyên cung cấp các sản phẩm may mặc thời trang nữ với phong cách tươi trẻ, hiện đại, chú trọng vào chất lượng đường may và dịch vụ chăm sóc khách hàng. Kênh phân phối gồm cửa hàng bán lẻ tại Hà Nội, TP.HCM và các sàn TMĐT.
  • Phân tích môi trường vi mô và vĩ mô:
    • Môi trường vi mô: Nhà cung cấp là các xưởng may gia công chất lượng cao; khách hàng là nữ giới trẻ; đối thủ cạnh tranh gồm các thương hiệu thời trang quốc tế và nội địa như ZARA, H&M, Topshop; nguy cơ cạnh tranh đến từ tốc độ thay đổi nhanh chóng của xu hướng thời trang.
    • Môi trường vĩ mô: Tăng trưởng kinh tế tạo thuận lợi cho mức chi tiêu thời trang; văn hóa giới trẻ ưa chuộng phong cách cá nhân hóa; xu hướng tiêu dùng xanh đòi hỏi quy trình sản xuất thân thiện với môi trường; tiến bộ công nghệ hỗ trợ quản lý kho và trải nghiệm mua sắm trực tuyến.
  • Chân dung khách hàng mục tiêu:
    • Nhân khẩu học: Nữ giới chiếm đa số, độ tuổi 18–25; thu nhập từ 4–7 triệu đồng/tháng; nghề nghiệp là sinh viên, nhân viên văn phòng hoặc người làm việc tự do (freelancer).
    • Tâm lý & hành vi: Thích theo đuổi xu hướng, thường xuyên mua sắm phục vụ đi học, đi chơi, dự tiệc; ưa chuộng mua hàng online nhưng lo ngại về chi phí vận chuyển và chất lượng sản phẩm không đúng thực tế; chịu ảnh hưởng lớn từ gợi ý của bạn bè và đánh giá của các KOL/KOC.
  • Danh mục sản phẩm kinh doanh: Quần short, Set đồ, Cardigan, Quần dài, Áo khoác, Áo croptop.
  • Cơ cấu tổ chức và tiến độ triển khai:
Thành viên Mã sinh viên Phân công nhiệm vụ
Lê Minh Dương PH55818 Ban thiết kế, Ban kỹ thuật, Ban quản trị
Phạm Xuân Thành PH56202 Ban kỹ thuật, Ban quản trị
Nguyễn Thị Nga PH57249 Ban nội dung
Trần Yến Linh PH54621 Ban quản trị
Nguyễn Thành Công PH55840 Thành viên nhóm nghiên cứu

Kế hoạch triển khai dự án diễn ra trong 6 giai đoạn (11/03/2024 – 10/04/2024):

  • Giai đoạn 1 (11/03 – 13/03): Lên ý tưởng và cấu trúc website.
  • Giai đoạn 2 (14/03 – 18/03): Phác thảo giao diện.
  • Giai đoạn 3 (19/03 – 22/03): Lên layout giao diện.
  • Giai đoạn 4 (23/03 – 29/03): Triển khai xây dựng website.
  • Giai đoạn 5 (30/03 – 31/03): Dùng thử và kiểm tra chức năng.
  • Giai đoạn 6 (01/04 – 10/04): Công bố chính thức (Public website).

Chương 2: Thiết kế và xây dựng website

Chương 2 tập trung vào việc định hình nhận diện số, phân tích kiến trúc thông tin, phác thảo giao diện và quy trình thiết lập kỹ thuật:

  • Nhận diện website:
    • Logo & Ý nghĩa: Tên "Tí Ngoan" biểu thị sự rạng ngời và tinh nghịch; biểu trưng sử dụng font chữ hiện đại trên nền màu đen tuyền nhằm thể hiện tính sang trọng, bí ẩn và duyên dáng.
    • Màu sắc thương hiệu: Màu đen đóng vai trò là tông màu chủ đạo nhằm tạo điểm nhấn tương phản, giúp các bộ sưu tập thời trang trở nên nổi bật.
    • Hình ảnh banner: Hệ thống thiết lập 5 banner đồ họa với kích thước chuẩn 1200 x 600 px.
  • Phân tích yêu cầu hệ thống và cấu trúc phân cấp:
    • Cấu trúc thông tin: Trang chủ giữ mức ưu tiên cao nhất, tiếp đến là khối trang chức năng (Sản phẩm, Có gì mới, Chính sách, Liên hệ, Giới thiệu về TINGOAN).
    • Đặc tả chức năng: Phân tích chi tiết yêu cầu hiển thị và mục tiêu hỗ trợ người dùng kết hợp tối ưu SEO cho từng trang: Trang chủ (Header, Body, Footer), Trang danh mục, Chi tiết sản phẩm, Giỏ hàng, Trang thanh toán, Chuyên mục tin tức, Trang bài viết và Trang liên hệ.
  • Phác thảo và thiết lập giao diện:
    • Thiết kế Wireframe/Mockup cho toàn bộ các trang chức năng trên cả bản Desktop và Mobile.
    • Mua dịch vụ tên miền và hosting từ nhà cung cấp 3F Media.
    • Cài đặt WordPress phiên bản mới nhất qua trình Softaculous cPanel; thiết lập tên website, tài khoản quản trị và kích hoạt plugin Loginizer.
    • Cài đặt theme Flatsome, tải dữ liệu mẫu (demo content), sử dụng công cụ UX Builder để hiệu chỉnh Header (Top Bar, Header Main, Header Bottom), cấu hình Body dạng khối kéo thả và thiết lập Absolute Footer chứa thông tin bản quyền.

Chương 3: Quản trị nội dung website

Nội dung chương này mô tả các thao tác kỹ thuật để hoàn thiện tính năng thương mại điện tử, tiện ích liên lạc và tích hợp công cụ quản trị:

  • Khai báo và liên kết công cụ quản trị:
    • Cài đặt plugin GA Google Analytics để chèn mã theo dõi vào website.
    • Đăng ký Google Search Console và xác minh quyền sở hữu tên miền bằng phương thức tải thẻ HTML meta vào tệp header.php.
    • Cấu hình tệp chỉ thị tìm kiếm robots.txt trực tiếp qua Rank Math SEO.
    • Kích hoạt giao thức bảo mật SSL thông qua plugin Really Simple SSL, thiết lập chuyển hướng 301 tự động qua tệp .htaccess.
  • Tích hợp tiện ích liên hệ đa kênh:
    • Tạo liên kết gọi nhanh Hotline trên menu điều hướng bằng cú pháp URL tel:1800 1900.
    • Cài đặt Facebook Chat Plugin để nhúng hộp thoại Messenger trực tiếp trên trang.
    • Tích hợp Button contact VR để cung cấp nút bấm trò chuyện qua Zalo và dẫn liên kết tới mạng xã hội.
  • Thiết lập nền tảng bán hàng WooCommerce và cổng thanh toán:
    • Cấu hình các trang cốt lõi của WooCommerce bao gồm: Cửa hàng (Shop), Giỏ hàng (Cart), Thanh toán (Checkout), Tài khoản (My Account).
    • Thiết lập thông tin đơn vị tiền tệ, vị trí cửa hàng, cấu hình tính thuế và quy định phí vận chuyển.
    • Cài đặt plugin VietQR để kích hoạt hình thức thanh toán chuyển khoản ngân hàng tự động hiển thị mã QR, cho phép người mua quét mã thanh toán đơn hàng.
  • Quy trình quản trị vận hành:
    • Xây dựng hệ thống menu phân cấp trên Header và Footer.
    • Quản lý danh mục sản phẩm (sử dụng plugin hỗ trợ WooCommerce Product Categories) với các thao tác thêm, sửa đường dẫn (slug) và xóa danh mục.
    • Đăng tải sản phẩm mới với đầy đủ thông tin: tên, mô tả chi tiết, phân loại danh mục, giá bán, kho ảnh và thuộc tính tùy chỉnh (size, màu sắc).
    • Vận hành luồng xử lý đơn hàng cho quản trị viên: tiếp nhận thông tin người mua, cập nhật trạng thái đơn và xuất báo cáo bán hàng.
    • Phân quyền tài khoản quản trị trong hệ thống WordPress.

Chương 4: Phát triển website thương mại điện tử

Chương cuối cùng trình bày các định hướng phát triển nội dung, tối ưu SEO, nâng cao tốc độ tải trang và đảm bảo an toàn dữ liệu:

  • Phát triển nội dung và SEO Onpage:
    • Định hình các chủ đề bài viết xoay quanh xu hướng thời trang nữ, cách phối đồ và tin tức hoạt động của thương hiệu.
    • Phân chia hệ thống chuyên mục bài viết, quản lý trang nội dung tĩnh (chính sách đổi trả, bảo mật, thanh toán).
    • Xây dựng danh sách bộ từ khóa chính, tối ưu cấu trúc thẻ tiêu đề (Heading), mật độ từ khóa, thẻ alt hình ảnh và liên kết nội bộ theo tiêu chuẩn Rank Math SEO.
  • Tối ưu hiệu suất và kiểm thử tốc độ:
    • Cài đặt các plugin tối ưu hóa bộ nhớ đệm (cache) và nén dữ liệu nhằm nâng cao hiệu suất tải trang.
    • Kiểm tra và đánh giá các chỉ số tải trang của website thông qua công cụ Google PageSpeed Insights.
  • Bảo mật và sao lưu dữ liệu:
    • Sử dụng plugin Loginizer để giới hạn số lần thử đăng nhập nhằm ngăn ngừa tấn công dò mật khẩu (brute force attacks).
    • Thiết lập quy trình sao lưu (backup) cơ sở dữ liệu và toàn bộ tệp tin mã nguồn định kỳ, lưu trữ bản sao dự phòng để đảm bảo tính sẵn sàng khi xảy ra sự cố kỹ thuật.

Kết quả và đóng góp

Đồ án ghi nhận các kết quả triển khai thực tế:

  • Hoàn thành xây dựng và xuất bản website thương mại điện tử hoạt động tại địa chỉ tên miền https://tingoan.shop/ với giao diện tương thích trên cả máy tính để bàn (Desktop) và thiết bị di động (Mobile).
  • Thiết lập hoàn chỉnh quy trình mua sắm trực tuyến khép kín: từ khâu tìm kiếm, lọc sản phẩm theo danh mục/thuộc tính, thêm vào giỏ hàng đến xử lý thanh toán qua mã VietQR và quản lý trạng thái đơn hàng trên hệ thống WooCommerce.
  • Tích hợp đồng bộ các kênh hỗ trợ khách hàng đa kênh (Hotline, Zalo, Facebook Messenger) ngay trên giao diện website.
  • Hoàn tất cấu hình khai báo website với Google qua Google Search Console, chèn mã theo dõi Google Analytics, tạo lập sitemap XML và cấu hình tệp robots.txt qua Rank Math SEO.

Về mặt đóng góp chuyên môn, đồ án cung cấp một quy trình thực hành hoàn chỉnh từ bước nghiên cứu thị trường, xây dựng chân dung khách hàng ngành thời trang cho đến triển khai kỹ thuật trên nền tảng WordPress/Flatsome/WooCommerce, tạo tài liệu tham khảo chi tiết cho sinh viên ngành Digital Marketing trong việc triển khai các dự án website bán hàng thực tế.


Hạn chế và hướng nghiên cứu tiếp

  • Hạn chế:
    • Dự án được thực hiện trong khung thời gian 1 tháng (từ 11/03/2024 đến 10/04/2024), do đó phạm vi kiểm thử chủ yếu diễn ra trong môi trường thử nghiệm đồ án môn học, chưa có dữ liệu vận hành thương mại thực tế với lưu lượng truy cập lớn.
    • Hệ thống thanh toán trực tuyến hiện chỉ tích hợp phương thức quét mã VietQR tự động/thủ công, chưa tích hợp thêm các cổng thanh toán trung gian đa dạng khác (như VNPAY, MoMo, thẻ quốc tế qua cổng thanh toán chuyên dụng).
  • Hướng phát triển tiếp theo:
    • Nghiên cứu và triển khai các chiến dịch tiếp thị số đa kênh (SEO dài hạn, Google Ads, Facebook Ads) để thu hút lưu lượng truy cập thực tế về website.
    • Thực hiện các thử nghiệm A/B Testing để tối ưu hóa tỷ lệ chuyển đổi (CRO) trên trang giỏ hàng và trang thanh toán.
    • Mở rộng tích hợp hệ thống quản lý bán hàng đa kênh (Omnichannel), kết nối đồng bộ kho hàng giữa website tingoan.shop với các cửa hàng vật lý và các sàn TMĐT Shopee, Lazada.

Giá trị tham khảo

Tài liệu này mang lại giá trị tham khảo thiết thực cho các nhóm đối tượng:

  • Sinh viên ngành Digital Marketing, Thương mại điện tử và Quản trị kinh doanh: Cung cấp tài liệu tham khảo về cấu trúc một đồ án xây dựng website bán hàng, từ khâu lập kế hoạch, phân tích khách hàng mục tiêu đến triển khai kỹ thuật.
  • Người tự học và triển khai website WordPress bán hàng: Cung cấp tài liệu hướng dẫn từng bước về việc sử dụng theme Flatsome, tùy biến UX Builder, cấu hình WooCommerce, tích hợp cổng quét mã VietQR và thiết lập các công cụ SEO (Rank Math, Google Search Console, Google Analytics).

Câu hỏi thường gặp

1. Khách hàng mục tiêu của website TINGOAN được xác định dựa trên những tiêu chí nào?
Khách hàng mục tiêu là nữ giới trong độ tuổi từ 18 đến 25, thu nhập từ 4 đến 7 triệu đồng/tháng. Phân khúc này bao gồm sinh viên đại học/cao đẳng, nhân viên văn phòng mới đi làm và người làm việc tự do (freelancer). Họ có thói quen mua sắm trực tuyến thường xuyên để phục vụ nhu cầu đi học, đi làm, đi chơi hoặc dự tiệc, chịu ảnh hưởng từ review của các KOL/KOC nhưng có tâm lý lo ngại về chi phí vận chuyển và chất lượng sản phẩm thực tế.

2. Hệ thống website TINGOAN sử dụng nền tảng kỹ thuật và giao diện nào để triển khai?
Website được triển khai trên nền tảng hệ quản trị nội dung mã nguồn mở WordPress, lưu trữ trên Hosting cPanel và tên miền tingoan.shop do 3F Media cung cấp. Về mặt giao diện, nhóm tác giả sử dụng theme Flatsome kết hợp với trình tạo trang UX Builder để tùy biến linh hoạt cấu trúc Header, Footer, Body và giao diện hiển thị trên thiết bị di động.

3. Phương thức thanh toán chuyển khoản nào được tích hợp trên website và cách thức hoạt động ra sao?
Nhóm tác giả sử dụng plugin VietQR để tích hợp vào WooCommerce. Khi khách hàng tiến hành đặt hàng tại trang thanh toán, hệ thống sẽ tự động tạo và hiển thị mã QR thanh toán tương ứng với thông tin tài khoản ngân hàng và số tiền đơn hàng, giúp người mua quét mã chuyển khoản nhanh chóng.

4. Nhóm tác giả đã sử dụng những công cụ và plugin nào để tối ưu hóa SEO và quản lý website?
Các công cụ và plugin bao gồm:

  • Rank Math SEO: Tối ưu hóa bài viết, tạo sitemap website và chỉnh sửa tệp robots.txt.
  • Really Simple SSL: Kích hoạt chứng chỉ bảo mật HTTPS và chuyển hướng 301 qua tệp .htaccess.
  • GA Google Analytics & Google Search Console: Đo lường lưu lượng truy cập và theo dõi tình trạng lập chỉ mục của trang.
  • Loginizer: Giới hạn số lần đăng nhập sai nhằm ngăn chặn tấn công brute force.
  • Button contact VR & Facebook Chat Plugin: Cung cấp tiện ích liên hệ nhanh qua Hotline, Zalo và Messenger.

5. Tiến độ thực hiện dự án được phân chia theo các giai đoạn nào?
Dự án được thực hiện từ ngày 11/03/2024 đến ngày 10/04/2024 qua 6 giai đoạn:

  • Giai đoạn 1 (11/03 – 13/03/2024): Lên ý tưởng, cấu trúc website.
  • Giai đoạn 2 (14/03 – 18/03/2024): Phác thảo giao diện.
  • Giai đoạn 3 (19/03 – 22/03/2024): Lên layout giao diện.
  • Giai đoạn 4 (23/03 – 29/03/2024): Triển khai xây dựng website.
  • Giai đoạn 5 (30/03 – 31/03/2024): Dùng thử và kiểm tra.
  • Giai đoạn 6 (01/04 – 10/04/2024): Công bố chính thức (Public website).

Kết luận

Đồ án "Xây dựng website thương mại điện tử cho thương hiệu TINGOAN" đã hoàn thành toàn diện quy trình nghiên cứu, thiết kế và triển khai một nền tảng bán hàng trực tuyến hoàn chỉnh trên CMS WordPress kết hợp WooCommerce. Thông qua việc tối ưu giao diện Flatsome, tích hợp thanh toán tự động VietQR và thiết lập hệ thống đo lường SEO Onpage, dự án đã hiện thực hóa giải pháp bán lẻ thời trang nữ đa kênh cho thương hiệu TINGOAN. Đây là công trình thực hành mang tính ứng dụng cao, phản ánh đầy đủ năng lực phân tích tiếp thị số và triển khai công nghệ thương mại điện tử của nhóm tác giả.