Báo Cáo Sản Phẩm - Thiết Kế Web Cơ Bản - Đề Tài - Thiết Kế Wesite FPT .AI

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG
KHOA ĐA PHƯƠNG TIỆN
MÔN THIẾT KẾ WEBSITE

BÁO CÁO KẾT THÚC MÔN HỌC
THIẾT KẾ WEBSITE
Đề : Thiết kế wesite FPT.AI


● Phân tích website:
Ưu nhược điểm của Web:
- Về nhược điểm:
+ Trang Web với thiết kế như thế này không thích hợp với các dự án mang nặng về
mặt nội dụng ( nhất là văn bản )
+ Trang chủ khi vào website khác với Trang chủ khi đã đăng nhập khiến người
dùng cảm thấy không đồng bộ. Hơn nữa khi đã đăng nhập thì khơng có nút back ra
trang chủ giới thiệu

- Về ưu điểm:
+ Phù hợp với các thiết kế trang web tối thiểu ( ít nội dung văn bản, tối giản, có
nhiều khơng gian trống để hiển thị nội dung khác nhau và đảm bảo khoảng trắng,
khoảng nghỉ cho mắt người dùng )
+ Có nhiều khoảng trắng giúp cho mắt người khi sử dụng không bị mỏi và khoảng
nghỉ khi sử dụng
+ Phù hợp nếu muốn phát huy hai sản phẩm trở lên trong trang web
+ Có thể thích ứng với nhiều màn hình khác nhau ( trang web responsive)
+ Có sử dụng nguyên tắc 7+-2.


Đảm bảo khả năng ghi nhớ và khoảng cách

Các mục nhỏ được gom nhóm đặt trong
mục lớn giúp đảm bảo ngun tắc 7+-2
→ Tối ưu hóa diện tích và số lượng các
mục, dễ dàng tìm kiếm khi cần thiết


+ Có hướng dẫn sử dụng cho người dùng, giúp người mới có thể nhanh chóng hiểu
và sử dụng:

+ Tone màu xanh dương chủ đạo xuyên suốt được phối với nhiều sắc độ khác nhau
-> không nhàm chán mà vẫn đảm bảo thông điệp mà web muốn truyền tải là sự tin
tưởng của người dùng


+ Bố cục thanh điều hướng cố định: giúp thanh liên kết cố định hiển thị trên
màn hình, khơng bị cuộn theo trỏ chuột

● Phân công các thành viên:
a. Thiết kế figma:
- Website gốc: />PC
Trang chủ

Nguyễn Trung
Kiên

Tablet

Điện thoại

Long Phi

Trần Đức
Cường

1 trang nội dung Lê Hải Yến

Long Phi

Phạm Thúy Lệ

Trang thoát

Lê Hải Yến

Long Phi

Phạm Thúy Lệ

Trang đăng kí

Lê Hải Yến

Nguyễn Trung
Kiên

Trần Đức
Cường

Trang đăng
nhập

Phạm Thúy Lệ

Nguyễn Trung
Kiên

Trần Đức
Cường


- Link figma:
/>5ng


b. Code website:
- Link drive sản phẩm của nhóm:
/>+ Trang nội dung (Cường):


+ Trang chủ (Long):

+ Trang đăng kí (Yến):


+ Trang đăng nhập (Lệ):

+ Trang thoát (Kiên):


Bảng đánh giá công việc

Thành viên

Công việc

Khối lượng công việc

Đánh giá

Nguyễn Công Quyền
Trần Trung Hiếu
An Nguyễn Nam Sơn
Bùi Tuấn Thanh
Nguyễn Thị Lý
Lê Anh Huy

Thiết kế wireframe và code trang nội dung
Thiết kế prototype desktop và code trang chủ
Thiết kế prototype tablet và code trang thoát
Thiết kế prototype desktop và code trang đăng kí
Thiết kế wireframe và code trang đăng kí
Thiết kế prototype mobile và code trang đăng nhập

1/6
1/6
1/6
1/6
1/6
1/6

8.5/10

8.5/10
8.5/10
8.5/10
8.5/10
8.5/10

Đánh giá chung:
Các thành viên nhóm đều có ý thức làm bài đầy đủ, có tinh thần trách nhiệm cao, khơng xảy ra hiện tượng trì trệ, chống đối.


Bảng đánh giá thành viên nhóm 1 mơn Thiết kế Website
STT

Tên

Mã sinh viên

1
2
3
4
5

Lê Hải Yến
Phạm Thúy Lệ
Bùi Quang Phi Long
Trần Đức Cường
Nguyễn Trung Kiên

B19DCPT253

B19DCPT135
B19DCPT145
B19DCPT025
B19DCPT120

Đánh giá làm
việc nhóm (trên
thang 100%)
100%
100%
100%
100%
100%