Thiết kế và xây dựng website kinh doanh thời trang unisex

- Yêu cầu đạt được : + Website có thể tối ưu hóa trên di dộng và máy tính + Có thể SEO được trang và bán các sản phẩm + Đáp ứng nhu cầu tìm kiếm và mua sản phẩm của khách hàng Cung cấp t

TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC

Môn học: DOM201 Lớp: PB13528 - DIG

NHÓM 4Giả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ử .

1 Yêu cầu của hệ thống web

1.1.Nội dung web trên ứng dụng di động

1.2.Bố cục của Website mobile

1.3.Các liên kết và nút bấm trên website

1.4.Kích thước và đồ họa

2 Lỗi Mobile Marketing

2.1.Check bằng công cụ Mobile-Friendly

2.2.Check bằng công cụ SEO Quake

2.3.Check bằng công cụ Screaming

2.4.Check bằng công cụ Website speend test

Phần 3: Quảng bá Mobile Marketing

3.1 Xây dựng chiến dịch qua email

3.2 Xây dựng chiến dịch quảng cáo quả sms marketing

3.3 Xây dựng chiến lược Marketing Mobile App

Phần 4: Các công cụ hỗ trợ Mobile marketing .

4.1 Dùng google trends chỉ ra 5 xu hướng liên quan đến hoạt động kinh doanh của nhóm

4.2 Dùng Buzzsumo chỉ ra chủ đề hot MXH liên quan đến hoạt động kinh doanh của nhóm

4.3 Thực hiện công cụ Mobile SEO để tìm tốc độ tải website

Phần 5 Đo lường, đánh giá, hiệu chỉnh chiến dịch Marketing Online .

1 Sử dụng công cụ Google Analytics để theo dõi website qua đó đưa ra kế hoạch hiệu chỉnh lại chiến dịch SEO

2 Sử dụng công cụ Google Webmaster Tools để kiểm tra tình trạng website của bạn Qua đó có thể hiệu chỉnh cho phù hợp bộ máy tìm kiếm Google

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 càng phát triển hiệ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 càng phát triển, điển hình là những năm gần đây xu hướng thời trang unisex, một trong những xu hướng thời trang nổi lên

và phát triển rất mạnh tại Việt Nam và nhiều nước khác trên thới giới Unisex đượcbiết đến với một phong cách nổi trội, phá cách và nghịch ngợm rành riêng cho các bạn trẻ có tính cách hiếu động, đam mê thời trang và phong cách Nhận thấy xu hướng tăng cao và nhu cầu mua sắm ngày càng lớn, chính vì vậy nhóm đã quyết định lựa chọn chủ đề về mặt thời trang kinh doanh về quần áo Unisex

- Yêu cầu đạt được :

+ Website có thể tối ưu hóa trên di dộng và máy tính

+ Có thể SEO được trang và bán các sản phẩm

+ Đáp ứng nhu cầu tìm kiếm và mua sản phẩm của khách hàng

Cung cấp thông tin chính xác về doanh nghiệp, cũng như nhãn hàng và các thông tin rõ ràng về các yếu tố có trong một website Tích hợp mạng xã hội, đảm bảo tínhbảo mật Ngoài ra tốc độ tải trang, tối ưu hóa tạo sự thân thiết trên nền tảng máy tính và di động

Phần 2: Phân tích website mobile thương mại điện tử

1 Yêu cầu của hệ thống web

- Menu

+Trang chủ: Thể hiện được bộ mặt của toàn bộ trang web Có chứa tất cả nhữngthông tin về thương hiệu cũng như sản phẩm

+Giới thiệu: Nhằm giới thiệu về thương hiệu, cũng như giới thiệu về các 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 bộ sản phẩm được lọc và phân chia theo thứ tự rễ

+Chính sách: Thể hiện những chính sách đặt ra của doanh nghiệp và những

yêu cầu của doanh nghiệp đề ra

+ Liên hệ: Lưu trữ thông tin doanh nghiệp về địa chỉ, email, số điện thoại

1.1 Nội dung web trên ứng dụng di động

1.1.1 Trang chủ

