Thêm vào đó, việc sử dụng điện thoại di động để lướt web tiện lợi hơn nhiều cho việc di chuyển thường xuyên.. Vì vậy việc thiết kế website chuyên bán điện thoại di động giúp người dùng c
Trang 1Thiếết Kếế Giao Di n Trang Web ệBán Đi n Tho iệạ
Gi ng viền hảướng dẫẫn: Dương Chí BằềngSinh viền th c hi n:ựệ Ph m Th DungạịMã SV: 21A100100054
Khoa: Công ngh Thông Tinệ
Hà N i, năm 202ộ 2
Trang 23.Bôế trí trang con 8
4.Bôế c c layout ụvà s n ph mảẩ c a trang ủweb 9
IV TÀI LI U THAM KH OỆẢ 26
Trang 3I GI I THI UỚỆ
1 Lí do ch n đềề tàiọ
Trong th i đ i 4.0 hi n nay khoa h c công ngh ngàyờ ạ ệ ọ ệ
càng phát tri n t o ra nhiềều s n ph m công ngh tiềnể ạ ả ẩ ệ
tiềến thu n ti n cho đ i sôếng con ngậ ệ ờ ười và đượ ử ục s d ngph biềến chính là đi n tho i ổ ệ ạ Số lượng người dùng smartphone ngày càng gia tăng, giá thành hợp túi tiền khiến cho smartphone xuất hiện và thay thế máy tính, laptop Thêm vào đó, việc sử dụng điện thoại di động để lướt web tiện lợi hơn nhiều cho việc di chuyển thường xuyên Vì vậy việc thiết kế website chuyên bán điện thoại di động giúp người dùng có thể tham khảo sản phẩm, giá cả dễ dàng và quyết định mua hàng nhanh chóng.
2 M c đích c a đềề tàiụủ
Tiếp cận được nhiều khách hàng hơn: Việc có một website bán điện thoại sẽ giúp doanh nghiệp của ta kết nối với khách hàng và chuyển đổi hành vi thành hành động Thay vì chỉ dùng các phương thức truyền thống như phát tờ rơi, quảng cáo, trưng bày sản phẩm tại cửa hàng và đợi khách hàng đến xem thì việc thiết kế website sẽ giúp ta có một cửa hàng thu nhỏ để tiếp cận tới khách hàng rộng khắp nhờ hệ thống Internet
2
Trang 4Website 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 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
Website có đầềy đ tính năng, giao di n ph ng, dềễủ ệ ẳ
Website hi n th phù h p trền nhiềều thiềết b có để ị ợ ị ộ
r ng khác nhau.ộ
Website được thiềết kềế rõ ràng, nh ng ngữ ười khôngcó nhiềều kinh nghi m vềề công ngh có th s d ngệ ệ ể ử ụ
Trang 5Hi 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 mua hàng tr c tuyềếnệ ự là m t d ch v cầền thiềết độ ị ụ ể
th a mãn nhu cầềuỏ c a m i ngủ ọ ười m t cách dềễ dàng h n ộ ơ
Khách hàng mà công ty muôến h ướng t i gôềm các tầết cớ ả
các l a tu i ứ ổ
M t sôế ch c năng chính c a trang web bao gôềm:ộ ứ ủ
Menu: Phầền header có đầềy đ các đủ ường dầễn đềếncác trang con, thiềết l p menu con cầếp 1, cầếp 2.ậ
Đăng ký, đăng nh pậ
Gi hàngỏ
Trang ch : ủ
-Hi n th đi n tho i theo đ ph biềếnể ị ệ ạ ộ ổ
-Có danh m c g iụ ợ ý đi n tho i, hãng n i tiềếng, …ệ ạ ổ
Trang con:
Các trang con bao gôềm tìm kiềếm, đi n tho i theoệ ạ
hãng , thông tin t ng s n ph m Môễi trang con seễ cóừ ả ẩ
bôế c c khác nhau.ụ
4
Trang 62 Phác th o ý tảưởng thiềết kềế
Trang web bán đi n tho iệ ạ ph i đáp ng m t sôế yềuả ứ ộ
cầều sau:
- Trang web có màu ch đ o là ủ ạ vàng , đen, trăếng (Phôếi màu tương ph n)ả
Màu vàng là màu của ánh nắng mặt trời, nó đi liền với sự thông thái, mạnh mẽ và hạnh phúc Màu vàng mang đến cho người truy cập cảm giác ấm áp, làm tăng sự thích thú, kích thích trí óc hoạt động mạnh mẽ hơn.
Màu đen thường được sử dụng làm màu sắc kết hợp với màu sắc thương hiệu vì tính chất màu trung tính, dễ kết hợp với nhiều màu khác nhau Sử dụng màu đen cũng đem lại cảm giác sang trọng hơn cho tổng thể thiết kế website.
Màu đen có thể kết hợp với một số màu như vàng, cam, đỏ, đều được Sự tương phản màu sắc giữa các màu này cũng giúp tổng thể website bán điện thoại trở nên ấn tượng có điểm nhấn hơn
- Web thiềết kềế chu n responsive cho các thiềết b đi nẩ ị ệ
tho i, máy tính, máy tính b ng…ạ ả
- Tham kh o b ng màu ch đ o:ả ả ủ ạ
Trang 7
Sôế lượng trang: 9
Font ch : ữ Time News Roman
- Logo:
6
Trang 83 Bôế trí trang con
Trang web được phần bôế v i các trang con nh sau:ớ ư
Cho biềết nh ng thông ữ
tin chi tiềết c a s n ủ ả
tài kho n đăng kí.ả
Đăng nh p qua ậ email
ho c ặ Google,
4 Bôế c c layoutụ và s n ph mảẩ c a trang webủ
8
Trang 26IV TÀI LI U THAM KH OỆẢ
- Trang web, thông tin phim được tham kh o t giao ả ừ
di n các trang web sau:ệ
-https://viettelstore.vn/
Trang 27TIẾU CHÍ ĐÁNH GIÁ CHUYẾN MÔN BTLMôn h c: Thiềết kềế webọ
@ Yều cầều đ c hi u nguyền tăếc thiềết kềế và trình bày ýọể
t ưởng thiềết kềế và phác th o vềề đềề tài đã l a ch n (Trìnhảựọ
bày trong báo cáo) Đềề cương ph i nều rõ ý tảưởng thiềết kềếvềề các n i dung sau : ộ
- Ý tưởng và phác th o bôế c c layout c a trang ch ảụủủ
- Ý tưởng và phác th o bôế c c layout c a trang con ảụủ
- Ý tưởng và phác th o các thành phầền trền trang webả
(Logo, h thôếng điềều hệướng, qu ng cáo…)ả Báo cáo đềề
cương không đúng quy đ nh trình bày tr 0.5địừ
@ Sinh viền trình diềễn s n ph m S n ph m ph i đápảẩảẩả
ng đc các yều cầều sau :
- H p lý trong cách t ch c, bôế trí các thành phầền ợổ ứ
trền trang web
- H thôếng điềều hệướng phù h p ợ
- Các ch c năng đáp ng đứứược yều cầều c a ngủười dùng
- Trang trí đ p, màu săếc hài hoà ẹ
- Thôếng nhầết ngôn ng trền các trang web ữ
- N i dung thông tin: chính xác, phong phú, phù h p ộợ
v i ch đềề c a đềề tài ớủủ
@ Sinh viền tr l i cầu h i c a giáo viền vềề các vầến đềềả ờỏ ủ
sau:
- Nguyền lý thiềết kềế (màu săếc, bôế c c, t l …)ụ ỉ ệ - Hi u biềết vềề ch đềề đang trình bàyểủ
- Kh năng s d ng công c đ th hi n thiềết kềế tr c ảử ụụ ể ể ệự
- Sinh viền trình diềễn s n ph m, tr l i cầu h i, th c hi n các yều cầều vềề thiềếtảẩả ờỏựệ
kềế tr c tiềếp trền máy tính t i bu i thi Test BTLựạổ
26