Thiết Kế Và Xây Dựng Website Kinh Doanh Thời Trang Unisex

TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC Môn học: DOM201 Lớp: PB13528 - DIG NHÓM Giảng viên Nhật Minh Sinh viên Mai Thị Hiền Nguyễn Thu Thảo Nguyễn Công Huy Lâm Thị Ánh Hồng Phạm Thị Huyền Chang Nguyễn Trọng Vọng Phạm Đoàn Hồng Mục lục Phần 1: Website mobile thương mại điện tử Phần 2: Phân tích website mobile thương mại điện tử Yêu cầu hệ thống web 1.1 Nội dung web ứng dụng di động 1.2 Bố cục Website mobile 1.3 Các liên kết nút bấm website 10 1.4 Kích thước đồ họa 14 Lỗi Mobile Marketing 17 2.1 Check công cụ Mobile-Friendly 17 2.2 Check công cụ SEO Quake .17 2.3 Check công cụ Screaming 18 2.4 Check công cụ Website speend test 19 Phần 3: Quảng bá Mobile Marketing 20 3.1 Xây dựng chiến dịch qua email 20 3.2 Xây dựng chiến dịch quảng cáo sms marketing 22 3.3 Xây dựng chiến lược Marketing Mobile App .23 Phần 4: Các công cụ hỗ trợ Mobile marketing 26 4.1 Dùng google trends xu hướng liên quan đến hoạt động kinh doanh nhóm .26 4.2 Dùng Buzzsumo chủ đề hot MXH liên quan đến hoạt động kinh doanh nhóm .28 4.3 Thực cơng cụ Mobile SEO để tìm tốc độ tải website 31 Phần Đo lường, đánh giá, hiệu chỉnh chiến dịch Marketing Online .33 Sử dụng công cụ Google Analytics để theo dõi website qua đưa kế hoạch hiệu chỉnh lại chiến dịch SEO 33 Sử dụng công cụ Google Webmaster Tools để kiểm tra tình trạng website bạn Qua hiệu chỉnh cho phù hợp máy tìm kiếm Google 36 Phần 1: Website mobile thương mại điện tử Đề tài: ‘’ Thiết Kế Và Xây Dựng Website Kinh Doanh Thời Trang Unisex ‘’ - Tên Website: Maliunisex - Trong xã hội ngày phát triển nay, nhu cầu mua sắm tăng cao, đồng nghĩa với việc xu hướng thời trang ngày phát triển, điển hình năm gần xu hướng thời trang unisex, xu hướng thời trang lên phát triển mạnh Việt Nam nhiều nước khác thới giới Unisex biết đến với phong cách trội, phá cách nghịch ngợm rành riêng cho bạn trẻ có tính cách hiếu động, đam mê thời trang phong cách Nhận thấy xu hướng tăng cao nhu cầu mua sắm ngày lớn, nhóm định lựa chọn chủ đề mặt thời trang kinh doanh quần áo Unisex - Yêu cầu đạt : + Website tối ưu hóa di dộng máy tính + Có thể SEO trang bán sản phẩm + Đáp ứng nhu cầu tìm kiếm mua sản phẩm khách hàng Cung cấp thơng tin xác doanh nghiệp, nhãn hàng thông tin rõ ràng yếu tố có website Tích hợp mạng xã hội, đảm bảo tính bảo mật Ngồi tốc độ tải trang, tối ưu hóa tạo thân thiết tảng máy tính di động Phần 2: Phân tích website mobile thương mại điện tử Yêu cầu hệ thống web - Menu +Trang chủ: Thể mặt tồn trang web Có chứa tất thơng tin thương hiệu sản phẩm + Giới thiệu: Nhằm giới thiệu thương hiệu, giới thiệu sản phẩm mà doanh nghiệp cung cấp tới tay khách hàng + Sản phẩm: Lưu chữ toàn sản phẩm lọc phân chia theo thứ tự rễ ràng tìm kiếm + Bộ sưu tập: Giúp doanh nghiệp trưng bày sưu tập thời trang mắt + Tin Tức: Lưu trữ cập nhật viết mẫu thiết kế xu hướng thời trang + Chính sách: Thể sách đặt doanh nghiệp yêu cầu doanh nghiệp đề + Liên hệ: Lưu trữ thông tin doanh nghiệp địa chỉ, email, số điện thoại 1.1 Nội dung web ứng dụng di động 1.1.1 Trang chủ - Phần trang chủ thiết kế đơn giản tạo nên hài hòa bố cục trang website ứng dụng di động 1.1.2 Trang giới thiệu - Ở giới thiệu phần giới thiệu công ty cam kết bán chất lượng bán hàng cơng ty Kèm theo phần audio lịch để tạo nên tiện lợi cho khách hàng vào trang website - Giới thiệu đôi nét phong cách unisex 1.1.3 Trang giỏ hàng - Khách hàng lựa chọn sản phẩm muốn mua vào giỏ hàng - Đối với trang giỏ hàng có đầy đủ thơng tin hàng đặt - Giao diện bắt mắt, đơn giản, dễ nhìn - Hiện thị số lượng sản phẩm, phương thức tốn tạm tính số tiền cho khách hàng 1.1.4 Trang toán - Hiển thi thơng tin tốn tên,số điện thoại, địa nhận hàng - Có nhiều phương thức tốn , giúp cho khách hàng dẽ dàng lựa chọn - Hiển thi đơn hàng 1.1.5 Trang liên hệ - Đối với trang liên hệ cung cấp đầy đủ thơng tin bên cạnh thu thập thông tin khách hàng cho Shop họ tên, email, tiêu đề nội dung khách hàng muốn nhắn gửi tới shop - Và để địa Maps để khách hàng tìm đến shop cách dễ dàng h 1.1.6 Trang tin tức - Mang lại cho người đọc nhiều trải nghiệm mẻ - Giúp khách hàng biết cách phối đồ đẹp - Những viết giới thiệu mắt sản phẩm doanh nghiệp 1.1.7 Trang sách - Giúp khách hàn giải đáp thắc mắc vấn đề đổi trả, giao hàng , sách bảo hành 1.2 Bố cục Website mobile Một bố cục website thông thường chia làm thành phần bản: Header Phần header nơi thể hình ảnh logo, thương hiệu, danh mục menu, chuyên mục điều hướng người dùng đến các viết hay nội dung cụ thể Riêng vị trí đặt menu website đặt menu cố định, menu ngang, menu dọc, Content Content phần cần tập trung thể nhiều nhất, nội dung trang web Nhằm mục đích thu hút giữ chân người dùng lưu lại website lâu hơn. Về nội dung chia làm phần:  Phần phía bên trái: thể mục nhỏ chứa nội dung khác sản phẩm, dịch vụ website doanh nghiệp  Phần bên phải dành cho tin bật Footer Footer là nơi để doanh nghiệp đưa thông tin cần thiết địa công ty, số điện thoại hay email liên hệ Để website trở nên thu hút trong mắt người dùng, doanh nghiệp sáng tạo Footer theo hình thức khác  Cách xếp bố cục website hợp lý Thực tế, việc xếp bố cục thiết kế phụ thuộc vào nhiều vào sức sáng tạo designer Tuy nhiên, layout thông thường có quy tắc áp dụng để tạo layout hoàn hảo  Hiệu ứng lân cận Hiệu ứng lân cận tức là sử dụng không gian thị giác để tạo mối liên hệ thành phần trang web, chúng sẽ đặt gần tạo thành nhóm. Người dùng cần lướt qua nắm bắt thành phần xuất trang web  Không gian trắng Khơng gian trắng cịn gọi là khoảng trống phần diện tích mà người thiết kế để trống xếp vị trí thành phần giao diện  trang web Cơng dụng là tách biệt rõ ràng từng phần nội dung khác và là điểm nghỉ cho mắt Nhờ đó, mang đến trải nghiệm thoải mái cho người dùng đồng thời, phần nội dung trở nên thu hút bắt mắt  Căn chỉnh Các yếu tố nhóm cần chỉnh xác nhằm tạo gọn gàng quán cho nội dung Bạn thực chỉnh bằng hệ thống lưới (Grid-based layout) thông dụng trong thiết kế  Tương phản Nguyên tắc tương phản tạo khác biệt cho bố cục website bạn Điều thể diện tích hiển thị, sử dụng hình ảnh động tĩnh hoặc sự đối lập thiết kế màu sắc Tuy nhiên, nhiều chi tiết tương phản khiến giao diện web bạn rối mắt làm hiệu quả, khó theo dõi  Phân cấp Phân cấp cách xếp bố cục hợp lý, giúp người dùng lập tức xác định nội dung quan trọng Thực tế thành phần phân cấp thấp có diện tích hiển thị màu sắc phần bật  Sự lặp lại Nghĩa là, thiết kế bạn nên lặp lại layout vị trí hợp lý có nét tương đồng với Sự lặp lại khiến người dùng dễ dàng theo dõi và tập trung vào thành phần thay quan sát khác biệt trang  Tầm quan trọng bố cục website?  Nâng cao giá trị thẩm mỹ - Thiết kế Mobile App có giao diện đơn giản thân thiện với người dùng, tốc độ tải trang nhanh - Thiết kế Logo quan trọng thể thơng điệp thương hiệu Bước 4: Phân tích thói quen tâm lý người dùng - Khi ứng dụng bạn hoạt động, bạn nên sử dụng cơng cụ phân tích ứng dụng xây dựng giúp bạn theo dõi hành vi người dùng - Đo lường giám sát hành vi sử dụng tham gia ứng dụng thông qua công cụ phân tích cung cấp hiểu biết vơ giá cách nâng cao tối ưu hóa trải nghiệm người dùng, tăng khả thành công cho ứng dụng bạn tương lai - Hiểu động người dùng, tính lộ trình phổ biến ứng dụng bạn người dùng bạn giúp bạn đưa chiến lược đắn tập trung nỗ lực tiếp thị bạn vào nơi Bước 5: Quảng cáo Mobile App đến người dùng - Sử dụng mạng xã hội để quảng bá Mobile App doanh nghiệp đến với khách hàng như:Trang Blog cá nhân, video, email, … - Nội dung thông điệp ngắn gọn, rõ ràng giúp khách hàng thấy lợi ích tải sử dụng app Bước 6: Chăm sóc khách hàng - Sau khách hàng tải app cung cấp số chương trình khuyến - Cá nhân hóa khác hàng gửi lời chúc mừng sinh nhật hay ngày lễ quan trọng để tạo thiện cảm với khách hàng - Ngồi gửi thơng báo đến khách hàng diễn kiện 24 Phần 4: Các công cụ hỗ trợ Mobile marketing 4.1 Dùng google trends xu hướng liên quan đến hoạt động kinh doanh nhóm Trends ngày Jennie Sao kpop lên từ tin hẹn hò yêu đương với G Dragon - Viết liên quan đến phong cách jennie g dragon cặp đơi thường mẫu điển hình thời trang unisex Du lịch 25 Những viết điển hình thời trang sử dụng cho chuyến du lịch Bài hát: Anh niên Viết liên quan đến anh niên, phong cách ca sĩ sử dụng hát Nhân Vật tiếng: Park seo joon 26 Nhân vật thời gây hot: với phong cách ăn mặc đậm chất unisex, gây ấn tượng với giới trẻ, dễ dàng viết theo nhân vật phong cách nhân vật Phim: Iteawon classs Bộ phim hot nhất: phong cách hàn quốc, dễ dàng viết hướng đến từ nhân vật đến phim mang phong cách thương hiệu nhóm chiển khai 4.2 Dùng Buzzsumo chủ đề hot MXH liên quan đến hoạt động kinh doanh nhóm 27 Thiều bảo trâm khoe ảnh đường cong thể dụng áo tay dài crop top bó sát, tích hợp viết sản phẩm doanh nghiệp có chứa mẫu sản phẩm Áo crop top khoe eo hậu - tích hợp viết nói đến áo 28 Tích hợp viết mẫu thời trang hiền hồ, nhận oder mẫu sản phẩm thời trang hiền hồ Thủ môn Bùi Tiến Dũng cầm lái BMW i8 với trang phục đậm chất thời trang 29 Bài viết Dơi bánh xèo che lấp độ quyến rũ mẫu thời trang 4.3 Thực công cụ Mobile SEO để tìm tốc độ tải website Tốc độ tải website thiết bị di động thấp: 13 30 Chỉ số tốc độ lên đến 17,3 giây Cách khắc phục tốc độ tải website thiết bị di động: 31 32 Phần Đo lường, đánh giá, hiệu chỉnh chiến dịch Marketing Online Sử dụng công cụ Google Analytics để theo dõi website qua đưa kế hoạch hiệu chỉnh lại chiến dịch SEO 33 - Nhận xét: + Tỉ lệ người dùng số lượng phiên giảm + Tỉ lệ cịn cao chiếm 65% + Thời gian trung bình cho lần truy cập nằm mức 34 - Lưu lượng người dùng: Lượng người dùng truy cập trang web thông qua: 35 + Quảng cáo Google ads + Qua tên gọi họ biết đến + Qua mạng xã hội + Lượng tìm kiếm tự nhiên + Qua đường link - Người dùng ngồi nước cịn có số nước khác Trung Quốc, Mỹ - Vị trí người dùng phần lớn Việt Nam - Người dùng truy cập máy tính di động có xu hướng giảm xuống + Máy tính chiếm 65% + Di động chiếm 35%  ĐÁNH GIÁ HIỆU CHỈNH CHO CHIẾN DỊCH Ưu điểm: + Tối ưu onpage off + Tối ưu giao diện thân thiện thích hợp với mobie máy tính 36 Nhược điểm: + Các số cịn chưa cao: người dùng giảm tỉ lệ thoát cao + Lưu lượng truy cập khơng ổn định + Cịn mắc số lỗi hình ảnh tốc độ load trang + Từ khóa cịn Sử dụng cơng cụ Google Webmaster Tools để kiểm tra tình trạng website bạn Qua hiệu chỉnh cho phù hợp máy tìm kiếm Google Nhận xét: - Tính khả dụng thiết bị di động + 50 vấn đề hợp lệ + Khơng có lỗi xảy - Chi tiết + Văn nhỏ + Nội dung rộng hình 37 - Giải pháp: + Tăng cỡ chữ + Giãn khoảng cách phần tử + Co nội dung nhỏ lại phù hợp với hình - Hiệu chỉnh phù hợp với máy tìm kiếm + Xác định cấu trúc web + Chú trọng vào nội dung web + Giữ web gọn nhẹ + Luôn cập nhật đo lường để hiệu chỉnh cho phù hợp 38 ... máy tìm kiếm Google 36 Phần 1: Website mobile thương mại điện tử Đề tài: ‘’ Thiết Kế Và Xây Dựng Website Kinh Doanh Thời Trang Unisex ‘’ - Tên Website: Maliunisex - Trong xã hội ngày phát triển... mẫu thời trang hiền hồ, nhận oder mẫu sản phẩm thời trang hiền hồ Thủ môn Bùi Tiến Dũng cầm lái BMW i8 với trang phục đậm chất thời trang 29 Bài viết Dơi bánh xèo che lấp độ quyến rũ mẫu thời trang. .. hiếu động, đam mê thời trang phong cách Nhận thấy xu hướng tăng cao nhu cầu mua sắm ngày lớn, nhóm định lựa chọn chủ đề mặt thời trang kinh doanh quần áo Unisex - Yêu cầu đạt : + Website tối ưu