- Phần trang chủ được thiết kế đơn giản tạo nên sự hài hòa giữa bố cục

trang website và ứng dụng di động

1.1.2 Trang giới thiệu

- Ở trong giới thiệu là phần giới thiệu công ty và cam kết bán chất lượng bán hàng của công ty Kèm theo đó là phần audio và lịch để tạo nên sự tiện lợi cho khách hàng khi vào trang website

- Giới thiệu đôi nét về phong cách unisex

1.1.3 Trang giỏ hàng

- Khách hàng có thể lựa chọn sản phẩm mình muốn mua vào giỏ hàng

- Đối với trang giỏ hàng thì nó có đầy đủ các thông tin của món hàng mình đãđặ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 thanh toán và tạm tính số

tiền cho khách hàng

1.1.4 Trang thanh toán

- Hiển thi các thông tin thanh toán như tên,số điện thoại, địa chỉ nhận hàng

- Có các nhiều phương thức thanh toán , giúp cho khách hàng dẽ dàng lựa

5

- Hiển thi đơn hàng

1.1.5 Trang liên hệ

- Đối với trang liên hệ thì cung cấp đầy đủ thông tin và bên cạnh đó có thể thu thập được thông tin khách hàng cho Shop như là họ tên, email, tiêu đề và nội dung khách hàng muốn nhắn gửi tới shop

- Và còn để địa chỉ Maps để khách hàng có thể tìm đến shop một 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ới mẻ

- Giúp khách hàng biết được những cách phối đồ đẹp

- Những bài viết giới thiệu bộ ra mắt sản phẩm mới của doanh nghiệp

1.1.7 Trang chính sách

- Giúp khách hàn giải đáp được những thắc mắc về vấn đề đổi trả, giao

hàng , và chính sách bảo hành

1.2 Bố cục của Website mobile

Một bố cục website thông thường cơ bản sẽ được chia làm 3 thành phần cơ bản:

Header

Phần header là nơi thể hiện hình ảnh logo, thương hiệu, danh mục các thanh menu,chuyên mục điều hướng người dùng đến các bài viết hay nội dung cụ thể Riêng về vị tríđặt thanh menu trên website có thể đặt menu cố định, menu ngang, menu dọc,

Content

Content là phần cần sự tập trung và thể hiện nhiều nhất, bởi đây là nội dung chính củatrang web Nhằm mục đích thu hút và giữ chân người dùng lưu lại website lâu hơn Về cơbản nội dung sẽ được chia làm 2 phần:

Phần phía bên trái: thể hiện các mục nhỏ chứa nội dung khác nhau về sản phẩm, dịch vụ của website doanh nghiệp

Phần bên phải dành cho các tin nổi bật

 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 ra mối liên hệ giữa các thànhphần trên trang web, chúng sẽ được đặt gần nhau và tạo thành một nhóm Người dùng chỉcần lướt qua cũng có thể nắm bắt được cơ bản các thành phần xuất hiện trong trang web

 Không gian trắng

Không gian trắng còn được gọi là khoảng trống là những phần diện tích mà người thiết

kế để trống trong khi sắp xếp vị trí các thành phần của một giao diện trang web Côngdụng chính là tách biệt rõ ràng từng phần nội dung khác nhau và là những điểm nghỉ chomắt Nhờ đó, mang đến trải nghiệm thoải mái hơn cho người dùng đồng thời, phần nộidung trở nên thu hút và bắt mắt hơn

 Căn chỉnh

Các yếu tố cùng nhóm cần được căn chỉnh chính xác nhằm tạo ra sự gọn gàng và nhấtquán cho nội dung Bạn có thể thực hiện căn chỉnh bằng hệ thống lưới (Grid-basedlayout) rất thông dụng trong thiết kế

 Tương phản

Nguyên tắc tương phản sẽ tạo ra sự khác biệt cho bố cục website của bạn Điều này đượcthể hiện trong diện tích hiển thị, sử dụng hình ảnh động trong nền tĩnh hoặc sự đối lậptrong thiết kế màu sắc Tuy nhiên, quá nhiều chi tiết tương phản sẽ khiến giao diện webcủa bạn rối mắt và làm mất đi hiệu quả, khó theo dõi

 Phân cấp

