HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

KHOA ĐA PHƯƠNG TIỆN

--------------------------

BÁO CÁO CUỐI KỲ

TRANG WEB “6PEACH”

THÀNH VIÊN:
NHÓM 03 – KÍP 01

Nguyễn Trung Anh - B21DCTT016

Nguyễn Thị Vân Anh - B21DCTT015
Nguyễn Thuỷ Tiên - B21DCTT108
Đặng Trần Bảo Ngọc - B21DCTT071
Dương Quốc Khánh - B21DCTT047

Hà Nội, ngày 20 tháng 06 năm 2023

 BẢNG ĐÁNH GIÁ VÀ PHÂN CÔNG CÔNG VIỆC

PHẦN
TRĂM CHỮ
STT HỌ VÀ TÊN MÃ SV PHÂN CÔNG
ĐÓNG KÝ
GÓP
- Làm form khảo sát, phân tích
khảo sát
1 Nguyễn Trung Anh B21DCTT016 - Viết nội dung cho website 100%
- Viết báo cáo
- Thiết kế slide báo cáo
- Làm form khảo sát
- Thiết kế ấn phẩm cho website
2 Nguyễn Thị Vân Anh B21DCTT015 100%
- Viết 1 bài blog
- Thiết kế website
- Làm form khảo sát
- Thuyết trình
3 Nguyễn Thuỷ Tiên B21DCTT108 100%
- Làm sitemap
- Viết nội dung cho website
- Thiết kế logo
- Thiết kế các ấn phẩm cho
4 Đặng Trần Bảo Ngọc B21DCTT071 website 100%
- Thiết kế website
- Viết nội dung cho website
- Thiết kế wireframe
5 Dương Quốc Khánh B21DCTT047 - Thiết kế website 100%
- Viết nội dung cho website
 MỤC LỤC

CHƯƠNG 1: NGHIÊN CỨU VÀ KHẢO SÁT ............................................................... 4

1. Quy trình nghiên cứu................................................................................................. 4
2. Quy trình Khảo sát .................................................................................................... 5
CHƯƠNG 2: TỔNG QUAN WEBSITE ........................................................................ 11
1. Tổng quan ý tưởng .................................................................................................. 11
2. Sitemap .................................................................................................................... 12
3. Điều hướng Website ................................................................................................ 13
4. Wireframe và Sản phẩm thực tế: ............................................................................. 15
CHƯƠNG 3: QUY TRÌNH THỰC HIỆN ..................................................................... 22
1. Hoàn thành ý tưởng và chia nhiệm vụ .................................................................... 22
2. Xây dựng Moodboard: ............................................................................................ 22
3. Key visual................................................................................................................ 22
4. Thiết kế các ấn phẩm ............................................................................................... 23
5. Thiết kế Web ........................................................................................................... 26
CHƯƠNG 3: SỰ CỐ, BÀI HỌC VÀ KINH NGHIỆM SẢN XUẤT ........................... 27
1. Sự cố ........................................................................................................................ 27
2. Bài học và kinh nghiệm sản xuất ............................................................................ 28
CHƯƠNG 4: PHỤ LỤC THAM KHẢO ........................................................................ 28
 CHƯƠNG 1: NGHIÊN CỨU VÀ KHẢO SÁT
1. Quy trình nghiên cứu

Để hoàn thành bài tập cuối kì một cách tốt nhất, nhóm chúng em đã dành ra 2 tuần để
nghiên cứu. Quy trình nghiên cứu có thể gói gọn trong các bước sau đây:
• Bước 1: Xác định điểm mạnh, điểm yếu của các thành viên trong nhóm:
Đối với bước này, nhóm chúng em xác định được các vấn đề như sau:
- Nhóm chúng em đều không có đủ thời gian và nhân lực để đi chụp ảnh, nên
website sẽ thiên hướng sử dụng design và các nguồn khác
- Tất cả đều muốn hướng đến một website có chủ đề hot, không dễ dàng bị lặp, thu
hút và có ý nghĩa đối với người xem.
- Tìm ra điểm mạnh, yếu của mỗi người để nhận những công việc phù hợp

