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

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

1


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ừ đó sẽ thúc đẩy được doanh
thu bán hàng. Vì vậy tôi chọn đề tài này để thiết kế website cho sản phẩm
của tôi 1 cách bắt mắt, cụ thể. Từ đó họ sẽ có ấn tượng tốt với sản phẩm và
có khả năng mua hàng nhanh chóng hơn.
2. Mục đích của đề tài

• Sẽ xây dựng được 1 website đúng với u cầu của mình
• Sau khi cho vào thực thi sẽ nhận được về 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 được ở mọi lúc, mọi nơi, nhận hàng tại
bất cứ đâu
• Nâng cao thương hiệu
3.
•
•
•
•

Kết quả mong muốn đạt được
Đáp ứng yêu cầu của một 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 và chức năng

•
•
•
•
•

Nội dung phù hợp với công cụ thiết kế và người dùng.
Cấu trúc website hỗ trợ cho thiết kế

Giao diện thích hợp và thể hiện “chất riêng” của doanh nghiệp.
Tích hợp giỏ hàng – Thanh toán tiện lợi.
Hiển thị tốt trên mọi nền tảng thiết bị

2


Phần 2 : Nội dung
I.

Cơ sở lý thuyết: Kiến thức mới
( Khơng có )

✓
✓
✓

II. Cấu trúc thiết kế:
Ý tưởng thiết kế :
Số lượng trang : 10 trang
Độ sâu: 5 (Trang chủ→ Sản phẩm→ Chi tiết sản phẩm→ Giỏ hàng→ Thanh
toán)
Sơ đồ phân cấp:

HÌNH 1: ảnh sơ đồ

3


- Kế hoạch thực hiện:

• 10/6: Nộp đề cương, bản cứng ( bìa BTL theo mẫu của khoa, sử dụng
bìa bóng kính.
• 13/6: Nộp đề cương lần 2 đối với những trường hợp khơng đạt lần 1.
• 17/6: Nộp bản thiết kế trang chủ ( gồm các file psd, jpg)
• 21/6: Nộp bản thiết kế trang con chính ( gồm tất cả cái 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 2 Màu chủ đạo

✓ Em sử dụng gam màu chủ đạo là xanh dương (#99ccff) bởi đây là một gam
màu nhạt, tương đối đơn giản, tạo cảm giác dễ chịu khi quan sát. Bên cạnh đó,
gam màu xanh xanh đại diện cho trời biển. Đây cũng là biểu tượng của sự
bình tĩnh, tự tin, chân thành và đem lại cảm giác an toàn.
✓ Phần trang chủ được thiết kế gồm những mục cơ bản như Menu, Logo,
Banner, Footer và những sản phẩm phổ biến.

4


- Bố cục layout từng trang:
1. Phần trang chủ: được bố trí với phần menu, logo, banner, footer, các danh

mục sản phẩm mới, sản phẩm phổ biến, liên hệ và giới thiệu

HÌNH 3 Trang chủ

5


Phần trang chủ

HÌNH 4 Index
6


2.

Trang đăng kí : bố trí gồm tên tài khoản, mật khẩu, đăng ký nếu chưa có tài
khoản, đăng nhập.

Hình 5. Trang đăng ký

Phần trangđky

7


8


9

10


11


12


13


14


Trang chi tiết sản phẩm: được 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á và bình luận.

15


16


17


18

19


20


21


22


23


24


III Giao diện chính và chi tiết nội dung các trang được xây dựng.

Trang chủ

25