(Tiểu luận) báo cáo đề cương môn thiết kế và triển khai web thương mại điện tử đề tài thiết kế website kinh doanh balo, túi xách học sinh

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA KINH TẾ BÁO CÁO ĐỀ CƯƠNG MÔN : THIẾT KẾ VÀ TRIỂN KHAI WEB THƯƠNG MẠI ĐIỆN TỬ ĐỀ TÀI: THIẾT KẾ WEBSITE KINH DOANH BALO, TÚI XÁCH HỌC SINH Giảng viên hướng dẫn : Th.S Nguyễn Thị Quỳnh Như Sinh viên thực : Phạm Thị Thùy Duyên Lớp : K30TMDT01 Mã sinh viên: 21A470100025 Hà Nội 2022 PHẦN 1: ĐẶT VẤN ĐỀ I Giới thiệu: - Đề tài: Thiết kế website kinh doanh balo, túi xách cho học sinh - Sinh viên thực hiện: Phạm Thị Thùy Duyên - Lớp: K30TMDT1 II.Lý chọn đề tài - Balo, túi xách khơng cịn đồ xa lạ học sinh, sinh viên Cùng với phát triển mạnh mẽ ngành thời trang, balo hay túi xách không đơn giản vật dụng giúp đựng đồ dùng, bảo quản đồ dùng mà phụ kiện tuyệt vời làm bật lên phong cách giới trẻ - Với nhanh nhạy giới trẻ, mà công nghệ tồn cầu hóa, khơng khó để tìm mua thứ gì, balo túi xách khơng ngoại lệ Thay vịng quanh trung tâm thương mại, siêu thị hay chợ; bạn trẻ thường tìm chúng mạng xã hội, xem thông tin, xem đánh giá website đặt mua online - Chỉ vài thao tác điện thoại người dùng sở hữu balo hay túi xách mà không cần nhiều thời gian hay cơng sức Chính vậy, việc tạo website thương mại điện tử kinh doanh sản phẩm balo túi xách giúp tăng doanh thu bán hàng, giảm chi phí cho việc quảng cáo, đơn giản hóa q trình mua bán, đặc biệt việc làm hài lòng khách hàng mở rộng thị trường III Cơ sở thực tiễn đề tài chọn - Như biết, xu hướng sử dụng Internet giới trẻ ngày cao, việc mua sắm online phát triển theo - Nắm bắt hành vi mua sắm này, doanh nghiệp dần chuyển đổi phương thức kinh doanh từ trực tiếp sang xây dựng website mại điện tử để bán hàng online - Đặc biệt, hệ trẻ ngày động, ưa sáng tạo ,thích thể mình, đầu cơng nghệ, việc doanh nghiệp kinh doanh balo túi xách tảng internet giúp thoả mãn lợi ích hai bên IV Mục tiêu Thiết kế website thương mại điện tử kinh doanh sản phẩm balo túi xách phục vụ hai đối tượng doanh ghiệp khách hàng: - Đối với doanh nghiệp: + Đăng nhập, quản lý trang web + Cập nhật, xem, 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 tốn + Chăm sóc, tư vấn khách hàng - Đối với Khách hàng: + Đăng nhập vào trang Web + Xem tin tức 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 lạc người bán + Phản hồi đánh giá V.Kết mong muốn - Đối với Doanh nghiệp: Website đạt có đầy đủ chức theo yêu cầu website thương mại điện tử: Chức hiển thị (hiển thị hình ảnh, thơng tin sản phẩm, khuyến mãi, ưu đãi); chức điều hướng, chức giỏ hàng, chức toán Giao diện thiết kế thu hút, banner ấn tượng, - Đối với Khách hàng: dễ dàng tìm kiếm sản phẩm phù hợp, mua hàng nhanh chóng, hợp lí, giao diện thân thuộc dễ sử dụng VI Kế hoạch thực hiện: - Ngày 21/10: Nộp đề cương tập lớn - Ngày 27/10: Nộp đề cương lần - Ngày 28/10: Nộp thiết kế trang chủ - Ngày 4/11: Nộp thiết kế trang PHẦN 2: NỘI DUNG I Cấu trúc thiết kế website Số lượng trang: 16 trang Bao gồm: trang chủ, trang chính, trang chi tiết,1 trang giỏ hàng, đăng nhập Độ sâu: mức Bao gồm: trang chủ, trang chính, mức trang chi tiết, trang mô tả, mức giỏ hàng trang đặt hàng Gam màu: - - Website kinh doanh balo, túi xách thiết kế với cách phối màu đơn sắc: Gam màu chủ đạo: màu đỏ có mã #CF202F màu bật, gây ấn tượng mạnh mẽ Màu đỏ thể cho nhiệt huyết, động, mạnh mẽ, tự tin; biểu trưng cho sức mạnh điều tích cực - Màu nền: màu đỏ nhạt có mã #FF6ED mang lại hòa hợp , thân thiện - Màu phụ: màu trắng với mã màu #FFFFFF – sắc màu trung lập, tối giản, nhẹ nhàng, dễ dàng hài hòa với hình ảnh, văn bản,nút biểu tượng; màu đen #000000 dùng để trình bày nội dung văn Sơ đồ Website – sơ đồ phân cấp liên kết trang web Ý tưởng thiết kế thành phần trang web Header bao gồm: logo, mục balo, túi xách, tìm kiếm, giỏ hàng, đăng nhập - Logo: Logo tên trang web , nằm góc trái header - Thanh tìm kiếm nằm header - Mục balo túi xách điều hướng khách hàng đến trang sản phẩm - Giỏ hàng :Chứa sản phẩm mà khách hàng thêm trình mua sắm Nếu khách hàng định đặt hàng, giỏ hàng chuyển sang trang thơng tin đơn hàng, thơng tin tốnvà đặt hàng Ở đây, người dùng cung cấp đầy đủ thông tin họ tên, số điện thoại, địa chỉ, ghi (nếu có ), bên cạnh thông tin đơn vị vận chuyển phương thức tốn, sau ấn nút đặt hàng Banner quảng cáo thiết kế hình chữ nhật, nằm header Trên banner quảng cáo thiết kế hình ảnh sản phẩm bật doanh nghiệp, ưu đãi slogan doanh nghiệp Main content: Thiết kế trang không giống nhau: - Trang chủ hiển thị sản phẩm mà doanh nghiệp kinh doanh - Trang sản phẩm có độ sâu mức, mức lại có thiết kế riêng: + Trang sản phẩm: Hiển thị hình ảnh sản phẩm, giá tiền chúng + Trang chi tiết sản phẩm ( trang mô tả) : Là thông tin mô tả sản phẩm, tùy chọn màu, chọn số lượng, nút mua nút thêm vào giỏ hàng - Trang giỏ hàng xuất sản phẩm mà khách hàng thêm , có hình ảnh , tên đơn giá sản phẩm, có nút tốn chọn nhiều sản phẩm lúc để đặt hàng - Trang đặt hàng : Hiện sản phẩm mà khách chọn mua, số lượng tổng giá thành tiền, chọn phương thức tốn điền thơng tin ấn nút đặt hàng Footer: thiết kế trang giống bao gồm: Chăm sóc khách hàng Hỗ trợ khách hàng : bảo mật, bảo hành, vận chuyển, toán Liên hệ shop Tư vấn khách hàng Các liên kết mạng xã hội II a) Giao diện trang web chi tiết xây dựng Trang chủ Bản sketch trang chủ HÌnh1: Bản sketch trang chủ b) Bản wireframe trang chủ HÌnh 2: Bản wireframe trang chủ c) Bản mockup trang chủ HÌnh 3: Bản mockup trang chủ Trang sản phẩm: Hai trang balo túi xách có thiết kế tương tự a) Bản sketch trang Hình 4: Sketch trang sản phẩm b) Bản wireframe trang 10 c) Bản mockup giỏ hàng Hình 9: Bản mockup giỏ hàng 15 a) Trang đăng nhập Bản sketch Trang đăng nhập Hình 10: Bản sketch trang đăng nhập 16 b) Bản wireframe trang đăng nhập Hình 11: Bản wireframe trang đăng nhập 17 c) Bản mockup trang đặt nhập Hình 12: Bản mockup trang đăng nhập 18 Trang chi tiết a) Bản sketch Hình 13: Bản sketch trang chi ti ết 19 b) Bản wireframe trang chi ti ết Hình 14: Bản wireframe trang chi tiết 20