BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC NGOẠI NGỮ - TIN HỌC TP.HCM

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO MÔN HỌC

THIẾT KẾ GIAO DIỆN

QUẢN LÝ
ĐẶT TOUR DU LỊCH

GIẢNG VIÊN HƯỚNG DẪN: ThS. Trần Nguyễn Quỳnh Trâm

SINH VIÊN THỰC HIỆN:
Huỳnh Ngọc Vân Anh – 20DH111674

TP.HỒ CHÍ MINH - <NĂM 2022-2023>

 LỜI CẢM ƠN


Em xin gửi lời lời cảm ơn đến cô Trần Nguyễn Quỳnh Trâm – giảng viên bộ môn
“Thiết kế giao diện” trong khoa Công nghệ thông tin đã trang bị cho em những
kiến thức, kỹ năng cơ bản cần có để hoàn thành đồ án này.
Tuy nhiên, trong quá trình hoàn thành đồ án, do kiến thức về chuyên ngành và
thẩm mỹ còn hạn chế nên em vẫn còn nhiều thiếu sót khi tìm hiểu, đánh giá và
trình bày về đề tài. Rất mong nhận được sự quan tâm, góp ý của các thầy/ cô
giảng viên bộ môn để đề tài của em được đầy đủ và hoàn chỉnh hơn.
Em xin chân thành cảm ơn.
 MỤC LỤC

Chương 1. HỒ SƠ DỰ ÁN..........................................................................1
1. Tên đề tài 1
2. Mô tả sản phẩm.........................................................................1
3. Dịch vụ này dành cho ai?.........................................................1
4. Yêu cầu sản phẩm.....................................................................1
5. Đối thủ cạnh tranh và cảm hứng.............................................1
6. Giao hàng...................................................................................1
7. Giá 2
8. Dòng thời gian:..........................................................................2
Chương 2. LẬP KẾ HOẠCH (PLAN).......................................................3
I. STRATEGIZE................................................................................................................3
1. User Centered Business Canvas...............................................................................3
2. Nghiên cứu sản phẩm (đối thủ)................................................................................3
3. User Personas...........................................................................................................4
4. Mô hình AARRR......................................................................................................5
II. ORGANIZE....................................................................................................................6
1. Functionality map.....................................................................................................6
2. Sitemap.....................................................................................................................6
3. Design Brief..............................................................................................................6
3.1. COMPANY CONTACT INFORMATION............................7
3.2. GENERAL................................................................................7
3.3. PROJECT OBJECTIVE - BUSINESS GOAL.........................................................7
3.3.1. Mục tiêu: Cung cấp một trải nghiệm mới về những chuyến du lịch, khi mà toàn
bộ chi phí của bạn đã được lo đầy đủ chỉ với một chiếc điện thoại đã cài sẵn ứng dụng...7
3.3.2. Thông điệp: không có...........................................................................................7
3.3.3. Mục tiêu phụ: không có........................................................................................7
3.3.4. Mục tiêu chung: tiếp cận nền công nghiệp mới, thử trải nghiệm tiện ích của việc
số hóa thành công................................................................................................................7
3.3.5. Khác biệt:..............................................................................................................7
3.3.8. Dự án đem lại lợi nhuận bằng cách nào?..............................................................8
 3.4. USER NEEDS..........................................................................................................8
3.5. PERCEPTION AND DESIGN.................................................................................8
3.6. FUNCTIONALITY, CONTENT.............................................................................8
III. THIẾT KẾ LUỒNG(FLOWS).......................................................................................9
1. Journey map..............................................................................................................9
2. User stories...............................................................................................................9
3. User flows...............................................................................................................10
Chương 3. NGHIÊN CỨU NGƯỜI DÙNG (DISCOVER)....................11
I. USER INTERVIEW.....................................................................................................11
II. OBSERVATION..........................................................................................................11
Chương 4. PHÁC THẢO WIREFRAME (EXPLORER&DEFINE)...12
I. CÁC LUỒNG WIREFRAME......................................................................................12
13
14
15
16
II. BẢNG STYLE GUIDE................................................................................................17
III. BẢNG MOODBOARD................................................................................................17
Chương 5. THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE)..............19
I. GIAO DIỆN CHÍNH....................................................................................................19
II. CÁC LUỒNG PROTOTYPE (GIỮ NGUYÊN NHƯ WIREFRAME).......................20
21
22
23
24
KẾT LUẬN..................................................................................................25
TÀI LIỆU THAM KHẢO..........................................................................26
<HỒ SƠ DỰ ÁN>

