Đề tài thiết kế website kinh doanh máy vi tính

Để giải quyết vấn đề này cho khách hàng cũng như tối giản việc quản lý sản phẩm, giới thiệu tới khách hàng thì việc lập một trang web là cần thiết và hữu dụng.. Khi trang web được thiết

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO BÀI TẬP LỚN

MÔN: THIẾT KẾ WEB

Đề tài: Thiết kế website kinh doanh máy vi tính

Giảng viên hướng dẫn: Trần Duy Hùng

Sinh viên thực hành : Nguyễn Nam Khánh Lớp: 2210A04

Mã sinh viên : 22A1001D0171

Hà Nội - Năm 2023

Mục lục

Phần 1: Giới thiệu 3 Phần 2: Nội dung ý tưởng thiết kế 4

Phần 1: Giới thiệu

1 Chủ đề: Thương mại điện tử

2 Tên đề tài: Thiết kế website kinh doanh máy vi tính

3 Lý do chọn đề tài:

Xã hội phát triển đời sống con người ngày càng được cải thiện và nâng cao Trong thời đại công nghệ 4.0 ai làm chủ được công nghệ thì cuộc sống sẽ trở lên dễ dàng hơn rất nhiều Chính vì vậy nhu cầu sử hữu máy tính cá nhân ngày càng cao để phục vụ cho học tập và làm việc Thống

kê co thấy việc mua hàng online ngày nay ngày càng phát triển kể cả ngày hàng điện tử giá trị cao

Để giải quyết vấn đề này cho khách hàng cũng như tối giản việc quản lý sản phẩm, giới thiệu tới khách hàng thì việc lập một trang web là cần thiết và hữu dụng Khi trang web được thiết lập và đưa các sản phẩm vào

hệ thống, người dùng sẽ dễ dàng chọn lựa sản phẩm phù hợp với chính bản thân mình

4 Mục đích của đề tài:

Website sẽ thể hiện được các mẫu mã sản phẩm của cửa hàng, đưa ra các gợi ý hữu ích đối với người dùng, hợp với thị trường, thị hiếu của khách hàng Nhanh chóng và chính xác cập nhật sản phẩm, dễ dàng chọn lựa cho khách hàng và dễ quản lý đối với chủ cửa hàng

Đáp ứng nhu cầu mua hàng online, ngồi tại nhà vẫn có thể mua được hàng chất lượng với nhu cầu của tất cả mọi người giúp cửa hàng dễ tiếp cận khách hàng ở xa và tăng doanh thu

5 Kết quả mong muốn đạt được:

Thiết kế giao diện dễ nhìn hợp lý, thu hút người truy cập

Các chức năng đáp ứng nhu cầu của người sử dụng

Sử dụng được hình ảnh sản phẩm

Phân loại sản phẩm theo danh mục

Cung cấp thông tin sản phẩm chân thực sáng tạo

Website mang tính hữu ích cao

Tạo sự gắn kết và trao đổi giữa cửa hàng với khách hàng

Tăng tính thuận tiện và nhanh chóng cho cửa hàng kinh doanh

6 Các bước thực hiện:

Xác định và phân tích yêu cầu

Tìm hiểu giao diện, cách bố cục, xử lí của các trang web khác

Thiết kế sơ bộ website, tìm hiểu nguồn thông tin sản phẩm

Tham khảo tài liệu về cách xây dựng bố cục, layout và tiến hành thiết kế website hoàn chỉnh trên photoshop

Bắt đầu xây dựng website

7 Các phần mềm sử dụng:

Photoshop cs6 2023

Word 2016

8 Tài liệu tham khảo

Google.com

Wedsite : Laptop88.vn, Macone.vn,Laptop24hstore.vn

Phần 2: Nội dung ý tưởng thiết kế

I Xác định và phân tích yêu cầu:

1 Đối tượng độc giả xem website:

Lứa tuổi: từ 14 trở lên

Giới tính: Cả nam và nữ

Văn hóa: Trên toàn thế giới

Đối tượng mà cửa hàng hướng tới là tất cả các thế hệ có nhu cầu tiếp cận với máy vi tính , nhu cầu học tập và làm việc ,hoặc bậc phụ huynh trang bị công cụ học tập cho con cái Đối tượng trên khắp mọi miền tổ quốc không thể đến trực tiếp cửa hàng Với mức tài chính phù hợp đã có thể sở hữu thiết bị để tiếp cận gần hơn với thế giới nâng cao đời sống

