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

Lý do 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 rất phổ biến và ưa chuộng.. Cũng giống như các mặt hàng khác trên thị trường hiện nay,

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 hiện : 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

1 Lý do 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 rất phổ biến và ưa chuộng Cũng giống như các mặt hàng khác trên thị trường hiện nay, thời trang cũng là một vấn đề được nhiều người quan tâm kể cả nam và

nữ, vì vậy giày dẹp đang là thứ mà khách hàng có nhu cầu mua hàng rất cao, tuy nhiên đa số họ vẫn yêu thích xu hướng mua hàng trực tuyến và tham khảo các hình ảnh sản phẩm, giá cả thông qua website trước khi đi đến cửa hàng, hoặc mua và thanh toán trực tuyến trê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 sẽ giúp quảng bá được cửa hàng góp phần phát triển và thành công trong lĩnh vực thời trang

2 Mục đích của đề tài

Website có mục đích phân phối trực tiếp sản phẩm, dịch vụ của 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 sự lựa chọn và dễ dàng so so sánh giá cả sản phẩm giữa các website bán hàng trực tuyến với nhau Trang web được thiết kế phải có giao diện sáng, dễ nhìn, dễ dàng truy cập trên các thiết bị từ màn hình HD, FULL

HD hay màn hình điện thoại tỷ lệ 16:9 hoặc 18:9

3 Kết quả mong muốn đạt được

⮚ Phân tích yêu cầu ban đầu, dùng nhữ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ừ bản thiết kế PSD (file thiết kế)

⮚ Website thiết kế dễ sử dụng, tối ưu các 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 được sự chú ý của khách hàng

⮚ Đáp ứng đầy đủ được yêu cầu của khách hàng, nhu cầu của người sử dụng

⮚ Nội dung : đầy đủ, chính xác, phù hợp với nội dung website lập ra

4 Kế hoạch thực hiện

+ Tiến độ 1: ( 2 tuần đầu)

Tuần 1:

Xác định, tìm hiểu, đăng ký đề

Phân tích các yêu cầu của đề 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 nền

Thiết kế đề cương

Thiết kế trang chủ

+ Tiến độ 2: (2 tuần cuối)

Tuần 3

Thiết kế các trang con

Kiểm thử, bổ sung và chỉnh sửa

Tuần 4: Hoàn thành sản phẩm

+ Nộp bài tập lớn vào ngày: 6/03/2021

5 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 và phân tích yêu cầu:

1 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, khi mà mọi gia đình, cá nhân đều dễ dàng truy cập internet từ thiết bị smartphone, laptop, smart TV Nên việc bán hàng trên internet là một việc cần để bắt kịp xu thế và chiếm thị phần Công ty SneakerFest cần một trang web để họ có thể quảng bá, bán giày dép trên

đó

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ừ 0 - 50 tuổi

▪ Giới tính: Tất cả

▪ Văn hóa: Không

▪ Ở mỗi độ tuổi khác nhau, trang web có thể tự động giới thiệu cho khách hàng các sản phẩm phù hợp với các chủ thể chính là các loại giày phù hợp với giới tính và độ tuổi của người dùng

3 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

4 Các chức năng cần có của một website bán giày dép

- Giao diện bắt mắt, thân thiện với người dùng Các thanh menu cũng như hình ảnh, đường link được sắp xếp hợp lí, sáng tạo, có khả năng tương thích với mọi thiết bị như 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ỡ khi mua hàng), mô tả, …

- Tìm kiếm sản phẩm thanh tìm kiếm thông minh giúp khách hàng có thể tìm kiếm sản phẩm/ bài viết dựa trên 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 mới hoặc đăng nhập

- Đặt mua hàng trực tuyến

- Tiến hành thanh toán

- Các bước đổi trả hàng

II Ý tưởng thiết kế

- Phối màu tương đồng: chọn ra màu sắc chủ đạo Màu này sẽ được sử dụng nhiều nhất làm màu chủ đạo cho tác phẩm và các màu phải tương tác tốt với màu chủ đạo này Sau đó, nhà thiết kế sẽ chọn màu thứ hai với nhiệm vụ phân biệt các phần nội dung quan trọng của website hay các typeface Màu thứ ba thường dùng cho những chi tiết trong tác phẩm không quá quan trọng và thường là các 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

1 Bố cục layout của website

- Độ sâu: 3

- Số trang : 7 trang

- Header Top: Language, Customer Service

- Header Menu (Header Bottom) : Logo và các 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, các sản phẩm khuyến mãi

- Footer: Bao gồm các mục của shop (Men, Women, Kid, Sport, Gear), thông tin liên hệ, trợ giúp khách hàng, Địa chỉ Page trên Insta, Facebook

và Twitter

- Bố cục:

Trang chủ:

Trang con (Danh mục sản phẩm):

Sản phẩm chi tiết:

Phần 3: Tài liệu tham khảo và các 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/

––