Chương 1. HỒ SƠ DỰ ÁN
1. Tên đề tài
Dịch vụ đặt tour du lịch Holly Smart
2. Mô tả sản phẩm
Holly Smart mong muốn cung cấp cho bạn trải nghiệm kỳ nghỉ một cách thông minh,
chỉ với vài thao tác trên điện thoại, bạn hoàn toàn có thể quản lý toàn bộ lịch trình của
bản thân trong chuyến hành trình du lịch, đem lại sự tiện lợi, thoải mái và thật sự thư
giãn khi bạn hoàn toàn không cần lo việc chi phí không đủ trong cuộc hành trình. Khi
cuộc sống trở nên khá giả, ngày càng nhiều người mong muốn được thư giản sau
những ngày làm việc cực khổ, nhiều người đều mong muốn được đi chơi vào những
dịp lễ, tết, hoặc cuối tuần. Việc này gây ra hiện tượng khan hiếm vé, chen chúc nhau
hoặc không đặt được phòng.
3. Dịch vụ này dành cho ai?
Nhân viên công sở và các hộ gia đình: sản phẩm này dành cho tập thể công nhân viên
muốn đi du lịch cùng nhau, hoặc các hộ gia đình mong muốn có thêm thời gian để gắn
kệt tình cảm. Sản phẩm này sẽ cho phép họ được được đặt trước những dịch vụ mà họ
muốn trải nghiệm, cung cấp cho họ không gian thoải mái khi tất cả chi phí đã được
thanh toán
4. Yêu cầu sản phẩm
Truy cập dễ dàng, giao diện đơn giản, thân thiện với người dùng
Trung tâm hỗ trợ| Dịch vụ| Đăng nhập| Đăng ký|
Hỗ trợ các thị trường khác
Hệ thống AI chỉ dẫn khi truy cập lần đầu
Bảo mật chuyến hành trình
Không tính phí môi giới, trung gian
Hỗ trợ vay trước cho các dịch vụ phát sinh
Màn hình cá nhân hóa
Xem hóa đơn thanh toán
5. Đối thủ cạnh tranh và cảm hứng
 Đối thủ cạnh tranh
Metrip
Travelkola
Sygic Travel Maps Trip Planner
 Cảm hứng:
Đi chơi nhưng tay xách tay mang
Đem theo quá nhiều tiền bị móc túi, nhưng nếu không đem thì lại thiếu
Mỗi lần đi chơi là một cuộc “hành hình”
Rất thích một nơi nhưng vì quá tất bật mà quên mất
 Nhằm nâng cao trải nghiệm cho cuộc hành trình, cung cấp cho khách hàng một
cuộc đi chơi thoải mái, không cần lo lắng về chi phí,...

6. Giao hàng
Cung cấp bản demo cho khách hàng trải nghiệm
Sử dụng người dùng thử nghiệm
Báo cáo chất lượng, mức độ hỗ trợ của phần mềm
7. Giá
Trang 1
<HỒ SƠ DỰ ÁN>

 100.000.000 cho toàn bộ phần mềm

 Đặt cọc 50.000.000 để bắt đầu dự án
 Trả 10.000.000 cho mỗi yêu cầu được thêm vào trong tiến trình dự án
 Sau khi kết thúc dự án, thanh toán toàn bộ chi phí trong vòng 3 ngày
8. Dòng thời gian:
26/8: lập hồ sơ UX
3/10-10/10: lập hồ sơ UX1, vẽ mockup giao diện
11/10-17/10: khảo sát người dùng
18/10-24/10: nghiên cứu sản phẩm
25/10-31/10:vẽ sơ đồ chức năng, và lên ý tưởng cho giao diện
1/11-7/11: thiết kế sơ đồ chức năng
8/11-14/11: thiết kế luồng
14/11-21/11: nghiên cứu người dùng
22/11-28/11: vẽ giao diện
Tháng 12: hoàn thành đồ án

Trang 2
<LẬP KẾ HOẠCH>

Chương 2. LẬP KẾ HOẠCH (PLAN)

I. STRATEGIZE
1. User Centered Business Canvas
PROBLEMS NEEDS GOALS
Đồ quá nhiều Mua những thứ Thoải mái, nhẹ
Không có thời gian dùng một lần rồi nhàng, không
để lên kế hoạch nên chuyển tới nơi cồng kềnh, đúng
tới nơi chỉ ăn xong trước tiêu chí “vác ba
rồi ngủ Đã thuê sẵn khách lô lên và đi”
Không biết điểm đến, sạn khi đến
sợ bị chặt chém Các món ăn đã
-Family NAME: sẵn sàng và còn
Holly Group nóng khi vừa
bước chân xuống
xe
- TITLE: vác cả nhà Đi tham quan
theo và lếch nhiều nơi