2 Các chủ đề chính của website:

Trang chủ, Laptop mới, linh kiện , phụ kiện , bảo hành – hậu mãi , pc-máy tính để bàn, chính sách …

3 Các chức năng cần có của website

Chức năng tìm kiếm: Là chức năng tương đối quan trọng, giúp khách hàng

có thể rút ngắn thời gian mua sắm, tìm kiếm sản phẩm theo ý muốn, nhanh chóng tạo cảm giác thân thiện cho người dùng

Chức năng liên hệ góp ý: Đây là chức năng giúp khách hàng và chủ cửa hàng có thể liên hệ với nhau, đây là cách để chủ của hàng tiếp cận khách hàng để cải thiện sản phẩm mẫu mã và hiểu được khách hàng

Chức năng theo dõi, đặt hàng, thanh toán: Đây là chức năng cần thiết khi mua hàng online để có thể đặt hàng và thanh toán hóa đơn sản phẩm Theo dõi để cập nhật các sản phẩm một cách tốt hơn

II Phác thảo ý tưởng:

1 Ý tưởng thiết kế hệ thống điều hướng:

Người dùng khi truy cập cần biết mình ở đâu trong website nên điều hướng

là vấn đề quan trọng, không làm cho người đọc cảm giác đi lạc vào mê cung Vì vậy ý tưởng thiết kế điều hướng thể hiện đầu tiên ở menu, khi khách hàng đang truy cập vào trang nào thì chủ đề đó sẽ được nổi bật Trong các trang có các ký hiệu về đầu trang hay kéo xuống các sản phẩm, danh mục tiếp theo Mục tìm kiếm cũng là một phần chức năng giúp khách hàng điều hướng

2 Phương pháp phối màu:

Màu chủ đạo: màu hồng ,màu đen

Mã màu: #f7a6b9

Phương pháp phối màu sử dụng là phối màu đơn sắc

Màu sử dụng thêm: 72f8f6, d8a8ff, 4d91ff,ff6666,f5d63d…

Lý do: Phối màu đơn sắc là cách kết hợp màu sắc đơn giản nhất nhưng lại mang tới hiệu quả cao Phương án phối màu đơn sắc vừa có tính tối giản vừa mang tới giá trị cao cho sản phẩm Phối màu đơn sắc sử dụng các sắc

độ khác nhau giúp cho trang web có thể ấn tượng đối với người dùng,

mang tới sự tập trung cao độ, người xem không bị xao nhãng mà chỉ tập trung vào nội dung quan trọng, không gây nên cảm giác nhức mắt, rối loạn màu cho người dùng tạo cảm giác thoải mái nhẹ nhàng cho người dùng

Lý do chọn màu sắc

Nhắc đến màu hồng người ta nghĩ đến sự nhẹ nhàng dịu dàng mang lại cảm giác đồng cảm, sự quan tâm, hiểu biết, và một số điều khác

Màu hồng thường sử dụng cho cuộc sống tích cực vì thế sử dụng màu hồng cho website mỹ phẩm sẽ làm cho mọi người có cái nhìn tích cực hơn khi sử dụng các sản phẩm

Màu giúp năng cao được giá trị sản phẩm giúp nó cân bằng và hài hòa trong trang web

Ngoài ra sắp tới nhóm nhạc BlackPink sẽ đến Việt Nam biểu diễn lên em có

ý tưởng sử dụng hai màu chủ đạo là màu hồng và màu đen Mới nghe có vẻ không hợp nhưng lại hợp một cách kì lạ

3 Bố cục và tỉ lệ layout của trang web

Sử dụng màn hình HD hoặc full HD với chiều rộng từ 1360 px trở lên

Lý do chọn tỷ lệ: Tỷ lệ phù hợp với các loại điện thoại, máy tính, dễ dàng nhanh chóng tìm được sản phẩm

4 Sơ đồ web:

Chi tiết sản phẩm

Linh kiện ,phụ Kiện Bảo hành và

hậu mãi PC-máy tính để bàn

Laptop mới

Trang chủ

5. Bố cục layout khái quát: Trang chủ:

Trang con:

\

Chi Tiếết S n Ph m ả ẩ