• Bước 2: Lựa chọn chủ đề:

Mỗi thành viên trong nhóm sẽ đưa ra 1 ý tưởng trang web bao gồm (chủ đề, phong cách
thiết kế, website tham khảo)
• Bước 3: Họp và chốt chủ đề:
Tận dụng thời gian học tập trên lớp, mỗi cuối giờ nhóm em đều họp trực tiếp để xem xét ý
tưởng từng người và nghe lời thuyết phục của bạn. Sau đó, chúng em đã lựa chọn chủ đề
Sex Education (Giáo dục giới tính) là phương án cuối cùng.
• Bước 4: Tìm hiểu và nghiên cứu sâu:
Trong bước này, nhóm chúng em thực hiện nghiên cứu sâu về:
- Thực trạng về Giáo dục giới tính ở Việt Nam
- Ưu và nhược điểm các website và các trang mạng xã hội đã làm về chủ đề Sex
Education
- Đối tượng mục tiêu mà trang web chúng em hướng tới.
 2. Quy trình Khảo sát
Nghiên cứu để hiểu rõ vấn đề chỉ là bước đầu trong quy trình thực hiện. Muốn hiểu rõ
khách hàng đang nghĩ gì, cần gì và mong muốn của họ là gì, nhóm chúng em đã tiến hành
khảo sát. Quy trình khảo sát diễn ra như sau:

• Bước 1: Lập form khảo sát

Với đối tượng là các bạn trẻ GenZ, nhóm chúng em lựa chọn lập form khảo sát online với
3 phần chính:
- Phần 1: Khảo sát về thông tin cá nhân
- Phần 2: Khảo sát về sự hiểu biết và quan tâm đề Sex Education
- Phần 3: Khảo sát về sở thích, hình thức thể hiện trang web Sex Education nên như
thế nào và gợi ý của người điền form
• Bước 2: Gửi form khảo sát
Tất cả các thành viên đều cố gắng gửi cho những mối quan hệ quen biết nằm trong đúng
độ tuổi GenZ

• Bước 3: Phân tích khảo sát

Đây là bước quan trọng nhất trong quy trình khảo sát. Từ việc phân tích dữ liệu, chúng
em có thể biết và hiểu rõ vấn đề GenZ đang gặp phải và nhu cầu của họ với Giáo dục giới
tính là gì.
Phân tích của chúng em chỉ ra những thông tin sau:
o Về thông tin cá nhân:
- Giới tính:
Trong 337 câu trả lời gồm có:
+ 205 người thuộc giới tính nữ (chiếm 60.8%)
+ 132 thuộc giới tính nam (chiếm39.2%)
Từ đó cho thấy, chủ đề Sex Education được sự quan tâm của cả 2 giới. Tuy nhiên chủ
đề thu hút sự quan tâm của các bạn nữ nhiều hơn các bạn nam.
- Xu hướng tính dục:
Trong 337 câu trả lời gồm có:
+ 258 phiếu với xu hướng dị ái/ dị tính (76.6%)
+ 32 phiếu song ái/song phiếu (9.5%)
+ 26 phiếu với xu hướng đồng ái/đồng tính (7.7%)
+ 10 phiếu xu hướng vô ái/vô tính (3%), 10 phiếu xu hướng toàn ái/toàn tính (3%),
+ 1 phiếu không muốn gắn mác bản thân (0.3%)
Với GenZ hiện nay, việc nhận ra và công khai xu hướng tính dục đã trở nên phổ biến
hơn. Xu hướng tính dục ở thế hệ trẻ thời nay cũng rất đa dạng.
- Độ tuổi:
Trong 336 câu trả lời gồm có:
+ 55 câu trả lời với những người đầu Gen Z từ 1995-2000, đã đi làm (16.4%)
+ 263 câu trả lời là những người Giữa Gen Z từ 2001 - 2006, hầu hết là sinh viên
(78.3%)
+ 18 câu trả lời là những người Cuối Gen Z từ 2007-2010, là học sinh (5.4%)

