The idea itself is simple. I want to create the ultimate travel interface which allows clients to submit data in serveral fields on the same page that are located within acordians and tabs. When the client enters the data, they can close the tab or accrodian, but the data will stick, until they submit it and then the data will be sent to my email. All fields should be optional, meaning that a client can choose to make a reservation, but not to include any of our services or promotions, or that they can choose a promotion, but forgoe the reservation and/or services. etc.
Part 1: Reservations
What I essentially want is an accordian in which clients can make a air, ground or hotel travel reservation, should they want to.
The accordian would be in the following order
Travel Booking
Hotel Reservations
Ground Transportation/
The accordian should open upwards. so when the client clicks on Hotel Reservations, the page moves up rather than down allowing them to see the hotel reservations data field.
When the client has finished, the data from this selection should then be kept and the client should be able to move to one or all of the following tabs. This data should be submitted only when the client selects the submit button, which will be located at the end of the available tabs
Tabs should appear in the following order
TAB 1 SERVICES TAB 2 PROMOTIONS TAB 3 REQUEST A QUOTE. The content for each tab can be seen below.
Tab 1 Services
In this tab, a list of our services would appear. Each service has a picture, and they would need to extend accross the page to allow the greatest visability. This service tab would need to have the option of organizing the data by categores and the client would have to have the option of choosing a service or multiple services and adding them to their basket. IDEALLY we could include a recommended option in the organize by menu, that would filter content relevant to the data filled in the reservation accordian ( the important fields here would be origin and destination, but could include # of passengers). The idea is that if a client were to be travelling to a country that required certain documentation, such as visas or translated documents, that the filter would detect this and add our visa and translation services to the by recommended results list.
It is important to note that the organize by would have to be a drop down menu, and that it CANT be a series of buttons, as I want this to be usable on a smart phone.
Tab 2 Promotions
This tab would be identical to the services tab, but it would include current promotions instead. Clients would need to be able to sort the promotions by categories also. IDEALLY the promotins which appear would be relevant to the services that were previously selected, but I presume this may not be possible.
What is important to note here is
a) I would need to be able to update, add and remove promotions with little difficulty, and
b) that the organize by option is a drop down menu.
Tab 3: Request A Quote
This should show the client what they have chosen ( ideally it will have the pictures and the names of each service and or promotion present), and provide them with the chance to uncheck each of the services and promotions that they previously selected. Think Woocommerce checkout but without prices ( at least for now)
This should also include the check out option, in which the client would send us their order which would arrive in my email.
Final note
While the appearance matters to me, the functionality is by far the most important in this project as I want an extremely easy to navigate user interface.