DEMOGRAPHICS CONTEXT FEARS

Gia đình gồm 3 thế Sợ phải mang
hệ : 2 người già, 2 nhiều đồ
-SHORT đứa trẻ và 2 người
DESCRIPTION lớnđều đang có việc
Vì có trẻ con nên làm ổn định
có quá nhiều thứ
phải mang theo,
phải sợ, nào sợ
thiếu, sợ ăn không
quen, sợ...., vì vậy
vác cả đồ dùng
trong nhà theo
cho chắc

2. Nghiên cứu sản phẩm (đối thủ)

Sygic Travel Maps Trip
MeTrip Traveloka
Planner

Giao diện app dễ nhìn, nhưng giao

diện web bị lỗi responsive, sắp
Giao Giao diện đẹp mắt, bố xếp khoa học và trực quan. Các Giao diện rõ ràng
diện cục rõ ràng mục đáng được lưu tâm như giá nhưng quá nhiều chữ.
tiền và hãng bay được in đậm nên
dễ lọc kết quả.

Trang 3
 <LẬP KẾ HOẠCH>

Có chế độ đặt lịch trong

App tích hợp cả map
và được hệ thống hiện
Có bộ lọc về thời gian bay, giúp hiển thị những nơi nổi
thị ở dạng timeline,
Chức người dùng thuận tiện trong việc tiếng gần đó, giúp
giúp người dùng sử
năng tìm chuyến bay trong khoảng thời người dùng thuận tiện
dụng các khaongr thời
gian cần. hơn trong việc lựa chọn
gian thật hợp lý theo ý
điểm đi chơi của mình.
muốn của mình

Minh bạch trong thanh toán, số

tiền hiển thị trong khu vực tìm
Thanh Rõ ràng trong các Rõ ràng trong các
kiếm chuyến bay chính là số tiền
toán khoản tiền. khoản tiền.
cuối cùng mà người dùng phải
đóng đã bao gồm phí nội vụ.

3. User Personas
Problems, needs USERS USER FEARS SOLUTION ACQUISITION
- Nhu cầu đi Nhân viên - Không có nhiều - Dựa vào nhu CHANNELS
chơi ngày càng công sở, hộ thời gian để lên cầu người - Khách sạn Holly
tăng, dẫn đến gia đình kế hoạch dùng, Holly Funny
việc đăng ký - Phải quản lý Smart se tự lên - Các chuyến xe
vé trở nên khó quá nhiều thứ timeline và chuyên dùng cho
khăn lặt vặt, không linh hoạt chỉnh những cuộc du lịch
- Kẹt chuyến, tên sửa theo nhu - Nhà hàng tiệc cưới
đặt nhầm - Muốn đi nhưng cầu của khách Holly Wedding
khách sạn không biết - Chỉ cần đeo 1 chuyên cung nhưng
- Lên nhầm điểm nào nên mã QR được món ăn cao cấp và
chuyến, khó đến thiết kế và 1 sảnh trang trí theo
đặt chuyến - Không biết lựa chiếc điện nhu cầu của khách
- Đem quá nhiều chọn phương thoại cài sẵn hàng
tiền, bị móc tiện di chuyển phần mềm, -
hết - Không biết đặc người dùng có
- Đem thiếu sản địa phương, thể tìm đồng
tiền, không đủ giá cả, bị chặt đội của mình ở
tiêu xài, chi chém bất kì đâu
tiêu không - Có tích hợp
thoải mái sẵn việc quản
- Mỗi cuộc đi lý đồ dùng, có
chơi như di thể đặt trước
dân, đem gần tất cả những đồ
hết đồ ăn trong cần dùng cho
nhà theo khiến chuyến đi và
chuyến đi từ chúng sẽ sẵn
mục đích xả sàng khi khách
stress thành đến
cuộc đi ăn rồi - Gợi ý điểm
ngủ đến lý tưởng,

Trang 4
 <LẬP KẾ HOẠCH>

tình trạng, món

ngon, giá cả
- Đặt sẵn món
ăn, hỗ trợ
thanh toán qua
app, chỉ cần tới
nhận

EXISTING EARLY USER GOALS VALUE REVENUE

