Báo cáo đề tài: Thiết kế website kinh doanh túi xách cho MyBag Store

Thiết kế website túi xách Mybag Store chuyên nghiệp, chuẩn SEO. Giao diện đẹp, tăng doanh số, thu hút khách hàng tiềm năng. Xem ngay!

• Tác giả: Trần Thị Kim Liên
• Người hướng dẫn: Trần Duy Hùng
• Trường học: Trường Đại Học Mở Hà Nội
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Thiết kế website kinh doanh túi xách cho MyBag Store
• Loại tài liệu: Báo cáo bài tập lớn
• Năm xuất bản: 2023
• Địa điểm: Hà Nội

Mục lục chi tiết

• 1. PHẦN I: GIỚI THIỆU
• 1.1. Chủ đề: Thương mại điện tử
• 1.2. Tên đề tài: Thiết kế website kinh doanh túi xách cho IbagStore
• 1.3. Tên sinh viên thực hiện, lớp
• 1.4. Lý do chọn đề tài
• 1.5. Mục đích của đề tài
• 1.6. Kết quả mong muốn đạt được
• 1.7. Kế hoạch thực hiện
• 1.8. Các phần mềm sử dụng
• 2. PHẦN II: NỘI DUNG
• 2.1. Xác định và phân tích yêu cầu
• 2.1.1. Đối tượng độc giả
• 2.1.2. Các chủ đề chính của website
• 2.1.3. Các chức năng cần có
• 2.2. Ý tưởng thiết kế
• 2.2.1. Số lượng trang
• 2.2.2. Gam màu chủ đạo
• 2.2.3. Sơ đồ web sơ đồ phân cấp các trang, bố cục layout của các trang
• 2.2.4. Trang chủ
• 2.2.5. Trang đăng kí/đăng nhập
• 2.2.6. Trang đăng kí
• 2.2.7. Trang sản phẩm
• 2.2.8. Trang sản phẩm (túi xách nữ)
• 2.2.9. Trang chi tiết sản phẩm (túi xách nữ)
• 2.2.10. Trang giới thiệu (về chúng tôi)
• 2.2.11. Trang tuyển dụng
• 2.2.12. Trang liên hệ
• 2.2.13. Trang giỏ hàng
• 2.2.14. Trang đặt hàng
• 2.3. Ý tưởng thiết kế các thành phần trên trang web
• 2.4. Giao diện chính và chi tiết nội dung các trang
• 3. PHẦN III: KẾT LUẬN
• TÀI LIỆU THAM KHẢO
• THANG ĐIỂM ĐÁNH GIÁ ĐỀ TÀI

Tóm tắt

I. Tổng quan đề tài thiết kế website kinh doanh túi xách MyBag

Đề tài thiết kế website kinh doanh túi xách cho MyBag Store là một nghiên cứu điển hình về ứng dụng công nghệ trong lĩnh vực thương mại điện tử. Sự phát triển mạnh mẽ của internet đã thay đổi hoàn toàn thói quen mua sắm, buộc các doanh nghiệp truyền thống phải chuyển mình. Việc xây dựng một website bán hàng chuyên nghiệp không chỉ là một lựa chọn, mà là yêu cầu tất yếu để tồn tại và cạnh tranh. Dự án này tập trung vào việc tạo ra một nền tảng trực tuyến hoàn chỉnh, đáp ứng cả nhu cầu của người quản trị và trải nghiệm của khách hàng. Mục tiêu chính là xây dựng một website với giao diện thu hút, chức năng đầy đủ và quy trình vận hành hiệu quả. Website MyBag Store được kỳ vọng sẽ trở thành công cụ đắc lực giúp doanh nghiệp dễ dàng quản lý sản phẩm, đơn hàng, và các chương trình khuyến mãi. Đồng thời, nó cũng phải mang đến cho khách hàng một không gian mua sắm tiện lợi, nơi họ có thể dễ dàng tìm kiếm, lựa chọn và thanh toán cho những chiếc túi xách ưng ý. Đề tài này không chỉ giải quyết bài toán kinh doanh mà còn đi sâu vào các khía cạnh kỹ thuật của thiết kế web, từ phân tích yêu cầu, lên ý tưởng giao diện, xây dựng wireframe, cho đến hoàn thiện mockup. Thành công của dự án sẽ là một minh chứng cho tầm quan trọng của việc thiết kế website kinh doanh túi xách một cách bài bản và chuyên nghiệp.

1.1. Tầm quan trọng của thương mại điện tử trong ngành thời trang

