Bài tập lớn môn thiết kế và triển khai website tmđt đề tài thiết kế website kinh doanh sản phẩm bằng bạc

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA KINH TẾ - - BÀI TẬP LỚN MÔN: THIẾT KẾ VÀ TRIỂN KHAI WEBSITE TMĐT ĐỀ TÀI THIẾT KẾ WEBSITE KINH DOANH SẢN PHẨM BẰNG BẠC Giáo viên hướng dẫn: Th.S Nguyễn Thị Quỳnh Như Sinh viên thực hiện: Trần Thị Ngát Lớp: K30TMDDT01 Mã sinh viên: 21A470100087 Hà Nội 2022 PHẦN I ĐẶT VẤN ĐỀ Giới thiệu 1.1 Nêu lý lựa chọn đề tài  Đề tài lựa chọn: thiết kế website kinh doanh sản phẩm bạc  Lý lựa chọn đề tài: + Muốn thiết kế website TMĐT để bán + Do mục đích kinh doanh muốn mở rộng thị trường tiêu thụ sản phẩm Bên cạnh hoạt động kinh doanh trực tiếp hàng theo hướng thương mại truyền thống bổ sung đồng thời hoạt động kinh doanh website Thương mại điện tử + Do theo kết khảo sát: Cứ 10 người có 8-9 người mua hàng trực tuyến có khoảng 4-5 người nói họ thường xuyên thực giao dịch mua bán hàng hóa dịch vụ website hay sàn thương mại điện tử Như gười tiêu dùng đại có xu hướng dần hình thành thói quen mua hàng trực tuyến Nhu cầu người tiêu dùng tăng chóng mặt + Do doanh nghiệp nhận nguồn đầu tư mới, đồng thời muốn cắt giảm chi phí thuê nhân viên, thuê mặt số phụ phí khác mà thay vào sử dụng nguồn vốn để phát triển website bán hàng trực tuyến + Do tác động ngoại cảnh, điển hình đại dịch covid vơ tình trở thành nhân tố giúp hình thức mua bán hàng qua website phát triển mạnh mẽ + Mặt khác, kinh doanh sản phẩm bạc truyền thống doanh nghiệp từ thành lập Đồng thời cầu thị trường sản phẩm ngày lớn Doanh nghiệp không ngừng phát triển sản phẩm đưa thị trường nhiều mẫu mã có tiềm kinh tế vơ lớn Nhưng thời đại ngày để sản phẩm bạc (chủ yếu trang sức) đến với người tiêu dùng nhiều cần website bán hàng sản phẩm 1.2 Mục đích lựa chọn đề tài  Tăng hiệu kinh doanh, thu nguồn lợi nhuận lớn, khẳng định vị trí doanh nghiệp thị trường  Tận dụng tối đa nguồn lực doanh nghiệp, mở rộng thị trường, cắt giảm số chi phí khơng cần thiết  Phổ cập thương hiệu doanh nghiệp thị trường 1.3 Kết mong muốn đạt  Xây dựng website bán hàng hồn thiện có đầy đủ tính đại, giao diện đẹp mắt, thu hút người dùng dễ dàng sử dụng Các hình ảnh sản phẩm bạc doanh nghiệp phải đưa vào thật chi tiết, sắc nét, thông tin sản phẩm cập nhật sách liên tục  Các sách hỗ trợ khách hàng mua bán qua website quan tâm phát triển  Thông qua website bán hàng doanh nghiệp, hy vọng tiếp cận lượng khách hàng gấp lần so với kinh doanh truyền thống, thu lợi nhuận lớn  Trở thành website kinh doanh sản phẩm bạc lớn hiệu so với doanh nghiệp lĩnh vực  Cho phép người dùng đặt hàng theo yêu cầu Kế hoạch làm việc  Ngày 10/06: Nộp đề cương lần (gồm cứng nộp lớp mềm nộp hệ thống LMS) Đề cương yêu cầu phải nêu đầy đủ nội dung sau: lý do, mục đích lựa chọn đề tài; kết mong muốn đạt được; kế hoạch làm việc; công cụ sử dụng thiết kế; ý tưởng thiết kế màu sắc bố cục giao diện (bản sketch wireframe) Cuối cần nêu rõ nguồn tài liệu tham khảo sử dụng  Ngày 14/06: Nộp đề cương lần đề cương lần chưa đạt  Ngày 17/06: Nộp thiết kế trang chủ (gồm tất file psd, jpg)  Ngày 21-22/06: Nộp thiết kế trang (gồm tất file psd, jpg)  Ngày 24/6: Nộp thiết kế trang chi tiết website hoàn thiện theo thiết kế hai buổi học trước (gồm tất file psd, jpg, html file doc báo cáo) PHẦN 2: NỘI DUNG Các phần mềm sử dụng: Photoshop CC 2018, Notpad Ý tưởng thiết kế Số lượng trang: 15 trang  trang chủ  trang (Giới thiệu, Nhẫn bạc, Vòng bạc, Sản phẩm khác, Tin tức & Liên hệ, Đăng nhập, Đăng ký)  trang chi tiết (giống hệt nhau) cho trang  trang giỏ hàng  trang toán Độ sâu Độ sâu dự kiến thiết kế mức sau: trang chủ - trang trang chi tiết - giỏ hàng – toán PHẦN NỘI DUNG Màu sắc  Gam màu chủ đạo: màu vàng cam (#FCBC28) chủ yếu, kết hợp với hai màu đỏ (#8D0101) màu đen (#000000)  Lý do: Việc lựa chọn màu sắc thiết kế cho website vô quan trọng, đảm bảo yêu cầu tính thẩm mỹ, ý nghĩa sâu sắc mà cịn phải phù hợp với doanh nghiệp Chính đưa màu sắc để thiết kế có nhiều lý ta phải kể đến như: + Đây gam màu phù hợp với website kinh doanh sản phẩm trang sức bạc doanh nghiệp vi màu vàng bạc, châu báu, tượng trưng cho quý phái sang trọng + Khoa học chứng minh, màu vàng màu sáng quang phổ mắt người xử lý màu vàng Nhờ vậy, màu vàng dễ dàng thu hút ý người nhìn + Màu vàng biểu tượng chiến thắng, ấm áp ánh mặt trời sắc vàng gợi cho hoạt náo sáng tạo bên bỉ + Màu vàng biểu tượng cho niềm tin, cụ thể website sản phẩm bạc thể niềm tin khách hàng doanh nghiệp ngược lại + Ngoài ra, việc dử dụng màu vàng kết hợp với màu đỏ đen tạo nên vẻ đẹp bí ẩn, sang trọng phù hợp với nội dung trang web  Phương pháp phối màu: sử dụng phương pháp phối màu tương đồng Phối màu tương đồng (Analogous) cách phối màu gần (thường màu) vòng tròn màu để tạo nên màu sắc nhã nhặn đẹp mắt Cách phối màu phong phú màu sắc so với phối màu đơn sắc Chính vậy, sử dụng phân biệt dễ dàng nội dung khác sản phẩm Phối màu tương đồng khơng có phức tạp, rối mắt màu đứng cạnh vòng tròn màu Tên màu Lý Minh họa Vàng (#FCBC28) chủ đạo , kết hợp Màu chủ đạo Màu Màu với màu Đỏ (8D0101) Đen (#000000) Màu trắng Làm cho thiết kế trở nên thống #FFFFFF hơn, trơng hơn,làm Màu đen (#000000) bật nột dung website - Màu đen: Dễ nhìn bật Màu trắng trắng (#FFFFFF) - Màu trắng: Trên đen hay Màu đỏ (#8D0101) đỏ số thành phần layout lựa chọn tốt chữ nhất, làm bật dung thể - Màu đỏ: thể vội vã, kích thích mua hàng Màu làm điểm Màu đỏ (#8D0101) người tiêu dùng Màu đỏ: làm bật, thu hút Màu đen (#000000) ánh nhìn mạnh Vàng (FCBC28) Màu xanh: mang hàm nghĩa tin tưởng, trách nhiệm nhấn Màu logo Đỏ(#8D0101) Tạo nên sang trọng thể Vàng (#FCBC28) nghĩa mà doanh nghiệ hướng tới Bố cục layout trang chủ, style thiết kế cách thức thiết kế (ý tưởng thiết kế) Đơn vị làm wireframe: pixel Hình Bản sketch layout “ Trang chủ” Hình Bản Wireframe layout “Trang chủ” (1340px*1910px) Bố cục layout trang con, style thiết kế cách thức thiết kế (ý tưởng thiết kế) 3.1 Trang “ Giới thiệu” Hình Bản Sketch layout trang “giới thiệu” Hình Bản Wireframe layout trang “giới thiệu” (1340px *1300px) 3.2 Trang “Liên hệ” Hình Bản sketch layout trang “ Tin tức & Liên hệ” Hình Bản Wireframe layout trang “Tin tức & Liên hệ” (1340px * 1490px) 3.3 Trang “ Nhẫn bạc” 10 Hình Bản sketch layout trang “Nhẫn bạc" Hình Bản Wireframe layout trang “Nhẫn bạc” ( 1340px * 1525px) 3.4 Trang “ Vịng bạc” 11 Hình Bản sketch layout trang “Vịng bạc” Hình 10 Bản Wireframe layout trang “Vịng bạc” (1340px * 1490px) 3.5 Trang “Sản phẩm khác” 12 Hình 11 Bản sketch layout trang “Sản phẩm khác” Hình 12 Bản Wireframe layout trang “Sản phẩm khác” (1340px*1590px) 3.6 Trang “ Đăng nhập” 13 Hình 13 Bản sketch layout trang “ Đăng ký” Hình 14 Bản Wireframe layout trang “Đăng ký” (1340px * 1205px) 3.7 Trang “Đăng ký” 14 Hình 15 Bản sketch layout trang “Đăng ký” Hình 16 Bản Wireframe layout trang “Đăng ký” (1340px *1205px) 3.8 Trang chi tiết “ Sản phẩm chi tiết” 15 Hình 17 Bản sketch layout trang chi tiết “ Sản phẩm chi tiết” Hình 18 Bản Wireframe layout trang chi tiết “Sản phẩm chi tiết” (1340px *1590px) 16 3.9 Trang chi tiết “Giỏ hàng” Hình 19 Bản sketch layout trang chi tiết “giỏ hàng” Hình 20 Bản Wireframe layout trang chi tiết “ giỏ hàng” (1340px *1590px) 17 3.10 Trang chi tiết “ Thanh tốn” Hình 21 Bản sketch layout trang chi tiết “Thanh tốn” Hình 22 Bản Wireframe layout trang chi tiết “ Thanh toán” ( 1340px * 1320px) Các phần mềm sử dụng: Photoshop CC 2018, Notpad 18 Ý tưởng thiết kế 5.1 Số lượng trang: 15 trang  trang chủ  trang (Giới thiệu, Nhẫn bạc, Vòng bạc, Sản phẩm khác, Tin tức & Liên hệ, Đăng nhập, Đăng ký)  trang chi tiết (giống hệt nhau) cho trang  trang giỏ hàng  trang toán 5.2 Độ sâu Độ sâu dự kiến thiết kế mức sau: trang chủ - trang trang chi tiết - giỏ hàng – toán Ý tưởng thiết kế thành phần trang web ( logo, banner, menu, footer, slide)  Logo: Lấy cảm hứng từ màu sắc hình dáng phượng hồng lửa vừa có tác dụng thể sức mạnh vừa thể vẻ đẹp mang tính chiều sâu  Banner, Slide: sử dụng hình ảnh thiên nhiên có màu sắc phù hợp để chèn vào Ngồi banner có màu sắc bật màu đỏ, màu xanh dương sử dụng màu chủ đạo vàng cam để thiết kế banner  Menu: thiết kế menu nằm ngang quen thuộc có tính phổ cập với người dùng  Header Footer: Thiết kế theo kiểu nội dung chia thành cột, sử dụng tông màu đen để thiết kế Sơ đồ Website – sơ đồ phân cấp liên kết trang web 19 Trang chủ Giới thiệu Tin tức & liên hệ Nhẫn bạc Vòng bạc Sản phẩm khác Sản phẩm chi tiết Sản phẩm chi tiết Sản phẩm chi tiết Sản phẩm chi tiết Sản phẩm chi tiết Giỏ hàng Giỏ hàng Thanh toán Giỏ hàng Thanh toán Giỏ hàng Thanh toán Đăng ký Giỏ hàng Thanh toán Thanh tốn Giao diện chi tiết nội dung trang xây dựng 20 Đăng nhập 8.1 PHẦN 3: KẾT LUẬN Tổng kết kết đạt  Thiết kế website TMĐT bán hàng tương đối hồn thiện Website thiết kế có hầu hết chức đăng nhập, đăng ký, tìm kiếm, tốn trực tuyến, lọc sản phẩm…  Giao diện đẹp mắt, hình ảnh banner quảng cáo bắt mắt, bố cục xếp hợp lý; chức hay phím điều hướng thiết kế theo phong cách phổ thông tạo nên thuận lợi cho người dùng  Hình ảnh, thơng tin sản phẩm chi tiết  Website cho phép người dùng mua hàng trực tiếp trang chủ hay trang sản phẩm mà không cần qua bước trung gian thêm vào giỏ hàng  Thông tin giới thiệu tin tức thị trường bạc, giá bạc, sản phẩm bạc vơ phong phú góp phần đa dạng lựa chọn người dùng Những vấn đề chưa đạt so với thiết kế ban đầu  Tuy thiết kế nhiều banner, slide quảng cáo có số banner lại dùng cho nhiều trang khác nhau, khía cạnh vấn đề gây nhàm chán cho người dùng  Chưa thiết kế trang đặt làm sản phẩm theo yêu cầu khách hàng Hướng phát triển  Tiếp tục hoàn thiện chức năng, phát triển thêm chương trình tích điểm thành viên cho phép người dùng đặt hàng theo yêu cầu  Đơn giản hóa q trình mua hàng người dùng cách lập ví điện tử riêng hãng 21 Phần Tài liệu tham khảo https://ecpmedia.vn/y-nghia-cua-mau-vang-trong-ngon-ngu-thiet-ke-hoa.html https://inthienhang.com/cac-phuong-phap-phoi-mau-trong-thiet-ke/ https://khachhang2.web3b.com/kimdungjewelry/ 22