SOLUTIONS ADOPTERS Giảm stress, PROPOSITION SOURCES
hưởng thụ một Càng gắn bó với Khách hàng thân
Go2joy Những cá cuộc du lịch đúng sản phẩm sẽ càng thiết
Travelkola nhân/ gia nghĩa, gắn kết có những ưu đãi Quảng cáo
TripAdvisor đình/ tổ chức giữa những cá cho những Nhà hàng, khách sạn
Cảm hứng: có thu nhập nhân với nhau chuyến đi, khách trong chuỗi
hằng tháng Không cần lo về sạn, nhà hàng METRICS
trên 15tr các khoản phí phát thuộc chuỗi nhà Tải ứng dụng, đk tài
Những doanh sinh hàng tiệc cưới – khoản miễn phí
nghiệp tư Không cần đối khách sạn – du Sử dụng lâu dài
nhân muốn tổ mặt với việc lạc lịch Holly Group Trở thành khách
chức du lịch đồng đội hàng thân thiết
cho công
nhân viên

4. Mô hình AARRR

Các Số phần trăm Quy đổi

bước Hoạt động Mô tả hoạt động khảo sát thành số
Người dùng sau khi được giới thiệu sẽ
Thu
Tải app tải app về 100% 100,000
hút
Đăng ký vào app Nhập vào thông tin cá nhân 90% 50,000
Dùng tài khoản đã đăng ký bằng
email hoặc số điện thoại và nhập mật
Đăng nhập khẩu 15% 15,000
Hoạt
Đặt một tour trên app, có thể giữ chỗ
động
Đặt mới một tour nếu chưa muốn thanh toán 70% 5,000
Chỉnh sửa lại số người trong một tour
Chỉnh sửa một tour đã đặt 30% 3,000
Thanh toán tour Trả tiền cho tour đã đặt 20% 2,000
Nâng cấp tài khoản để trải nghiệm tốt
Doanh
Nâng cấp tài khoản hơn 10% 1,000
thu
Tiến hành quảng cáo trong 30s khi đặt
Quảng cáo tour 10% 1,000
Người dùng giới Người dùng chia sẻ cho người quen
Giới
thiệu bạn bè của họ của họ nếu dịch vụ tốt 5% 300
thiệu
Chia sẻ Chia sẻ trên các nền tảng xã hội 3% 100
Trang 5
<LẬP KẾ HOẠCH>

II. ORGANIZE
1. Functionality map

2. Sitemap

3. Design Brief

Holly Travel
Trang 6
 <LẬP KẾ HOẠCH>

3.1. COMPANY CONTACT INFORMATION

• Tên công ty chính thức: Chuỗi nhà hàng-khách sạn-tiệc cưới Holly
• Địa chỉ công ty đầy đủ: Chuỗi nhà hàng-khách sạn-tiệc cưới Holly
• Liên hệ chính cho dự án (tên và tiêu đề): Holly Smart, Holly Wedding, Holly Group
• Người ra quyết định cuối cùng cho dự án: Huỳnh Ngọc Vân Anh
• Điện thoại: 0941839327
• Email: ngochuynhanh22111@gmail.com
• Địa chỉ trang web hiện tại: không
• Hosting (nếu bạn hiện có nhà cung cấp): không

3.2. GENERAL
 Ngân sách
 100.000.000 cho toàn bộ phần mềm
 Đặt cọc 50.000.000 để bắt đầu dự án
 Trả 10.000.000 cho mỗi yêu cầu được thêm vào trong tiến trình dự án
 Sau khi kết thúc dự án, thanh toán toàn bộ chi phí trong vòng 3 ngày
 Phạm vi
 Cho mọi đối tượng có nhu cầu đi du lịch
 Dòng thời gian
 26/8: lập hồ sơ UX
 3/10-10/10: lập hồ sơ UX1, vẽ mockup giao diện
 11/10-17/10: khảo sát người dùng
 18/10-24/10: nghiên cứu sản phẩm
 25/10-31/10:vẽ sơ đồ chức năng, và lên ý tưởng cho giao diện
 1/11-7/11: thiết kế sơ đồ chức năng
 8/11-14/11: thiết kế luồng
 14/11-21/11: nghiên cứu người dùng
 22/11-28/11: vẽ giao diện XD
 Tháng 12: hoàn thành đồ án
 Thời hạn
 Giữa tháng 12