Trong bối cảnh hiện đại, thương mại điện tử đã trở thành xương sống của ngành bán lẻ thời trang. Nó phá vỡ mọi rào cản địa lý, cho phép các thương hiệu như MyBag Store tiếp cận một lượng lớn khách hàng tiềm năng trên toàn quốc. Thay vì bị giới hạn bởi một cửa hàng vật lý, website giúp mở rộng thị trường, giảm chi phí vận hành và quảng cáo. Báo cáo của Trần Thị Kim Liên (2023) nhấn mạnh, một website chất lượng giúp "đơn giản hóa quá trình mua bán, và mở rộng thị trường". Khách hàng có thể mua sắm bất cứ lúc nào, bất cứ nơi đâu, mang lại sự tiện lợi tối đa. Hơn nữa, website còn là kênh thu thập dữ liệu khách hàng quý giá, giúp doanh nghiệp hiểu rõ hơn về nhu cầu và hành vi mua sắm, từ đó đưa ra các chiến lược kinh doanh và marketing phù hợp.

1.2. Mục tiêu và kết quả mong muốn của dự án website MyBag

Mục tiêu của dự án được xác định rõ ràng cho hai đối tượng chính. Đối với doanh nghiệp, website phải là một công cụ quản lý toàn diện: từ cập nhật, sửa, xóa thông tin sản phẩm túi xách đến quản lý đơn hàng, thanh toán và chăm sóc khách hàng. Về phía khách hàng, mục tiêu là cung cấp một trải nghiệm người dùng mượt mà, cho phép xem thông tin sản phẩm, thêm vào giỏ hàng, đặt hàng và phản hồi một cách dễ dàng. Kết quả mong muốn là một website hoàn chỉnh, có "đầy đủ các chức năng theo đúng yêu cầu của một website thương mại điện tử". Các yếu tố như giao diện bắt mắt, bố cục khoa học, hình ảnh sản phẩm sắc nét, và các tính năng dễ sử dụng là tiêu chí hàng đầu để đánh giá sự thành công của đề tài thiết kế website MyBag Store.

II. Thách thức khi xây dựng website bán túi xách cho người mới

Việc xây dựng một website kinh doanh túi xách đặt ra nhiều thách thức, đặc biệt với những người mới bắt đầu. Thách thức đầu tiên và quan trọng nhất là việc xác định và phân tích chính xác yêu cầu. Một sai lầm phổ biến là xây dựng website dựa trên cảm tính thay vì dữ liệu thực tế. Cần phải nghiên cứu kỹ lưỡng đối tượng khách hàng mục tiêu là ai, họ có những thói quen và nhu cầu gì khi mua sắm trực tuyến. Tài liệu nghiên cứu cho thấy, đối tượng của MyBag Store rất rộng, từ 14 tuổi trở lên, bao gồm cả nam và nữ. Điều này đòi hỏi thiết kế phải vừa năng động, vừa thanh lịch để phục vụ nhiều phân khúc. Thách thức thứ hai là việc lựa chọn và tích hợp các chức năng thương mại điện tử cần thiết. Một website bán hàng cơ bản phải có tìm kiếm, giỏ hàng, thanh toán, nhưng để cạnh tranh, cần có thêm các tính năng nâng cao như đánh giá sản phẩm, theo dõi đơn hàng, hiển thị sản phẩm liên quan. Việc cân bằng giữa số lượng tính năng và sự đơn giản trong trải nghiệm người dùng là một bài toán khó. Cuối cùng, việc đảm bảo tính thẩm mỹ và sự nhất quán trong thiết kế giao diện cũng là một trở ngại lớn. Một bố cục layout lộn xộn, màu sắc không hài hòa có thể khiến khách hàng rời đi ngay lập tức.

2.1. Phân tích yêu cầu người dùng và đối tượng mục tiêu

Để thiết kế website kinh doanh túi xách hiệu quả, bước phân tích yêu cầu người dùng là nền tảng. Nghiên cứu của đề tài xác định đối tượng độc giả từ 14 tuổi trở lên, không phân biệt giới tính. Điều này có nghĩa là danh mục sản phẩm phải đa dạng, bao gồm túi xách nữ, túi xách nam, và cả balo. Giao diện website phải trực quan, dễ điều hướng để mọi lứa tuổi đều có thể sử dụng. Các chủ đề chính của website cần được phân chia rõ ràng: trang chủ, giới thiệu, sản phẩm mới, sản phẩm bán chạy, khuyến mãi, liên hệ. Việc hiểu rõ khách hàng muốn gì sẽ quyết định cấu trúc và nội dung của toàn bộ trang web, từ đó tạo ra một nền tảng thực sự hữu ích.

