The website
All the pages are topped by a fullscreen header image with title, quote or other elements – such a search bar in the homepage.
The imagery is colourful and vivid, giving an energetic character to the website. Such energy is echoed by the brand colours – blue-green and orange – which are sided exclusively by tones of grey, giving a hint of seriousness and cleanliness.
The homepage
After a first screen with a search bar giving immediate access to the trip planning, the homepage is divided in few sections. A short company introduction is followed by a three-steps explanation of the booking process. Then there are the destinations, a form to enter the destinations where users would like to go and, finally, a testimonials section.
Routes page
After a first screen with a search bar giving immediate access to the trip planning, the homepage is divided in few sections. A short company introduction is followed by a three-steps explanation of the booking process. Then there are the destinations, a form to enter the destinations where users would like to go and, finally, a testimonials section.
Trip page
After a first screen with a search bar giving immediate access to the trip planning, the homepage is divided in few sections. A short company introduction is followed by a three-steps explanation of the booking process. Then there are the destinations, a form to enter the destinations where users would like to go and, finally, a testimonials section.
Sidebar pop-ups
Dates, car and travellers are editable at any time from the sidebar pop-up menus.
Main section pop-ups
This page is certainly the most complex of the website, since here users can add and edit pick-up and drop-off points as well as the steps of their trip. For each step is possible to choose whether to stay overnight or to stop only for few hours while going from a destination to another. For this reason the “add destination” pop-up showcases also the map with some suggested stops along the way which users can select. In alternative users can add custom steps through the search bar.
Other pop-ups in this page are the share plan and one for each point on the map providing some information. The map is designed and integrated through Mapbox.
Login and profile pages
For both these pages the full-image header has been scrapped in order to make them more immediate and accessible.
Plan page
This page is accessible only after the login and contains a summary of all the user plans. The hamburger menu in each section opens up the plan summary, clicking on the “amend plan” at the bottom, users will be directed to the trip page.