Phân cấp cũng là một trong những cách sắp xếp bố cục hợp lý, bởi giúp người dùng lậptức xác định được những nội dung chính quan trọng nhất Thực tế thì những thành phần ởphân cấp càng thấp sẽ có diện tích hiển thị càng ít và màu sắc kém phần nổi bật

 Sự lặp lại

Nghĩa là, trong thiết kế bạn nên lặp lại layout ở những vị trí hợp lý và có nét tương đồngvới nhau Sự lặp lại sẽ khiến người dùng dễ dàng theo dõi và tập trung hơn vào thànhphần chính thay vì quan sát sự khác biệt ở từng trang

 Tầm quan trọng của bố cục

website?  Nâng cao giá trị thẩm mỹ

Điều đầu tiên dễ dàng nhận thấy là bố cục website sẽ khiến từng bộ phận của trang webgọn gàng và đẹp mắt hơn Đặc biệt, đối với những mẫu layout mới lạ và độc đáo còn cóthể trở thành một điểm nhấn, giúp người dùng nhớ đến trang web của bạn.

 Tạo sự liên kết giữa các thành phần trong thiết kế

Việc bố trí và sắp xếp các thành phần của website hợp lý sẽ khiến người đọc có một cáinhìn tổng quát về nội dung của trang Bố cục website sẽ dễ dàng gây sự chú ý đến ngườiđọc, dẫn dắt họ đi theo đúng mạch kết cấu được hiển thị trên trang

Do đó, nhiệm vụ của layout chủ yếu là gián tiếp thể hiện mối quan hệ của các yếu tố nộidung Sự sắp xếp hài hòa này mang đến một cái trực quan hơn Điều này giúp ngườidùng dễ dàng tìm kiếm mở rộng những vấn đề mà họ quan tâm

1.3 Các liên kết và nút bấm trên website

1.3.1 Các liên kết.

-Với việc tạo các liên kết đến các trang mạng xã hội giúp khách hàng có thể đi

đến fanpage facebook dễ dàng hơn

-Đặt liên kết này khách hàng có thể share bài viết trên website qua facebook của

khách hàng để có nhiều người biết đến shop, tăng sự nhận diện cho nhóm khách hàng tiềm năng

- Nút thêm vào giỏ hàng:

+ Khi khách hàng thích 1 sản phẩm nào đó khách hàng bấm vào nút thêm vào giỏhàng thì món đồ đó sẽ chuyển vào giỏ hàng

- Nút tiến hành thanh toán:

+ Khi khách hàng bấm vào giỏ hàng sẽ có nút tiến hành thanh toán, khi bấm vào nút tiến hành thanh toán mọi thông tin của khách hàng và món hàng được chọn

sẽ được thông báo tới admin chờ phê duyệt

1.4 Kích thước và đồ họa

1.4.1 Danh mục sản phẩm và bộ sưu tập

Mục tiêu chính của bất kỳ dự án thương mại điện tử nào đều là việc bán sản phẩm.Trình bày yếu tố thị giác có ảnh hưởng lớn đến quyết định của người dùng Danh mục là danh sách hàng hóa mà công ty chào bán Công việc của một nhà thiết kế

là tạo ra danh mục thu hút sự chú ý của người dùng và khuyến khích họ mua sản phẩm

Danh sách sản phẩm trong các ứng dụng mobile có thể giống với nhiều trang webthương mại điện tử, nơi các mục được đặt trong catenas và có thể được xem bằngcách cuộn dọc Số lượng sản phẩm trong một hàng được ấn định theo chiều rộngcủa màn hình Kích thước hình ảnh cần được cân xứng với kích thước màn hình.Một phương pháp khác để phân bổ sản phẩm trong danh mục của thiết bị mobile

là xếp một hàng với thanh cuộn ngang Để điều hướng trực quan, mục cuối cùng

trong hàng ngang sẽ không được hiển thị ở chế độ xem đầy đủ, để cho người dùng thấy rằng đây là hướng cuộn.