2.2. Xác định các chức năng thương mại điện tử cốt lõi

Một website bán hàng thành công phải được trang bị đầy đủ các chức năng cốt lõi. Tài liệu gốc đã liệt kê các chức năng cần có như: tìm kiếm sản phẩm, thêm vào giỏ hàng, mua ngay, đánh giá và bình luận. Bên cạnh đó, các tính năng hỗ trợ như theo dõi hành trình đơn hàng, phóng to thu nhỏ hình ảnh sản phẩm, và hiển thị sản phẩm liên quan cũng cực kỳ quan trọng. Những chức năng này không chỉ giúp quá trình mua sắm trở nên thuận tiện hơn mà còn gia tăng giá trị cho khách hàng. Thách thức nằm ở việc triển khai các tính năng này một cách mượt mà, không gây ra lỗi kỹ thuật và đảm bảo tốc độ tải trang nhanh, đặc biệt là trên các thiết bị di động.

III. Hướng dẫn quy trình thiết kế giao diện website túi xách

Quy trình thiết kế giao diện (UI) và trải nghiệm người dùng (UX) là linh hồn của một website kinh doanh túi xách. Một giao diện đẹp mắt và dễ sử dụng sẽ giữ chân khách hàng và thúc đẩy họ ra quyết định mua hàng. Quy trình này bắt đầu bằng việc lên ý tưởng và lựa chọn phong cách thiết kế. Đối với dự án MyBag Store, ý tưởng là tạo ra một sự kết hợp mới mẻ và độc đáo giữa phong cách cổ điển và hình ảnh túi xách hiện đại. Bước tiếp theo là xây dựng hệ thống nhận diện, bao gồm việc lựa chọn gam màu chủ đạo và thiết kế logo. Màu sắc không chỉ ảnh hưởng đến thẩm mỹ mà còn tác động đến tâm lý người mua. Sau khi có định hướng rõ ràng, quá trình thiết kế wireframe và mockup được tiến hành. Wireframe là bản phác thảo cấu trúc, bố cục của từng trang, giúp xác định vị trí các thành phần chính. Mockup là phiên bản thiết kế hoàn chỉnh về mặt hình ảnh, thể hiện màu sắc, font chữ, và các yếu tố đồ họa. Quy trình này đảm bảo rằng mọi trang, từ trang chủ đến trang chi tiết sản phẩm, đều có một bố cục layout nhất quán và khoa học, giúp người dùng dễ dàng tìm kiếm thông tin và thực hiện các hành động mong muốn.

3.1. Lựa chọn gam màu chủ đạo và xây dựng bộ nhận diện

