Dự án thiết kế website học kỳ II trường Arena Multimedia của nhóm SAGOVER lớp D1801M1 dưới sự hướng dẫn của thầy Phan Nhật Trung
SAGOVER? SAGOVER là chữ viết tắt của SAI GON LOVER. Có lẽ cái tên này cũng đủ để nói hết những yêu thương mà nhóm chúng tôi dành cho Sài Gòn. Những con người từ khắp mọi miền đất nước cùng tụ hội về đây để cùng sinh sống, cùng học tập và lập nghiệp. Khi càng tìm hiểu về nguồn gốc của Sài Gòn, chúng tôi nhận ra mình càng bị thu hút vào cái vẻ đẹp của Sài Gòn xưa và cụ thể hơn ở đây là Sài Gòn trước năm 1975. Khi ấy, Sài Gòn được mệnh danh bởi một cụm từ mĩ miều là Hòn Ngọc Viễn Đông. Thế nên chúng tôi lập nên website này như là một nơi để chia sẽ, bảo tồn và hơn hết tôi mong nó sẽ là điểm ghé thăm của hàng nghìn bạn trẻ ngoài kia cũng có tâm hồn đồng điệu với chúng tôi. Bên cạnh đó để những người bậc cha chú, những người sống trong thời kỳ ấy được một phút hoài niệm về một Sài Gòn đã từng rất đẹp như vậy và giữ mãi ngọn lửa tình ấy mãi trong tim.
04
THÀNH VIÊN
05
1. GIỚI THIỆU
03
2. LOGO
08
3. website
14
4. Trang chủ
20
5. các trang chuyên mục
28
Về Saigon75 và SAGOVER
Thông tin về logo
Màu sắc, typeface, sitemap
Wireframe & layout
Reponsive trên các thiết bị ( Desktop, Ipad, Iphone)
6. mock-up
68 07
logo trên lưới
Logo của SAGOVER được lấy cảm hứng từ biển số xe vespa của Sài Gòn xưa. Được thể hiện qua những đường nét mạnh mẽ, cứng cáp, logo như sự tượng trưng cho một thời phồn thịnh, xa hoa chốn Sài Thành, nơi từng được gọi với một cái tên lừng lẫy, Hòn Ngọc Viễn Đông. Logo là sự kết hợp tinh tế giữa biểu tượng con người, dòng thời gian và nét đặc trưng văn hóa về nơi mà nó đại diện. Một biểu tượng dễ nhớ, dễ nhận biết và cảm nhận những giá trị tinh túy của Sài Gòn trước nhưng năm 1975. 09
vùng an toàn
Vùng cấm
Vùng cấm
10
thông số màu
#a11f26 C: 24 M: 99 Y: 93 K: 19
R: 162 G: 31 B: 39
11
quy tắc sử dụng log0
Không đặt logo trên nền màu tông đỏ
Không đặt logo trên nền màu rối rắm
Không kéo dãn hay ép dẹt logo
Không đê viền lên logo
12
kích thước tối thiểu
2cm
3cm
Những quy tắc dưới đây phải được thực hiện để logo dễ đọc và nhận diện: Khi sử dụng logo cho mục đích in ấn, kích thước chiều dài tối thiểu phải lớn hơn 2cm. Khi sử dụng online, kích thước tối thiểu là 250 pixels với 72 dpi.
13
menu
SLIDER Slider được lấy cảm hứng và phát họa lại từ những bức ảnh của Sài Gòn xưa cũ về những địa danh tiêu biểu lúc bấy giờ như: “Nhà thờ Đức Bà, chợ Bến Thành, thương xá Tax.” theo style pop-up (giả 3D) độc đáo. Do đó tạo được độ sâu cho những bức tranh khiến chúng trở nên sinh động hơn, sức sống hơn. Bên cạnh đó là cảm giác khiến người xem khi ghé website sẽ giống như đang được đọc một cuốn sách cũ đầy hoài niệm.
57
58
59
60
61
đăng nhập
62
63
đăng ký
64
65
tài khoản
66
67
69
70
ipad
71
iphone
72
73
74
75