o Về sự hiểu biết và quan tâm đến chủ đề Sex Education

- Quan điểm về chủ đề Sex Education:
Trong 337 câu trả lời, gồm có:
+ 243 câu trả lời cho rằng “Đây là chủ đề rất quan trọng, ai trong chúng ta cũng
cần tìm hiểu” (72.1%)
+91 câu trả lời cho rằng: “Đây là một vấn đề tế nhị, khó nói” (27%)
+ 3 câu trả lời cho rằng: “Đây là chủ đề không đáng quan tâm” (0.3%)
Như vậy, chủ đề Sex Education là một chủ đề quan trọng và được đông đảo GenZ có
nhu cầu muốn tìm hiểu. Mặc dù 1 số cho rằng chủ đề tế nhị, nhưng không thể phủ định
sự cần thiết phải nói ra, phải học hỏi!
- Tần suất tìm hiểu về chủ đề:
Trong 337 phiếu trả lời, gồm có:
+ 80 phiếu Hàng ngày (23.7%)
+ 203 phiếu Thỉnh thoảng (60.2%)
+ 52 phiếu Ít khi (15.4%)
+ 2 phiếu Không bao giờ (0.6%)

- Mức độ quan tâm về chủ đề: Trên thang điểm từ 1 (rất ít quan tâm) đến 5 (rất quan
tâm). Kết quả khảo sát như sau:
 Qua biểu đồ thống kê có thể thấy, hầu hết mọi người đều quan tâm về chủ đề Sex
Education. Chỉ có 3 phiếu rất ít quan tâm (Chiếm 0.9%)
o Về hình thức thể hiện
- Kênh nào giúp bạn tìm hiểu chủ đề?
Trong 337 câu trả lời, bao gồm:
+ 270 câu trả lời cho biết họ tìm hiểu qua Website/ Mạng xã hội/ Internet (80.1%)
+ 42 câu trả lời cho biết họ tìm hiểu qua Sách/ Ti vi/ Các tài liệu nghiên cứu
(12.5%)
+ 18 câu trả lời cho biết họ tìm hiểu qua Thầy cô giáo, nhà trường (5.3%)
+ 3 câu trả lời cho biết họ tìm hiểu qua Gia đình (0.9%)
Qua đây cho thấy thông tin, kiến thức, kỹ năng về chủ đề Sex Education thường được
tìm hiểu qua Website/Mạng xã hội/Internet.
- Hình thức thể hiện nào sẽ phù hợp với chủ đề này?
Trong 337 câu trả lời, gồm có:
+ 124 câu trả lời lựa chọn hình thức Dễ thương (36.8%)
+ 81 câu trả lời lựa chọn hình thức Trực tiếp (Hoạt hình) (24%)
+ 77 câu trả lời lựa chọn hình thức Trực tiếp (Chân thực) (22.8%)
+ 55 câu trả lời lựa chọn hình thức Ẩn dụ (16.3%)
Với đối tượng khảo sát đưa ra chiếm đa phần là các bạn nữ, không khó hiểu khi
hình thức thể hiện Dễ thương chiếm số lớn.
 - Các chuyên mục nên có/ bạn cảm thấy hấp dẫn về chủ đề ?
Trong 337 câu trả lời, 5 chủ đề đều được lựa chọn nhiều (trên 100 phiếu) là:
+ Sức khoẻ an toàn tình dục (89.3%)
+ “Giải mã" cơ thể (78.9%)
+ Khám phá nhu cầu sinh lý của bản thân (75.4%)
+ Xu hướng tính dục của bản thân (49%)
+ Tips chuyện “chăn gối" (40.1%)

CHƯƠNG 2: TỔNG QUAN WEBSITE

1. Tổng quan ý tưởng
• Ý tưởng Blog:
6Peach là một Blog website chuyên về Sex Education (Giáo dục giới tính). Không chỉ
cung cấp kiến thức quan trọng và cần thiết về chủ đề này, 6Peach còn là một người bạn
luôn sẵn sàng sẻ chia và giải đáp các thắc mắc của các bạn trẻ.
Đây là một chủ đề quan trọng nhưng chưa được khai thác nhiều tại Việt Nam.