Đồ họa hình minh họa của sản phẩm phải có chất lượng phù hợp để người dùng có thể nhìn thấy rõ ràng những gì họ sẽ mua và có thể tối ưu cho tốc độ load trang không để thời gian chờ quá 3s Màn hình danh mục phải bao gồm nút kêu gọi hànhđộng, thông qua đó người dùng có thể thêm sản phẩm vào giỏ hàng Bằng cách nàyngười dùng sẽ nhận được sản phẩm ngay từ màn hình danh mục mà không cần phải đi đến trang chi tiết

1.4.2 Trang giới thiệu:

Đây sẽ là nơi nguời tìm kiếm thông tin về sản phẩm cũng như doanh nghiệp.Những bài viết về sản phẩm, giới thiệu, mô tả về sản phẩm sẽ được thiết kế vớikích thước tiêu đề nổi bật Hình ảnh đi kèm trong các bài viết tạo nên sự thuhút cho người đọc

Điều chỉnh kích thước từ tiêu đề bài viết được đặt ở đầu tiếp theo là dữ liệu miêu

tả nội dung và hình ảnh luôn luôn phải đi kèm phía sau

1.4.3 Trang tin tức và liên hệ

Thiết kế tối ưu và đơn giản phù hợp với kích thước người dùng và giúp người dùng có được tốc độ tải nhanh khi tìm hiểu về thông tin sản phẩm

Phân chia các thông tin rõ ràng bố cục cụ thể tối ưu với thiết bị người dùng để tìm kiếm thông tin dễ dàng

2 Lỗi Mobile Marketing

2.1 Check bằng công cụ Mobile-Friendly

Website đã thân thiện với điện thoại di động

2.2 Check bằng công cụ SEO Quake

Đã tối ưu được các thẻ cơ bản như thẻ URL, thẻ tiêu đề, thẻ mô tả,…

2.3 Check bằng công cụ Screaming

Còn lỗi một số thẻ tiêu đề

Cách cải thiện hiệu suất trang:

Phần 3: Quảng bá Mobile Marketing

3.1 Xây dựng chiến dịch qua email

Bước 1: Truy cập vào website www.mailchimp.com để đăng ký một tài khoản Free

Bước 2: Đăng nhập và bắt đầu sử dụng thiết kế Email

Bước 3: Add danh sách email đã được kiếm và tạo thành bảng excel

Bước 4: Add danh sách email lên mailchimp để thực hiện chiến dịch và gửi chiến dịch

Bước 5: Chiến dịch đã được gửi thành công cho khách hàng

Thu thập được danh sách người mở mail nhiều nhất => xác định được nhóm khách hàng mục tiêu, khách hàng tiềm năng cho Shop

- Đối với những khách hàng này sẽ có chiến dịch đi kèm về sau, để tạo ra hành vi mua cho họ

- Bên cạnh đó thì chiến dịch còn một số tồn tại như: chưa bán được sản phẩm

3.2 Xây dựng chiến dịch quảng cáo quả sms marketing

Bước 1 : Tạo chương trình khuyến mại

- Để thu thập thông tin khách hàng Tạo chương trình cho khách hàng đăng ký

- Chương trình “ giảm giá 70% nhân dịp TẾT 2021” cho những người đăng kíform để nhận thông tin qua SMS

- Gửi thông báo khuyến mại qua SMS cho khách hàng đã từng mua hàng tại shop

- Gửi SMS với tiêu đề và thu hút sự chú ý của khách hàng , kích thích sự muahàng của khách hàng

Bước 2 : Tổng hợp danh sách khách hàng

- Thu thập lại danh sách sđt của khách hàng đã từng mua hàng tại shop

- Quảng bá trên các kênh truyền thông , website, email…

- Khách hàng đăng ký số điện thoại nhận tin nhắn SMS

- Dùng những chương trình khuyến mãi để khiến cho khách hàng khai báo thông tin cũng như cung cấp data cho Shop

- Tạo lòng tin đối với khách hàng qua việc cam kết không tiết lộ , SPAM, & chỉ gửi thông g tin mà khách hàng đăng ký

