![](https://static.wixstatic.com/media/11062b_4b7c9a8e48334d5aad2fd274fddba3bc~mv2.jpg/v1/fill/w_288,h_192,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/11062b_4b7c9a8e48334d5aad2fd274fddba3bc~mv2.jpg)
![mockup-of-two-iphones-12-pro-max-with-a-plain-background-5014-el1.png](https://static.wixstatic.com/media/064332_583b8954920c491ca87f08deba442086~mv2.png/v1/fill/w_61,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/064332_583b8954920c491ca87f08deba442086~mv2.png)
FLY UX
A study project to develop a better flight booking app.
The new app would face challenges with booking flights during a pandemic. But also to offer other requirements to book a flight.
![mockup-of-two-iphones-12-pro-max-with-a-plain-background-5014-el1 (kopia).png](https://static.wixstatic.com/media/064332_5d3da88b6bf7452aa70a330ad80f6842~mv2.png/v1/crop/x_190,y_0,w_1678,h_1920/fill/w_354,h_405,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/mockup-of-two-iphones-12-pro-max-with-a-plain-background-5014-el1%20(kopia).png)
Benchmarking
To learn which functions to use and how the user worked through a flight app and did some research with benchmarking. I found the use of combining illustrations, colors in the forms was used as a way to direct to a flight booking or a hotel booking.
![](https://static.wixstatic.com/media/064332_c6a4e16b9c4840d98e655c4c3ba9f363~mv2.jpg/v1/fill/w_803,h_568,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/064332_c6a4e16b9c4840d98e655c4c3ba9f363~mv2.jpg)
![](https://static.wixstatic.com/media/064332_3b9a3c6e271a4c53a8bbfd0e31b90850~mv2.jpg/v1/fill/w_145,h_102,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/064332_3b9a3c6e271a4c53a8bbfd0e31b90850~mv2.jpg)
Affinity diagram
I took my research results and sorted it to start find a pattern in an affinity diagram.
![IMG_2228 2.HEIC](https://static.wixstatic.com/media/064332_34395910a5564a2f9e64feee15776300~mv2.png/v1/fill/w_76,h_57,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2228%202_HEIC.png)
![](https://static.wixstatic.com/media/064332_f0023e7822a14ba6884fb824054731fc~mv2.png/v1/fill/w_76,h_57,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/064332_f0023e7822a14ba6884fb824054731fc~mv2.png)
Customer Journey
After a first user test in an existing flight app I presented the results with a customer journey map.
![Artboard.png](https://static.wixstatic.com/media/064332_3237d0ce1668481da54c398cda3fb2b1~mv2.png/v1/fill/w_76,h_73,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Artboard.png)
User Flow
The functionality was starting to take shape for the new flight app. In this user flow I put my research results to use.
![LouiseThomssonErixon_project8 (kopia) 2.png](https://static.wixstatic.com/media/064332_a6a52d121f564fc49f88c3d5d7e9c118~mv2.png/v1/fill/w_49,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/LouiseThomssonErixon_project8%20(kopia)%202.png)
Sketch
First sketching of the new app. I wanted to keep the booking process to a minimum of steps. So I took inspiration from other booking apps with a fixed selection menu at the botom om the screen, to make it easier for the user to see where in the booking process it was. But also to give the user overview of the content.
![IMG_2612.JPG](https://static.wixstatic.com/media/064332_c68edf03a43943f4ab5b6947664ed16c~mv2.jpg/v1/fill/w_64,h_108,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2612_JPG.jpg)
![IMG_2613.JPG](https://static.wixstatic.com/media/064332_9d53ceaba56e4f5e84c2f8859a0cab18~mv2.jpg/v1/fill/w_55,h_108,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2613_JPG.jpg)
![IMG_2615.JPG](https://static.wixstatic.com/media/064332_1451e52962ba4fbb921012b988dc10e0~mv2.jpg/v1/fill/w_53,h_108,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2615_JPG.jpg)
![IMG_2617.JPG](https://static.wixstatic.com/media/064332_d3392131c161410b8f5289dda0847358~mv2.jpg/v1/fill/w_65,h_108,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/IMG_2617_JPG.jpg)
Wireframe
![Login-wireframe.png](https://static.wixstatic.com/media/064332_513e555709f343ebad5573968a03ac34~mv2.png/v1/fill/w_94,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Login-wireframe.png)
![Search result return-wireframe.png](https://static.wixstatic.com/media/064332_fad3a6b8c86445599db24441369ffe7a~mv2.png/v1/fill/w_94,h_251,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Search%20result%20return-wireframe.png)
![Search-wireframe.png](https://static.wixstatic.com/media/064332_4832f347c55246ba82ccee3ddca6d9b5~mv2.png/v1/fill/w_94,h_190,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Search-wireframe.png)
![See bookings-wireframe.png](https://static.wixstatic.com/media/064332_22325daadb1d4435a3b29b979932e462~mv2.png/v1/fill/w_94,h_182,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/See%20bookings-wireframe.png)
Mockup
I added colors to the design. To make the content to get more distinguished.
![Login.png](https://static.wixstatic.com/media/064332_e86a976959604f318ba2cd4b4a091f9f~mv2.png/v1/crop/x_25,y_0,w_334,h_667/fill/w_94,h_188,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Login.png)
![Search result return.png](https://static.wixstatic.com/media/064332_6a1d75b0d6e44fd395f3356cfd40e9a6~mv2.png/v1/fill/w_95,h_254,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Search%20result%20return.png)
![Search.png](https://static.wixstatic.com/media/064332_046fdaacf88646d8a7db9f6b312a08af~mv2.png/v1/fill/w_93,h_189,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Search.png)
![See bookings.png](https://static.wixstatic.com/media/064332_b4b4bed152a047a589ba7dd624fb044f~mv2.png/v1/fill/w_93,h_180,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/See%20bookings.png)