• Tên website:
“6Peach” đọc lái đi là “Sex” + “Peach”
- “Sex” có nhiều nghĩa hiểu, ở đây là về giới tính, sinh lý, tình dục – những khía
cạnh quan trọng trong đời sống mỗi người
- “Peach” (Quả đào) biểu tượng cho sự tươi mới, ngon, ngọt, thơm và xinh đẹp

• Slogan:
“Love yourself, love your sexlife” với ý nghĩa là hãy yêu bản thân bạn dù bạn là ai, bạn
như nào và hãy tôn trọng những ham muốn, như cầu sinh lí cơ bản của bản thân!

• Đối tượng mục tiêu:

Đối tượng chính của “6peach” là nhóm tuổi GenZ, đặc biệt là các bạn sinh viên đang theo
học tại các trường đại học ở Việt Nam có dành sự quan tâm đến chủ đề Sex Education
Lý do lựa chọn đối tượng mục tiêu này là:
- Gen Z là thế hệ trẻ nhất và đang tiếp cận gần nhất với các vấn đề liên quan đến giới
tính.
- Gen Z tiếp nhận thông tin qua các kênh truyền thông số
- Gen Z có xu hướng phát triển tư duy đa chiều và không giới hạn giới tính
- Gen Z là thế hệ có ảnh hưởng lớn đến xã hội và văn hóa

• Mục tiêu nhiệm vụ:

- Cung cấp những kiến thức chính xác và đầy đủ về các chuyên mục trong Giáo dục
giới tính
- Giải toả âu lo, khúc mắc cho các bạn trẻ Việt Nam
- Giúp đời sống tinh thần phát triển

2. Sitemap
Website “6peach” được cấu trúc theo mô hình “cây rộng”. Đảm bảo sự đa dạng của nội
dung và cho người dùng trải nghiệm dễ dàng.
Tiện ích website:
- Tìm kiếm: Giúp người dùng dễ dàng tìm kiếm chủ đề và bài viết mà người đọc
quan tâm.
- Đăng ký/ đăng nhập: Tiện ích chỉ có mặt trong phần Blog của trang web, dành cho
những người trong cộng đồng thoải mái thảo luận và chia sẻ câu chuyện bản thân

3. Điều hướng Website

• Điều hướng cấu trúc:

Điều hướng chính của website gồm 4 webpage:
- Trang chủ: Gồm slogan và tất cả chuyên mục giúp người đọc có thể tiếp cận với
các bài viết và chủ đề một cách dễ dàng hơn.
- Chuyên mục: Gồm các bài blog theo từng chuyên mục.
- Cộng đồng: Gồm diễn đàn cho tất cả thành viên thuộc 6peach có thể chia sẻ, thảo
luận về cuộc sống của mình
- Về chúng tôi: Chứa thông tin về web cũng như là thông tin các thành viên, cùng với
đó là mục liên hệ, giúp người đọc có thể đưa ra góp ý của mình.

• Điều hướng liên kết:

o Điều hướng theo ngữ cảnh: Gắn liên kết vào văn bản
 Việc gắn điều hướng liên kết vào văn bản giúp cho người dùng tương tác với bài
viết và tìm hiểu những thông tin liên quan ngay tại thời gian thực.

Khi click vào những câu hỏi, trang web sẽ liên kết sang phần diễn đàn giúp người
đọc tìm được câu hỏi và đọc câu trả lời của mọi người.
o Điều hướng footer:

Chứa đầy đủ thông tin liên hệ, các trang mạng xã hội khác, số điện thoại và email
cho người dùng dễ dàng kết nối với 6Peach.

• Điều hướng tiện ích:

o Liên kết logo:
4. Wireframe và Sản phẩm thực tế:
• Wireframe
• Sản phẩm thực tế
o Link website: https://khanhdq557.wixsite.com/6peach
o Ảnh thực tế:
- Bản PC:
- Bản Điện thoại:
 CHƯƠNG 3: QUY TRÌNH THỰC HIỆN