3.3. PROJECT OBJECTIVE - BUSINESS GOAL
3.3.1. Mục tiêu: Cung cấp một trải nghiệm mới về những chuyến du lịch, khi mà toàn bộ
chi phí của bạn đã được lo đầy đủ chỉ với một chiếc điện thoại đã cài sẵn ứng dụng
3.3.2. Thông điệp: không có
3.3.3. Mục tiêu phụ: không có
3.3.4. Mục tiêu chung: tiếp cận nền công nghiệp mới, thử trải nghiệm tiện ích của việc số
hóa thành công
3.3.5. Khác biệt:
Khi bạn đặt trọn 1 tour du lịch bao gồm khách sạn và nhà hàng của chúng tôi,
bạn sẽ được nhận chiết khấu cho bất kỳ dịch vụ nào mà Holly hiện đang cung cấp
3.3.6. Những lý do chính tại sao khách hàng chọn công ty của bạn?
Tính an toàn: chúng tôi sẽ chi trả cho mọi mất mát tài sản của bạn

Trang 7
 <LẬP KẾ HOẠCH>

Tất cả chuyến xe của chúng tôi luôn đảm bảo có mặt nhanh nhất khi bạn gọi,
tiện lợi đi lại mà không cần mất thêm phí
3.3.7. Công ty có những mục tiêu nào trong kinh doanh?
Đem lại sự an toàn, tiện lợi cho tất cả các chuyến du lịch gia đình
3.3.8. Dự án đem lại lợi nhuận bằng cách nào?
Khách hàng thân thiết, đặt cọc, dịch vụ phát sinh

3.4. USER NEEDS

3.4.1. Đối tượng mục tiêu: nhân viên công sở và các hộ gia đình
3.4.2. Ba nhu cầu quan trọng nhất của đối tượng mục tiêu của bạn: an toàn, tiện dụng, dịch
vụ chăm sóc khách hang
3.4.3. Những users có những đặc tính, thông tin nào?
Than mệt nhưng lại xách quá nhiều đồ khi du lịch, mong muốn bản thân không phải
lo lắng khi đi chơi nhưng lại có quá nhiều thứ cần sắp xếp, muốn đi chơi đây đó
nhưng lười, bể kế hạch
3.4.4. Users cần những gì, có những nhu cầu nào, và có mục đích gì?
Cần: hiểu hơn về bản thân, gia đình hoặc đồng nghiệp
Nhu cầu: tổ chức đi cắm trại, teambuilding, đi phượt
Mục đích: giải trí, vui vẻ, gắn kết hơn với gia đình, đồng nghiệp

3.5. PERCEPTION AND DESIGN

3.5.1. Ba tính từ để mô tả cách người dùng nên cảm nhận trang web mới: thân thiện,
chuyên nghiệp, sang trọng
3.5.2. Bạn cảm thấy điều gì là thách thức lớn nhất trong việc đưa hình ảnh này đến với
khách hang: khách hàng đã quen với du lịch truyền thống, trong thời gian ngắn khó để
tiếp cận được với khách hàng
3.5.3. Mô tả bất kỳ yếu tố hoặc phong cách trực quan nào có thể được sử dụng từ các
tài liệu tiếp thị hiện có hoặc tài sản thế chấp, công ty hướng dẫn phong cách, vv ..:
không có
3.5.4. Liệt kê bất kỳ trang web nào bạn thấy hấp dẫn. Bạn thấy điều gì thú vị nhất về
các trang web này:
Metrip: giao diện đẹp, thận thiện với người dùng
Traveloka: đầy đủ thông tin, dịch vụ để khách hàng lựa chọn

3.6. FUNCTIONALITY, CONTENT

- Mô tả chứng năng của sản phẩm
Đặt tour:
Chọn tour cần đặt
Thanh toán:
Giữ chỗ: trong vòng 24 nếu không thnah toán toàn bộ số tiền sẽ bị hủy
Thanh toán: thanh toán toàn bộ số tiền có trên hóa đơn
Hủy đơn đặt: chỉ có thể hủy đơn đặt khi chưa đóng cọc, nếu không sẽ mất ½
cọc
Xem thông tin:
Trang 8
<LẬP KẾ HOẠCH>

Xem thông tin đơn đặt (trạng thái)

III. THIẾT KẾ LUỒNG(FLOWS)

1. Journey map

2. User stories

Trang 9
<LẬP KẾ HOẠCH>

3. User flows

Trang 10
 <NGHIÊN CỨU NGƯỜI DÙNG>

Chương 3. NGHIÊN CỨU NGƯỜI DÙNG (DISCOVER)

