Xây dựng website bán giày dép

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN -✵ ✵ BÁO CÁO ĐỀ CƯƠNG BÀI TẬP LỚN MÔN: THIẾT KẾ WEB Đề bài: Xây dựng website bán giày dép Giảng viên hướng dẫn : Trần Duy Hùng Sinh viên thực : Phan Thị Thu Trang Lớp : 2010A05 Hà Nội - năm 2021 Phần 1: Giới thiệu I, GIỚI THIỆU Lý chọn đề tài: Ngày nay, hình thức bán hàng trực tuyến qua mạng với nhiều loại mặt hàng đa dạng phổ biến ưa chuộng Cũng giống mặt hàng khác thị trường nay, thời trang vấn đề nhiều người quan tâm kể nam nữ, giày dẹp thứ mà khách hàng có nhu cầu mua hàng cao, nhiên đa số họ yêu thích xu hướng mua hàng trực tuyến tham khảo hình ảnh sản phẩm, giá thông qua website trước đến cửa hàng, mua toán trực tuyến website Nên khách hàng muốn xây dựng website bán hàng thu hút, ấn tượng giúp quảng bá cửa hàng góp phần phát triển thành công lĩnh vực thời trang Mục đích đề tài Website có mục đích phân phối trực tiếp sản phẩm, dịch vụ cửa hàng tới khách hàng thông qua hoạt động mua sắm trực tuyến Website giúp khách hàng tiết kiệm thời gian, khách hàng có nhiều lựa chọn dễ dàng so so sánh giá sản phẩm website bán hàng trực tuyến với Trang web thiết kế phải có giao diện sáng, dễ nhìn, dễ dàng truy cập thiết bị từ hình HD, FULL HD hay hình điện thoại tỷ lệ 16:9 18:9 Kết mong muốn đạt ⮚ Phân tích yêu cầu ban đầu, dùng kiến thức học để triển khai ⮚ Thành thạo sử dụng Photoshop để thiết kế giao diện web ⮚ Sử dụng HTML để hoàn thành trang web từ thiết kế PSD (file thiết kế) ⮚ Website thiết kế dễ sử dụng, tối ưu bước mua hàng, bảo mật thông tin khách hàng ⮚ Màu sắc website hài hòa, bố cục cân đối ⮚ Thu hút ý khách hàng ⮚ Đáp ứng đầy đủ yêu cầu khách hàng, nhu cầu người sử dụng ⮚ Nội dung : đầy đủ, xác, phù hợp với nội dung website lập Kế hoạch thực + Tiến độ 1: ( tuần đầu) Tuần 1: Xác định, tìm hiểu, đăng ký đề Phân tích yêu cầu đề tài Tuần 2: Xây dựng, Phác thảo ý tưởng thiết kế Chọn tông màu chủ đạo, màu Thiết kế đề cương Thiết kế trang chủ + Tiến độ 2: (2 tuần cuối) Tuần Thiết kế trang Kiểm thử, bổ sung chỉnh sửa Tuần 4: Hoàn thành sản phẩm + Nộp tập lớn vào ngày: 6/03/2021 Các phần mềm sử dụng: ⮚ Phần mềm: ▪ Photoshop CC 2020 ⮚ Ngơn ngữ ▪ HTML ⮚ Trình duyệt kiểm thử: ▪ Microsoft Edge Phần 2: Ý Tưởng Thiết Kế I Xác định phân tích yêu cầu: Mục đích xây dựng Hiện nay, với xu hướng cơng nghệ thơng tin thời đại 4.0, mà gia đình, cá nhân dễ dàng truy cập internet từ thiết bị smartphone, laptop, smart TV Nên việc bán hàng internet việc cần để bắt kịp xu chiếm thị phần Công ty SneakerFest cần trang web để họ quảng bá, bán giày dép 2 Đối tượng khách hàng: Khách hàng mà công ty muốn hướng tới gồm: ▪ Độ tuổi : Từ - 50 tuổi ▪ Giới tính: Tất ▪ Văn hóa: Khơng ▪ Ở độ tuổi khác nhau, trang web tự động giới thiệu cho khách hàng sản phẩm phù hợp với chủ thể loại giày phù hợp với giới tính độ tuổi người dùng Các khối thông tin chủ yếu mà website cung cấp ▪ Màu sắc, kích cỡ ▪ Mơ tả sản phẩm ▪ Giá bán Các chức cần có website bán giày dép - - II Giao diện bắt mắt, thân thiện với người dùng Các menu hình ảnh, đường link xếp hợp lí, sáng tạo, có khả tương thích với thiết bị PC, laptop, tablet, mobile Hiển thị đầy đủ thông tin sản phẩm: Các thông tin sản phẩm bao gồm kiểu dáng, màu sắc (có tick vào màu sắc để chọn lựa), kích cỡ (có chọn kích cỡ mua hàng), mơ tả, … Tìm kiếm sản phẩm tìm kiếm thơng minh giúp khách hàng tìm kiếm sản phẩm/ viết dựa từ khóa liên quan Đăng nhập, đăng kí website cho phép người dùng đăng kí tài khoản đăng nhập Đặt mua hàng trực tuyến Tiến hành toán Các bước đổi trả hàng Ý tưởng thiết kế - Phối màu tương đồng: chọn màu sắc chủ đạo Màu sử dụng nhiều làm màu chủ đạo cho tác phẩm màu phải tương tác tốt với màu chủ đạo Sau đó, nhà thiết kế chọn màu thứ hai với nhiệm vụ phân biệt phần nội dung quan trọng website hay typeface Màu thứ ba thường dùng cho chi tiết tác phẩm không quan trọng thường chi tiết trang trí - Gam màu chủ đạo: Màu trắng ngà(#fafafa), màu đen xám(#171717), màu xanh ngọc (#19ce96) - Font chữ sử dụng: Arial, iCiel Fester Semi-Condensed, SP3-Hero, Franklin Gothic Demi, Franklin Gothic Book, Myriad Pro, FS Harabara Bố cục layout website - Độ sâu: - Số trang : trang - Header Top: Language, Customer Service - Header Menu (Header Bottom) : Logo mục Men’s, Women’s, Kid’s, Sport, Gear, New, Sale, Brand, Đăng nhập, Cart (Giỏ hàng) - Content: Bao gồm Banner quảng cáo sản phẩm bán chạy, sản phẩm khuyến - Footer: Bao gồm mục shop (Men, Women, Kid, Sport, Gear), thông tin liên hệ, trợ giúp khách hàng, Địa Page Insta, Facebook Twitter - Bố cục: Trang chủ: Trang (Danh mục sản phẩm): Sản phẩm chi tiết: Phần 3: Tài liệu tham khảo phần mềm sử dụng [1] Tài liệu tham khảo: Giáo trình Thiết kế web - khoa CNTT - trường Đại học Mở Hà Nội [2] https://www.nike.com/vn/ [3] https://www.adidas.com.vn/vi [4] https://us.dolcegabbana.com/en/ [5] https://www.gucci.com/us/en/ –– ... thể loại giày phù hợp với giới tính độ tuổi người dùng Các khối thông tin chủ yếu mà website cung cấp ▪ Màu sắc, kích cỡ ▪ Mơ tả sản phẩm ▪ Giá bán Các chức cần có website bán giày dép - - II... tuyến tham khảo hình ảnh sản phẩm, giá thơng qua website trước đến cửa hàng, mua toán trực tuyến website Nên khách hàng muốn xây dựng website bán hàng thu hút, ấn tượng giúp quảng bá cửa hàng... cầu: Mục đích xây dựng Hiện nay, với xu hướng công nghệ thông tin thời đại 4.0, mà gia đình, cá nhân dễ dàng truy cập internet từ thiết bị smartphone, laptop, smart TV Nên việc bán hàng internet