Màu sắc là yếu tố quan trọng trong việc định hình thương hiệu. Đề tài đã lựa chọn gam màu chủ đạo là màu nâu trầm (#946e3d) kết hợp với nền trắng (#ffffff). Lý do được đưa ra là màu trắng tinh khiết giúp làm nổi bật hình ảnh sản phẩm, trong khi màu nâu lấy cảm hứng từ túi xách da, tạo cảm giác mộc mạc, cổ điển và đáng tin cậy. Sự phối màu này tạo ra một phong cách độc đáo, sang trọng nhưng không kém phần hiện đại. Logo được thiết kế đơn giản, dễ nhận diện, góp phần xây dựng một bộ nhận diện thương hiệu nhất quán trên toàn bộ website.

3.2. Thiết kế wireframe và mockup cho các trang chính

Từ ý tưởng, việc chuyển hóa thành các bản thiết kế cụ thể được thực hiện qua hai giai đoạn: wireframe và mockup. Báo cáo đã trình bày chi tiết các bản phác thảo (sketch) và wireframe cho 11 trang của website, bao gồm trang chủ, trang sản phẩm, trang chi tiết sản phẩm, giỏ hàng, và đặt hàng. Giai đoạn này giúp hệ thống hóa cấu trúc thông tin và luồng tương tác của người dùng. Sau đó, các bản mockup được hoàn thiện bằng phần mềm Photoshop, thể hiện chính xác giao diện cuối cùng với màu sắc, hình ảnh và nội dung chi tiết. Quá trình này đảm bảo thiết kế được tối ưu trước khi đi vào lập trình, tiết kiệm thời gian và chi phí.

3.3. Sơ đồ phân cấp trang và bố cục layout khoa học

Một sơ đồ web rõ ràng là yếu tố then chốt cho việc điều hướng. Đề tài đã xây dựng một sơ đồ phân cấp các trang một cách logic, bắt đầu từ trang chủ và phân nhánh ra các trang con như sản phẩm, giới thiệu, liên hệ. Bố cục layout của các trang cũng được tiêu chuẩn hóa để tạo sự nhất quán. Thanh menu điều hướng (header) được thiết kế cố định, giúp người dùng dễ dàng truy cập các mục chính ở bất kỳ đâu trên trang. Phần chân trang (footer) tổng hợp lại các thông tin quan trọng. Cách tổ chức khoa học này giúp cải thiện đáng kể trải nghiệm người dùng, giúp họ không bị lạc và dễ dàng tìm thấy thứ mình cần.

IV. Phương pháp xây dựng các tính năng cho website MyBag Store

Việc xây dựng các tính năng là giai đoạn hiện thực hóa các ý tưởng thiết kế thành một sản phẩm hoạt động. Trọng tâm của một website kinh doanh túi xách là các tính năng liên quan trực tiếp đến quá trình mua sắm. Việc tích hợp chức năng giỏ hàng và quy trình đặt hàng phải được ưu tiên hàng đầu. Quy trình này cần được thiết kế thật đơn giản, ít bước nhất có thể để giảm tỷ lệ khách hàng từ bỏ. Trang chi tiết sản phẩm là nơi quyết định phần lớn hành vi mua hàng, do đó cần được tối ưu hóa một cách cẩn thận. Nó không chỉ hiển thị hình ảnh và giá cả, mà còn phải cung cấp mô tả chi tiết, thông số kỹ thuật, đánh giá từ khách hàng trước, và các sản phẩm liên quan. Các nút kêu gọi hành động (Call-to-action) như "Thêm vào giỏ hàng" hay "Mua ngay" phải được đặt ở vị trí nổi bật. Bên cạnh các tính năng cho người dùng cuối, hệ thống quản lý cho quản trị viên cũng vô cùng quan trọng. Một hệ thống backend hiệu quả cho phép người bán dễ dàng cập nhật sản phẩm túi xách, quản lý kho hàng, xử lý đơn hàng và theo dõi doanh thu. Phương pháp xây dựng các tính năng này đòi hỏi sự kết hợp giữa kỹ thuật lập trình và sự am hiểu về thương mại điện tử.

4.1. Tích hợp chức năng giỏ hàng và quy trình đặt hàng

Chức năng giỏ hàng là trái tim của mọi website thương mại điện tử. Tại website MyBag Store, giỏ hàng cho phép người dùng xem lại các sản phẩm đã chọn, điều chỉnh số lượng hoặc xóa bỏ sản phẩm. Quy trình đặt hàng được thiết kế đơn giản hóa, bao gồm các bước: xem giỏ hàng, điền thông tin giao hàng, chọn phương thức thanh toán và xác nhận đơn hàng. Tài liệu thiết kế đã trình bày chi tiết wireframe cho trang giỏ hàng và trang đặt hàng, đảm bảo các trường thông tin cần thiết được hiển thị rõ ràng, giúp người dùng hoàn tất giao dịch một cách nhanh chóng và không gặp trở ngại.

4.2. Tối ưu hóa trang chi tiết sản phẩm để tăng chuyển đổi

Trang chi tiết sản phẩm là "nhân viên bán hàng" thầm lặng của website. Để tăng tỷ lệ chuyển đổi, trang này cần cung cấp đầy đủ thông tin thuyết phục khách hàng. Theo thiết kế, trang chi tiết sản phẩm của MyBag Store bao gồm: nhiều hình ảnh chất lượng cao với chức năng phóng to, mô tả chi tiết về chất liệu và kích thước, giá bán, nút "Thêm vào giỏ hàng" nổi bật, và khu vực đánh giá, bình luận của khách hàng. Việc hiển thị các sản phẩm liên quan cũng là một chiến lược hiệu quả để bán chéo (cross-sell) và bán thêm (up-sell), gia tăng giá trị trung bình của mỗi đơn hàng.

V. Kết quả thực tiễn từ dự án thiết kế website MyBag Store

Dự án thiết kế website kinh doanh túi xách cho MyBag Store đã đạt được những kết quả thực tiễn đáng ghi nhận, thể hiện qua các sản phẩm thiết kế hoàn chỉnh. Kết quả cuối cùng là một bộ giao diện chi tiết cho toàn bộ các trang chức năng quan trọng của một website thương mại điện tử. Giao diện chính và các trang con đều tuân thủ nghiêm ngặt gam màu chủ đạo và phong cách thiết kế đã đề ra, tạo nên một tổng thể hài hòa, chuyên nghiệp. Thanh menu điều hướng được thiết kế thân thiện, cho phép người dùng truy cập nhanh chóng đến các danh mục sản phẩm hoặc các trang thông tin cần thiết. Các nút kêu gọi hành động được đặt ở những vị trí dễ thấy, trực quan, hướng người dùng thực hiện các thao tác quan trọng như mua hàng hoặc liên hệ. Báo cáo đã minh họa rõ ràng kết quả này thông qua các hình ảnh mockup hoàn thiện cho từng trang, từ trang chủ, trang sản phẩm, trang chi tiết, đến trang giỏ hàng và thanh toán. Những kết quả này không chỉ là bản vẽ thiết kế mà còn là một bộ khung vững chắc, sẵn sàng cho giai đoạn lập trình và triển khai thực tế. Đây là minh chứng cho một quy trình làm việc bài bản, từ khâu phân tích yêu cầu đến hoàn thiện sản phẩm cuối cùng.

5.1. Giao diện chính và các trang chức năng hoàn thiện

Kết quả của đề tài là một bộ thiết kế giao diện hoàn chỉnh, được thể hiện qua các hình ảnh trực quan trong báo cáo. Trang chủ gây ấn tượng với banner lớn, giới thiệu các bộ sưu tập nổi bật. Trang sản phẩm trình bày hàng hóa theo dạng lưới (grid layout) rõ ràng, dễ so sánh. Trang chi tiết sản phẩm cung cấp đầy đủ thông tin cần thiết. Các trang chức năng khác như đăng ký/đăng nhập, giỏ hàng, liên hệ, tuyển dụng đều có bố cục layout riêng, được tối ưu cho mục đích sử dụng của từng trang. Tất cả tạo nên một hệ sinh thái thiết kế đồng bộ và nhất quán.

5.2. Đánh giá điểm nổi bật và tính thân thiện của website

Phần kết luận của báo cáo đã nêu bật những ưu điểm của thiết kế. Website cung cấp đầy đủ thông tin và chức năng cần thiết, giúp khách hàng dễ dàng tìm hiểu và mua sản phẩm. Màu sắc website hài hòa, dễ nhìn, tạo cảm giác thoải mái khi duyệt web. Đặc biệt, thanh menu điều hướng được đánh giá là "thân thiện với người dùng", một yếu tố cực kỳ quan trọng trong trải nghiệm người dùng (UX). Các nút kêu gọi hành động được đặt ở vị trí chiến lược, giúp tăng khả năng chuyển đổi. Những điểm nổi bật này cho thấy thiết kế không chỉ tập trung vào thẩm mỹ mà còn chú trọng cao đến tính hiệu quả và khả năng sử dụng.

VI. Kết luận và hướng phát triển cho website kinh doanh túi xách

Đề tài thiết kế website kinh doanh túi xách cho MyBag Store đã hoàn thành xuất sắc các mục tiêu đề ra. Nó cung cấp một bộ giải pháp thiết kế toàn diện, từ khâu lên ý tưởng, phân tích, cho đến việc tạo ra các sản phẩm thiết kế cụ thể như wireframe và mockup. Thành công của dự án này nhấn mạnh tầm quan trọng của một quy trình thiết kế bài bản. Các yếu tố như nghiên cứu kỹ lưỡng người dùng, xây dựng cấu trúc thông tin logic, lựa chọn màu sắc phù hợp, và tối ưu hóa trải nghiệm người dùng là những viên gạch nền tảng tạo nên một website thương mại điện tử hiệu quả. Tuy nhiên, việc thiết kế một website không phải là điểm kết thúc. Đây chỉ là bước khởi đầu. Để website thực sự phát huy hiệu quả trong thực tế, cần có những hướng phát triển và cải tiến liên tục. Thị trường và công nghệ luôn thay đổi, do đó website cũng cần được cập nhật để không trở nên lỗi thời. Việc mở rộng các tính năng, tối ưu hóa cho công cụ tìm kiếm (SEO), và tích hợp các kênh marketing khác sẽ là những bước đi tiếp theo để website MyBag Store phát triển bền vững và thành công trên thị trường cạnh tranh.

6.1. Tóm tắt các yếu tố thành công của một trang web bán hàng

Qua việc phân tích đề tài, có thể rút ra các yếu tố cốt lõi quyết định thành công của một website kinh doanh túi xách. Thứ nhất là giao diện hấp dẫn và chuyên nghiệp, tạo được niềm tin cho khách hàng. Thứ hai là trải nghiệm người dùng mượt mà, điều hướng dễ dàng và quy trình thanh toán đơn giản. Thứ ba là nội dung sản phẩm đầy đủ, hình ảnh chất lượng cao và có đánh giá từ người mua trước. Cuối cùng là nền tảng kỹ thuật ổn định, tốc độ tải trang nhanh và tương thích với các thiết bị di động. Đây là những tiêu chuẩn mà bất kỳ dự án thương mại điện tử nào cũng cần hướng tới.

6.2. Các đề xuất cải tiến và mở rộng trong tương lai

Để website MyBag Store tiếp tục phát triển, có thể xem xét một số hướng cải tiến. Về tính năng, có thể tích hợp công cụ chatbot AI để tư vấn khách hàng 24/7, hoặc tính năng "thử túi xách ảo" bằng công nghệ AR. Về marketing, cần triển khai các chiến dịch SEO để tăng thứ hạng trên Google, kết hợp quảng cáo trả phí và xây dựng nội dung trên mạng xã hội. Ngoài ra, việc phát triển một ứng dụng di động riêng cho MyBag Store cũng là một hướng đi tiềm năng, giúp tăng cường sự gắn kết với khách hàng và mang lại trải nghiệm mua sắm cá nhân hóa hơn.

Trích đoạn nội dung tài liệu

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN ---------------------- Trần Thị Kim Liên-2210A01 Đề tài: Thiết kế website kinh doanh túi xách cho MyBag Store. BÁO CÁO BÀI TẬP LỚN MÔN: THIẾT KẾ WEB Giảng viên hướng dẫn: Trần Duy Hùng Hà Nội – <2023> Mục lục PHẦN I: GIỚI THIỆU. Chủ đề: Thương mại điện tử. Tên đề tài: Thiết kế website kinh doanh túi xách cho IbagStore.

Tên sinh viên thực hiện, lớp:. Lý do chọn đề tài:. Mục đích của đề tài:. Kết quả mong muốn đat được.

Kế hoạch thực hiện. Các phần mềm sử dụng.3 PHẦN II: NỘI DUNG. Xác định và phân tích yêu cầu. Đối tượng độc giả.

Các chủ đề chính của website. Các chức năng cần có. Ý tưởng thiết kế. Số lượng trang.

Gam màu chủ đạo. Sơ đồ web sơ dồ phân cấp các trang. Bố cục layout của các trang. Trang đăng kí/đăng nhập.

Trang sản phẩm. Trang sản phẩm ( túi xách nữ). Trang chi tiết sản phẩm( túi xách nữ). Trang giới thiệu ( về chúng tôi).

Trang tuyển dụng. Trang liên hệ. Trang giỏ hàng. Trang đặt hàng.

Ý tưởng thiết kế các thành phần trên trang web. Giao diện chính và chi tiết nội dung các trang. TÀI LIỆU THAM KHẢO. THANG ĐIỂM ĐÁNH GIÁ ĐỀ TÀI.40 1 Thanks for watching! PHẦN I: GIỚI THIỆU 1.

Chủ đề: Thương mại điện tử 2. Tên đề tài: Thiết kế website kinh doanh túi xách cho IbagStore 3. Tên sinh viên thực hiện, lớp: - Tên sinh viên: Trần Thị Kim Liên - Lớp: 2210A01 4. Lý do chọn đề tài: Trong những năm gần đây, sự phát triển mạnh mẽ của thương mại điện tử trên thế giới đã góp phần thay đổi cách thức kinh doanh, giao dịch truyền thống và đem lại những lợi ích to lớn cho xã hội hiện nay.

Một trong những điều kiện cơ bản và có ý nghĩa quyết định trong việc phát triển thương mại điện tử là sự ra đời của các website với chất lượng tốt nhất đáp ứng nhu cầu cho cả người quản trị và người dùng. Túi xách đã và đang trở thành một trong những phụ kiện được khá nhiều người quan tâm, ưu tiên lựa chọn hiện nay. Không chỉ phục vụ cho nhu cầu thời trang của phái đẹp mà còn trở thành sản phẩm đựng đồ công nghệ dành chon nam giới. Đối với giới trẻ hiện nay, túi xách còn là phụ kiện tuyệt vời làm nổi bật lên phong cách, cá tính riêng biệt.

Để việc kinh doanh đạt được hiệu quả tốt nhất thì việc tạo ra một website là việc rất cần thiết. Điều này giúp người bán dễ dàng quản lý và nắm bắt nhu cầu của người dùng một cách nhanh nhất, tang doanh thu bán hang, giảm thiểu chi phí quảng cáo, đơn giản hóa quá trình mua bán, và mở rộng thị trường. Khách hàng cũng có thể thỏa sức lựa chọn và có cho mình một chiếc túi xách ưng ý bất cứ lúc nào mà không cần đến trực tiếp cửa hàng. Mục đích của đề tài: - Đối với doanh nghiệp:  Đăng nhập, quản lý trang web  Cập nhật, xem, sửa, xóa thông tin sản phẩm  Cập nhật tin tức, ưu đãi,…  Quản lý đơn hàng  Quản lý việc thanh toán  Chăm sóc, tư vấn khách hàng 2 Thanks for watching!  Tăng doanh thu bán hàng  Tăng uy tín, quảng bá thương hiệu, mở rộng thị trường - Đối với khách hàng:  Đăng nhập vào trang web  Xem tin tức của trang web  Xem thông tin sản phẩm  Đưa sản phẩm vào giỏ hàng  Đặt hàng  Liên hệ người bán  Phản hồi đánh giá.

Kết quả mong muốn đat được - Website đạt được có đầy đủ các chức năng theo đúng yêu cầu của một website thương mại điện tử. Đầy đủ các chức năng: hiển thị, điều hướng, giỏ hàng, thanh toán. Giao diện thiết kế thu hút, banner ấn tượng… - Trang web được tạo ra bắt mắt, thu hút khách hàng. Bố cục khoa học, thể hiện một cách đầy đủ và rõ ràng về thông tin của sản phẩm để người dùng dễ tìm kiếm sản phẩm phù hợp với nhu cầu của mình.

- Hình ảnh sản phâm chân thực, sắc nét, thu hút người dùng. - Màu sắc hài hóa, đơn giản nhưng độc đáo - Các tính năng dễ dàng sử dụng 7. Kế hoạch thực hiện - Phân tích yêu cầu của trang web - Tìm hiểu thông tin về những nội dụng cần có của trang - Tham khảo giao diện, bố cục, phối màu của các trang web khác - Phác thảo ý tưởng - Sưu tập tài nguyên ảnh các sản phẩm. - Lựa chọn gam màu phù hợp, tìm chọn cách phối màu ấn tượng - Thiết kế wireframe trang chủ, các trang con chính, các trang con chi tiết - Thiết kế logo, banner, header, footer - Thiết kế mockup, prototype - Hoàn thiện trang web Các phần mềm sử dụng - Photoshop 3 Thanks for watching! - Word PHẦN II: NỘI DUNG 1.

Xác định và phân tích yêu cầu 1. Đối tượng độc giả - Lứa tuổi: từ 14 tuổi trở lên - Giới tính: cả nam và nữ 1. Các chủ đề chính của website Trang chủ, giới thiệu, tuyển dụng, liên hệ, sản phẩm túi xách nữ, túi xách nam, sản phẩm balo, sản phẩm mới, sản phẩm bán chạy nhất, sản phẩm khuyến mãi 1. Các chức năng cần có - Tìm kiếm - Thêm vào giỏ hàng, mua ngay - Đánh giá, bình luận - Theo dõi hành trình đơn hàng - Hiển thị hình ảnh, phóng to, thu nhỏ - Hiển thị sản phẩm liên quan 2.

Ý tưởng thiết kế: 2. Số lượng trang: 11 trang 2. Gam màu chủ đạo, lý do chọn màu sắc, phương pháp phối màu - Gam màu chủ đạo: màu nâu trầm - Mã màu: #ffffff, #946e3d - Lý do chọn màu sắc: lấy màu trắng làm màu nền, màu trắng là màu đơn giản, tinh khiết, đối với chủ đề thiết kế website bán túi xách nó sẽ góp phần làm nổi bật lên hình ảnh của sản phẩm, thu hút ánh nhìn của khách hàng vào sản phẩm đầu tiên. Màu nâu được lấy cảm hứng từ màu của túi xách da cũng là màu của sự trầm lặng, mộc mạc, nhằm đẩy sự thu hút của người nhìn đến với sản phẩm.

- Sự kết hợp giữa màu nâu mang phong cách cổ điển và hình ảnh túi xách hiện đại tạo nên một sự kết hợp mới mẻ và độc đáo. 4 Thanks for watching! #946e3d #bda640 #f0f0f2 2. Sơ đồ web sơ dồ phân cấp các trang. Bố cục layout của các trang, style và cách thức thiết kế (ý tưởng thiết kế) 5 Thanks for watching! 3.

Trang chủ - Sketch (1500x2500) 6 Thanks for watching! - Wireframe 7 Thanks for watching! 8 Thanks for watching! 3. Trang đăng kí/đăng nhập - Sketch (1500x1850) 9 Thanks for watching! - Wireframe 3. Trang đăng kí - Sketch (1500x1850) 10 Thanks for watching! - Wireframe 11 Thanks for watching! 3. Trang sản phẩm - Sketch (1500x2500) 12 Thanks for watching! - Wireframe 13 Thanks for watching! 3.

Trang sản phẩm ( túi xách nữ) Trang túi xách nam và túi xách nữ dùng chung 1 layout 14 Thanks for watching! - Sketch (1500x2500) - Wireframe 15 Thanks for watching! 3. Trang chi tiết sản phẩm( túi xách nữ) - Sketch (1500x2500) 16 Thanks for watching! - Wireframe 17 Thanks for watching! 18 Thanks for watching! 3. Trang giới thiệu ( về chúng tôi) - Sketch (1500x1850) 19 Thanks for watching! - Wireframe 3. Trang tuyển dụng - Sketch (1500x2500) 20 Thanks for watching! - Wireframe 21 Thanks for watching! 22 Thanks for watching! 3.

Trang liên hệ - Sketch (1500x1850) - Wireframe 23 Thanks for watching! 3. Trang giỏ hàng - Sketch (1500x1850) 24 Thanks for watching! - Wireframe 25 Thanks for watching! 26 Thanks for watching! 3. Trang đặt hàng - Sketch (1500x1300) 27 Thanks for watching! - Wireframe 28 Thanks for watching! 4. Ý tưởng thiết kế các thành phần trên trang web (logo, menu, banner, footer…)  Logo: Thiết kế đơn giản, dễ nhận diện  Menu: Thanh menu điều hướng sẽ nằm ngang dưới phần header để người dùng dễ nhận biết và sử dụng.

Menu thiết kế cố định cung cấp cho người dùng khu vực điều hướng tại bất kỳ điểm tương tác.Menu gồm các thành phần: + Trang chủ: Giúp người dùng dễ dàng quay trở về trang chủ một cách dễ dàng mà không cần trở lại từng trang đã xem trước đó. + Sản phẩm: Sản phẩm sẽ gồm các lựa chọn giúp người dùng tìm nhanh chóng các sản phẩm mà mình muốn. + Giới thiệu: Cung cấp thông tin về cửa hàng cho người dùng. Tăng độ uy tín cho của hàng.

+ Tuyển dụng: Người dùng có thêm thông tin về chính sách tuyển dụng của cửa hàng. + Liên hệ: Người dùng có thể dễ dàng liên hệ trực tiếp với cửa hàng  Banner: Thiết kế phù hợp với sản phẩm cửa hàng kinh doanh. Thiết kế độc đáo, thu hút khách hàng.  Footer: Thiết kế tổng hợp lại những nội dung giúp người dùng bao quát thông tin.

Đưa ra thông tin chính xác, đáng tin cậy 29 Thanks for watching! 5. Giao diện chính và chi tiết nội dung các trang - Logo 30 Thanks for watching! - Trang chủ 31 Thanks for watching! - Trang sản phẩm 32 Thanks for watching! - Trang túi xách nữ 33 Thanks for watching! - Trang chi tiết sản phẩm 34 Thanks for watching! - Trang đăng kí/ đăng nhập 35 Thanks for watching! - Trang đăng kí 36 Thanks for watching! - Trang về chúng tôi 37 Thanks for watching! - Trang tuyển dụng 38 Thanks for watching! - Trang liên hệ 39 Thanks for watching! - Trang giỏ hàng 40 Thanks for watching! - Trang đặt hàng PHẦN III. KẾT LUẬN Các điểm nổi bật của website: - Website cung cấp đầy đủ các thông tin, chức năng cần thiết để khách hàng có thể dễ dàng tìm hiểu và mua sản phẩm. - Màu sắc website hài hòa, dễ nhìn.

- Thanh menu điều hướng thân thiện với người dùng, cho phép truy cập nhanh chóng. - Kêu gọi hành động được đặt ở vị trí dễ thấy PHẦN IV. TÀI LIỆU THAM KHẢO https://tina.shop/tui-xach-nu/.com/en_at/fashion/bags/bags.com/vn/thoi-trang/tui-xach/c/1x1x1/. THANG ĐIỂM ĐÁNH GIÁ ĐỀ TÀI 41 Thanks for watching! 42 Thanks for watching!