1. Hoàn thành ý tưởng và chia nhiệm vụ
Dựa vào Nghiên cứu và Khảo sát ở Chương 1, nhóm chúng em đã cùng họp lại và
hoàn thành những đầu mục sau:
- Nội chung chuyên mục và các bài blog
- Concept
- Nhiệm vụ từng thành viên
2. Xây dựng Moodboard:
Xuyên suốt Moodboard, chúng em hướng tới xây dựng hình ảnh website mang tính hiện
đại, huyền bí và mang sự thích thú tới đôi mắt người xem. Vì thế, hình ảnh mà nhóm em
sử dụng được lấy ý tưởng sâu sắc từ phong cách Erotic neon. Ngoài ra, nhóm chúng em
còn được truyền cảm hứng từ show Cởi Mở - do Vietcetera thực hiện.

3. Key visual

• Màu sắc
- Kết hợp 3 màu hồng, tím và đen của đèn neon.
- Việc lựa chọn 3 màu này giúp cho trang web trở nên huyền bí, quyến rũ, kích thích
sự tò mò của người xem

• Logo
Là sự kết hợp giữa hình ảnh bé Đào và số 6 biểu tượng cho tên trang web”6peach”

• Typeface
Toàn bộ trang web được sử dụng font chữ SVN Gotham
Font chữ hiện đại, tròn không chân, rất đẹp và phù hợp với phong cách của 6peach.
Nó khiến cho trang web trở nên trẻ trung. Ngoài ra các bài đăng nhiều chữ với font
chữ này sẽ đỡ rối mắt và dễ theo dõi hơn nhiều.
4. Thiết kế các ấn phẩm
5. Thiết kế Web

• Quy trình thiết kế Web gồm các bước sau:

- Bước 1: Xây dựng bố cục web đúng theo wireframe
- Bước 2: Chỉnh sửa tên các webpage, thêm những nội dung cơ bản, chỉnh màu trang
web
- Bước 3: Đẩy các bài đăng và ấn phẩm thiết kế lên web
- Bước 4: Chỉnh sửa các chi tiết nhỏ

• Ảnh chứng minh tất cả thành viên có tham gia thiết kế Web:
CHƯƠNG 3: SỰ CỐ, BÀI HỌC VÀ KINH NGHIỆM SẢN XUẤT
1. Sự cố

• Quy trình không ăn khớp, công việc bị chồng chéo nhau do tính toán sai lượng thời
gian cần thiết để hoàn thành một phần việc.
 • Việc nhóm trưởng phân công hạn cuối dựa trên cảm tính cá nhân chứ không tham
khảo thời gian biểu của các thành viên khác trong nhóm khiến cho phần việc xây
dựng Website trên Wix phải dời thời hạn khá nhiều lần.

• Khó khăn nhất là việc chỉnh sao cho Web Responsive vì công cụ Wix có những mặt
hạn chế khi chỉnh ở bản điện thoại
2. Bài học và kinh nghiệm sản xuất

• Xây dựng kế hoạch rõ ràng và chi tiết hơn. Chủ động tham khảo lịch trình của cả
nhóm và bổ sung thêm ngày backup để có thể điều chỉnh kịp thời.

• Xây dựng Demo website sát với ý tưởng được thảo luận kỹ càng nhất.

• Thêm nhiều phương án khác nhau để khi không thể thực hiện phương án này thì vẫn
có thể thực hiện những phương án còn lại.

CHƯƠNG 4: PHỤ LỤC THAM KHẢO

Sex Education Collaborative. 2018. Professional learning standards for sex education.
UNESCO. 2018. Hướng dẫn kỹ thuật quốc tế về giáo dục giới tính và tình dục toàn diện.
Cởi mở Vietcetera S2#1
https://vietcetera.com/vn/podcast/coi-mo/s21-song-dung-la-minh-khoai-cam-vo-cung