Web Technologies (airline ticket reservation system) – uni 2nd year module work


Firstly looking at the Easyjet application overall the seat booking system is successful and a clear and easy to use system. The page is well branded using the bold orange logo and colour scheme of the Easyjet brand. Orange is a great colour choice as it is seen to be a positive colour symbolising things such as happiness, energy and adventure – apt for holidays! The fonts are sans-serif and black with a high level of contrast against the background making them easy to read. White space is utilised successfully so the page does not appear cluttered. The layout is logical with the seat reservation area on the left third, the key and seat chosen in the middle, then the pricing and booking summary on the right third of the page which slides down as you scroll down.


A negative aspect of the design of the Easyjet system is that the design is not responsive and it is difficult for mobile users to select seats on the website. I have designed my system to be responsive and show the booking info at the top and the seat selection at the bottom on a mobile device.

On my system, I used Arial as the font based on the design specification. The font size has been left as standard as I feel this is of a size which is clear and easy for users to read. The font has a good level of contrast with the background. The background is an edited image of the sky found online that I have altered for a subtle texture and is also fitting for an airline company.  For the summary areas, I have used a light blue hex value taken from the background image so that the text has more contrast and is clearer. I also designed a logo using the same original background image. The overall design and colour scheme is sleek and suiting to an airline company.


On the Easyjet website, it is easy for the user to see the available seats as they are highlighted using a blue colouring. The unavailable seats are ‘greyed out’ discouraging the user from clicking these options and the mouse shows as a cursor rather than a pointer, which is great usability. The selected seats are orange providing a good level of contrast with the blue, which is a complementary colour and creates a vibrant high contrast look. I have used a similar idea for my system with red for unavailable seats and the free seats are left as the background image. The red clearly highlights that these seats are not free and the user receives a message when they are not able to select showing good user feedback. The pricing areas highlight clearly when the user hovers over and the selected seat colour show clearly against the highlighted area colour. The user is able to select and unselect seats and is given a message if trying to select more seats than tickets.


The selection process on Easyjet is interactive and the images on the seat selection area go from a standing person icon to a seated as the seats are selected. The user is able to unselect and reselect seats and the system will not allow the selecting of more seats than the number of tickets booked. If I had had more time to complete my application I would have added in a similar interactive seat counter, as although mine keeps count of the seats it does not display these in an exciting way to the user.


The seat prices are clearly displayed beside the area with the prices and a description with a link to click on for more info on that area of the plane. I find the box pops up in an awkward position obscuring some of the other information on the page. This could have been better done with some kind of expanding box, which shrinks other elements. The main criticism I would give is that there is no running total of the cost of the seats as you reserve them and the subtotal does not update till after the seats have been saved but the user is still able to go back and change the reservation for differenced priced seats.


I have also not completed my payment information within my application. The total of the ticket price is calculated but the seat prices do not show or update. I had planned to try to keep a running total within the application and then as the user saves the final total is shown and if they select the credit card option this is then updated.

The website provides a breadcrumb at the top of the page giving the user clear feedback on the stage of the overall booking process. ­­­Payment options are given clearly with the final price displayed and on clicking pay their website drives further sales by offering the adding of hold luggage or insurance. The further screen links into hotels then cars, which is again a great upselling technique but could be frustrating for users who have to click through endless screens in order to pay.

Overall I feel the Easyjet is a clear and easy to use system for their users although it does have a few flaws as highlighted. With my system, I am pleased with the overall progress made currently on the system given that I am new to using JQuery coding and I know the steps I would take for future development.

Easyjet system

My system (top and bottom of the screen)
link: http://socwebtech1.napier.ac.uk/~40215502/cw1/