THIẾT kế WEBSITE sản PHẨM DƯỠNG DA DÀNH CHO PHÁI nữ

1 TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA KINH TẾ ĐỀ CƯƠNG BÀI TẬP LỚN MÔN THIẾT KẾ VÀ TRIỂN KHAI WEB TMĐT ĐỀ TÀI THIẾT KẾ WEBSITE SẢN PHẨM DƯỠNG DA DÀNH CHO PHÁI NỮ Giảng viên hướng dẫn Th S Nguyễn Thị Quỳnh Như Sinh viên thực hiện Vũ Thị Thu Huyền Lớp TM011 2022 001 Hà Nội 2022 2 Phần 1 Đặt vấn đề 1 Lý do chọn đề tài Sắp tới tôi sẽ kinh doanh sản phẩm về giày thể thao Vì vậy bên cạnh việc bán trực tiếp tôi muốn bán thêm trên các kênh online để truyền thông cho sản phẩm của tôi đến với tất cả mọi người T.

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA KINH TẾ ĐỀ CƯƠNG BÀI TẬP LỚN MÔN: THIẾT KẾ VÀ TRIỂN KHAI WEB TMĐT ĐỀ TÀI: THIẾT KẾ WEBSITE SẢN PHẨM DƯỠNG DA DÀNH CHO PHÁI NỮ Giảng viên hướng dẫn : Th.S Nguyễn Thị Quỳnh Như Sinh viên thực : Vũ Thị Thu Huyền Lớp : TM011.2022.001 Hà Nội 2022 Phần : Đặt vấn đề Lý chọn đề tài Sắp tới kinh doanh sản phẩm giày thể thao Vì bên cạnh việc bán trực tiếp muốn bán thêm kênh online để truyền thông cho sản phẩm đến với tất người Từ thúc đẩy doanh thu bán hàng Vì tơi chọn đề tài để thiết kế website cho sản phẩm tơi cách bắt mắt, cụ thể Từ họ có ấn tượng tốt với sản phẩm có khả mua hàng nhanh chóng Mục đích đề tài • Sẽ xây dựng website với u cầu • Sau cho vào thực thi nhận lượt tương tác, tiếp cận nhiều • Lượt đặt hàng online tăng dần theo thời gian • Tiết kiệm thời gian • Kinh doanh online • Tăng doanh thu • Giup khách hàng mua hàng lúc, nơi, nhận hàng đâu • Nâng cao thương hiệu • • • • Kết mong muốn đạt Đáp ứng yêu cầu trang web Ứng dụng kiến thức học để triển khai Thành thạo sử dụng Photoshop để thiết kế trang web Bản thiết kế đầy đủ nội dung chức • • • • • Nội dung phù hợp với công cụ thiết kế người dùng Cấu trúc website hỗ trợ cho thiết kế Giao diện thích hợp thể “chất riêng” doanh nghiệp Tích hợp giỏ hàng – Thanh toán tiện lợi Hiển thị tốt tảng thiết bị Phần : Nội dung I Cơ sở lý thuyết: Kiến thức ( Khơng có ) ✓ ✓ ✓ II Cấu trúc thiết kế: Ý tưởng thiết kế : Số lượng trang : 10 trang Độ sâu: (Trang chủ→ Sản phẩm→ Chi tiết sản phẩm→ Giỏ hàng→ Thanh tốn) Sơ đồ phân cấp: HÌNH 1: ảnh sơ đồ - Kế hoạch thực hiện: • 10/6: Nộp đề cương, cứng ( bìa BTL theo mẫu khoa, sử dụng bìa bóng kính • 13/6: Nộp đề cương lần trường hợp khơng đạt lần • 17/6: Nộp thiết kế trang chủ ( gồm file psd, jpg) • 21/6: Nộp thiết kế trang ( gồm tất file psd, jpg) ✓ ✓ ✓ Phương pháp phối màu: Đơn sắc Màu chủ đạo: Xanh dương Mã màu: #99ccff Gam màu sử dụng: Xanh dương (99ccfff) ✓ HÌNH Màu chủ đạo ✓ Em sử dụng gam màu chủ đạo xanh dương (#99ccff) gam màu nhạt, tương đối đơn giản, tạo cảm giác dễ chịu quan sát Bên cạnh đó, gam màu xanh xanh đại diện cho trời biển Đây biểu tượng bình tĩnh, tự tin, chân thành đem lại cảm giác an toàn ✓ Phần trang chủ thiết kế gồm mục Menu, Logo, Banner, Footer sản phẩm phổ biến - Bố cục layout trang: Phần trang chủ: bố trí với phần menu, logo, banner, footer, danh mục sản phẩm mới, sản phẩm phổ biến, liên hệ giới thiệu HÌNH Trang chủ Phần trang chủ HÌNH Index Trang đăng kí : bố trí gồm tên tài khoản, mật khẩu, đăng ký chưa có tài khoản, đăng nhập Hình Trang đăng ký Phần trangđky 10 24 III Giao diện chi tiết nội dung trang xây dựng Trang chủ 25 ✓ Trang sản phẩm: 26 ✓ Trang chi tiết sản phẩm: 27 ✓ Trang giỏ hàng: 28 ✓ Trang toán: 29 ✓ Trang đăng kí: 30 ✓ Trang giới thiệu: 31 ✓ Trang liên hệ: 32 ✓ Trang tin tức 33 Trang xác nhận 34 Phần 3: Kết luận - Điểm bật Website: + Sản phẩm xếp theo thứ tự rõ rang + Có chức cần thiết Website bán hàng + Đem đến cho người dùng đa dạng mẫu mã để lựa chọn - Những vấn đề chưa đạt so với ý tưởng ban đầu: + Chưa xây dựng mục phân loại giá thành sản phẩm, mức độ quan tâm u thích để khách hàng dễ dàng tìm sản phẩm phù hợp - Hướng phát triển đề tài: + Xem đc lịch sử đơn hàng + Xây dựng hệ thống chat trực tuyến với khách hàng + Thêm danh mục nhãn hàng yêu thích khách hàng trung thành với thương hiệu mỹ phẩm 35 Phần 4: Tài liệu tham khảo phần mềm sử dụng ✓ Nguồn tài liệu tham khảo: https://color.adobe.com/ https://newbalance.com/ ✓ Phần mềm sử dụng : • Word • Photoshop CC 2018 • Visual Studio Code 36 Phần 5: Mục lục MỤC LỤC Phần : Đặt vấn đề Phần : Nội dung Cơ sở lý thuyết: Kiến thức I ( Khơng có ) II Cấu trúc thiết kế: - Ý tưởng thiết kế : - Kế hoạch thực hiện: - Phương pháp phối màu: Đơn sắc - Bố cục layout trang: III Giao diện chi tiết nội dung trang xây dựng 25 Phần 3: Kết luận 35 Phần 4: Tài liệu tham khảo phần mềm sử dụng 36 ✓ Nguồn tài liệu tham khảo: 36 ✓ Phần mềm sử dụng : 36 Phần 5: Mục lục 37 Phần 6: Thang điểm đánh giá đề tài 38 37 Phần 6: Thang điểm đánh giá đề tài Đề tài: Thiết kế Website sản phẩm dưỡng da dành cho nữ Bảng thiết kế tổng thể Thang Kết điểm 3,0đ - Bố cục layout trang chủ 1.0đ - Bố cục layout trang 1.0đ - Thành phần trang web: Logo, hệ thống điều hướng, quảng cáo… 1.0đ Trình diễn (Demo) - 3.5 đ Tính hợp lý cách tổ chức, bố trí thành phần 0.5đ trang Web - Hệ thống điều hướng phù hợp 0.5đ - Các chức đáp ứng yêu cầu người dùng 0.5đ - Trang trí đẹp, màu sắc hài hồ 0.5đ - Thống ngôn ngữ trang Web 0.5đ - Các công cụ hỗ trợ sử dụng đề tài 0.5đ - Nội dung thơng tin: xác, phong phú, phù hợp với chủ đề đề tài 0.5đ Trình bày đề tài 3.5 đ a Trình bày báo cáo 0.5đ b Hiểu biết nguyên lý thiết kế: Màu sắc, bố cục, tỉ lệ, chức 1.0đ năng… c Hiểu biết công cụ sử dụng đề tài 1.5đ d Phong cách trình bày 0.5đ Tổng điểm 38 10đ ... 38 37 Phần 6: Thang điểm đánh giá đề tài Đề tài: Thiết kế Website sản phẩm dưỡng da dành cho nữ Bảng thiết kế tổng thể Thang Kết điểm 3,0đ - Bố cục layout trang chủ 1.0đ - Bố cục layout... ✓ ✓ II Cấu trúc thiết kế: Ý tưởng thiết kế : Số lượng trang : 10 trang Độ sâu: (Trang chủ→ Sản phẩm? ?? Chi tiết sản phẩm? ?? Giỏ hàng→ Thanh tốn) Sơ đồ phân cấp: HÌNH 1: ảnh sơ đồ - Kế hoạch thực hiện:... nhập Hình Trang đăng ký Phần trangđky 10 11 12 13 14 Trang chi tiết sản phẩm: bố trí gồm ảnh sản phẩm, thơng tin sản phẩm, ảnh sản phẩm tương tự, đánh giá bình luận 15 16 17 18 19 20 21 22 23 24