I. USER INTERVIEW
Câu hỏi Trả lời Người trả lời
Thường là vào sáng sớm, hoặc
Bạn thường bắt đầu chuyến đi
tối hôm sau để tôi có thể tận
chơi vào thời gian nào trong
hưởng toàn bộ thời gian đi chơi
ngày?
vào ngày hôm sau
Tôi thích đi chơi một mình hơn,
mặc dù cùng với gia đình vui
Bạn thích đi chơi cùng gia
hơn, nhưng một lần cần chuẩn bị
đình hay một mình?
quá nhiều, từ ăn uống, nghỉ ngơi
đến việc thuê xe
Bạn thường đặt vé của một Tôi thường chỉ tìm kiếm những
tour trên app hay bạn chỉ tìm chuyến xe để tôi có thể đến đó
kiếm những chuyến xe để bạn và về nhà, tôi cho rằng như vậy
có thể di chuyển đến đó? thì tự do hơn về thời gian
Bạn nghic sao nếu có một app
mà bạn có thể đặt tour cho cả Vậy thì tuyệt, tôi có thể kiểm
nhà nhưng bạn vẫn có thể sắp soát được chi tiêu cho cả chuyến
xếp lịch trình của tour theo ý đi
bạn muốn
Tôi hy vọng app sẽ chạy nhanh,
Bạn hy vọng app sẽ phục vụ dung lượng ít, và số tiền hiện
tốt cho bạn về mặt nào nhất trên app là số tiền cuối cùng mà Trần Nguyệt
tôi phải đóng.

II. OBSERVATION
P
Problem P1 P2 P3 4 P5 Tổng
Người dùng than phiền về tiến trình đăng nhập quá chậm 0
Sử dụng nút "đặt tour" 1 1 1 1 1 5
Hỏi về việc xuất hóa đơn 1 1 2
Hỏi về việc xem thẻ khách hàng 1 1 1 3
Mong muốn việc chỉnh sửa tài khoản nhanh hơn 1 1 2
Mong muốn việc thanh toán mất ít tời gian chờ hơn 1 1 1 1 1 5
Hỏi về việc xem chi tiết tour 1 1 1 3
Mong muốn giá ghi trên tour trong quá trình đặt là giá cuối cùng
phải trả 1 1 1 1 1 5
Muốn có nhiều khuyến mãi hơn 1 1 2
Than phiền về phông chữ 1 1 2

Trang 11
 <NGHIÊN CỨU NGƯỜI DÙNG>

Không có hộp thoai chat 1 1 2

Trang 12
< PHÁC THẢO WIREFRAM >

Chương 4. PHÁC THẢO WIREFRAME (EXPLORER&DEFINE)

I. CÁC LUỒNG WIREFRAME

Trang 13
< PHÁC THẢO WIREFRAM >

Trang 14
< PHÁC THẢO WIREFRAM >

Trang 15
< PHÁC THẢO WIREFRAM >

Trang 16
< PHÁC THẢO WIREFRAM >

Trang 17
< PHÁC THẢO WIREFRAM >

II. BẢNG STYLE GUIDE

III. BẢNG MOODBOARD

Figma

Trang 18
< PHÁC THẢO WIREFRAM >

AdobeXD

Trang 19
 Chương 5. THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE)

I. GIAO DIỆN CHÍNH

< PHÁC THẢO WIREFRAM >

II. CÁC LUỒNG PROTOTYPE (GIỮ NGUYÊN NHƯ WIREFRAME)

Trang 21
< PHÁC THẢO WIREFRAM >

Trang 22
< PHÁC THẢO WIREFRAM >

Trang 23
< PHÁC THẢO WIREFRAM >

Trang 24
< PHÁC THẢO WIREFRAM >

Trang 25
 KẾT LUẬN

1. Những vấn đề đã làm được

Đặt mới một tour
Chỉnh sửa thông tin tour đã đặt nhưng chưa thanh toán
Hủy một tour đã đặt nhưng chưa thanh toán
2. Những vấn đề chưa làm được
Không thể chỉnh sửa khách sạn
Không thể chỉnh sửa nhà hàng
Không thể chỉnh sửa loại phương tiện
Không thể lập timeline co chuyến đi
3. Hướng phát triển
Có thể lập time line cho chuyến đi

Trang 26
 TÀI LIỆU THAM KHẢO
slimweb.vn
typeform.com
blog.hubspot.com

Trang 27
Chương 6. TÓM TẮT DỰ ÁN TRÊN DRIBBBLE

Trang 28
https://dribbble.com/NgocHuynhAnh999/drafts

Trang 29