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

Thiết kế wesite FPT.AI


1

Phân tích website:
Ưu nhược điểm của website


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

3


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)
4


⬥

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
nguyên 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

⬥

5


“
⬥

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

6


⬥

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

7


⬥

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

8


1

Phân công các thành
viên
Ưu nhược điểm của website


A, Thiết kế figma
Website gốc:
/>AlQmJTX07T95u4bZfkA
PC

Tablet

Điện thoại

Trang chủ

Nguyễn Trung
Kiên

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
10


Link figma:

m/file/FIwt0TKf7xEKDj
7GUDt74u/T%E1%BB
%95ng

11


12


B, Code website
Link drive sản phẩm của nhóm:

⬥ />krSy_FrHYfE-3ieL6riEn_vB0h?usp=sharing

Trang nội dung (Cường):

13


Trang chủ (Long):

14


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

15


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

16


Trang thoát (Kiên):

17


THANKS!
ANY QUESTIONS?

18