Bước 3: Tạo chiến dịch SMS

- Tạo chiến dịch giảm giá cho khách hàng

- Chương trình CSKH, giới thiệu sản phẩm mới

Bước 4: chọn đối tượng quảng cáo

- Chọn nhóm thuê bao phù hợp nhất với chiến dịch

- Nhóm khách hàng mục tiêu cho chiến dịch

Bước 5: chọn hình thức làm SMS phù hợp

- chia từng nhóm đối tượng để dễ dàng trong viêc đưa ra thông điệp và theo dõi hành vi của họ sau khi nhận được thông điệp

- Tạo nội dung tin nhắn SMS 160 ký tự, ngắn gọn, dễ hiểu,

Bước 6: thời điểm gửi tin nhắn phù hợp

- Chọn công cụ ( hệ thống ) gửi tin

- xác định ngày giờ muốn gửi tin đến khách hàng

- đảm bảo thông điệp gửi đén khách hàng

Bước 7: đánh giá và đo lường

- Số tin gửi thành công tới khách hàng

- Số tin không gửi được

- Số lượng phản hồi

- Doanh số bán hàng

3.3 Xây dựng chiến lược Marketing Mobile App

Bước 1: Chọn thị trường mục tiêu

- Tập trung vào phân khúc thị trường giá rẻ và trung bình

- Xác định khách hàng mục tiêu:

+ Giới tính: Nam, nữ

+ Độ tuổi: 16-25 tuổi

+ Thu nhập: Là những người có thu nhập từ trung bình đến cao

+ Vị trí địa lí: Doanh nghiệp tập trung thị trường ở các thành phố lớn

- Insight khách hàng:

+ Quan tâm đến thời trang Unisex

+ Họ luôn quan tâm đến tất cả những gì có liên quan chủ đề thời trang và phong cách

+Họ là những người muốn trở thành một phần của sự thay đổi và là người thích tính

Khả năng ứng dụng khác để đáp ứng nhu cầu của người dùng cuối sẽ quyết định mức

độ thành công của nó Đối tượng mục tiêu được xác định rõ ràng sẽ không chỉ giúpthông báo quyết định thiết kế của bạn mà còn cho phép bạn tiếp thị hiệu quả ứngdụng của mình sau này

Bước 2: Chọn một nền tảng cho ứng dụng di động

- Lựa chọn một trong hai nền tảng Google Play và App Store để phù hợp với đối tượng khách hang

Bước 3: Thiết kế Mobile App đơn giản

- Với ứng dụng di động, đơn giản luôn là tốt hơn Một ứng dụng kinh doanh thành công là một ứng dụng đáp ứng với nhu cầu của người dùng

- 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 rất quan trọng vì thể hiện thông điệp của thương hiệu

Bước 4: Phân tích thói quen và tâm lý người dùng

- Khi ứng dụng của bạn hoạt động, bạn nên sử dụng các công cụ phân tích ứng dụngđược xây dựng giúp bạn theo dõi hành vi của người dùng

- Đo lường và giám sát hành vi sử dụng và tham gia ứng dụng thông qua công cụphân tích có thể cung cấp những hiểu biết vô giá về cách nâng cao và tối ưu hóa trảinghiệm người dùng, tăng khả năng thành công cho ứng dụng của bạn trong tươnglai

- Hiểu động cơ người dùng, các tính năng hoặc lộ trình phổ biến nhất trong ứngdụng của bạn và người dùng của bạn là ai cũng có thể giúp bạn đưa ra chiến lượcđúng đắn và tập trung nỗ lực tiếp thị của bạn vào đúng 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 của 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 được những lợi ích khi tải và sử dụng app

Bước 6: Chăm sóc khách hàng

- Sau khi khách hàng tải app thì cung cấp một số chương trình khuyến mãi

- Cá nhân hóa khác hàng như gửi lời chúc mừng sinh nhật hay những ngày lễ quan trọng để tạo thiện cảm với khách hàng

- Ngoài ra gửi thông báo đến khách hàng khi diễn ra những sự kiện