One of Nomad’s main requirements for the website was a quick way to search for tours, using sensible parametric search filters that would apply to direct clients as well as agents. With this, the Tour Finder was born. We broke down the tours into 11 searchable attributes, plus a free form search field that autocompletes both tour names and highlights. The Tour Finder is now by far the most used page on the website.
The Look and Feel
We contracted Created by Danielle, our affiliated design company, to design and help conceptualize the website’s user experience (UX). (see CbyD’s website for details on designing the website)
To graphically display Nomad’s tours, we created our own mapping library based on Leaflet. The site can generate a map with the route and highlights based on all posts that make up the tour. To ensure visual consistency, we created our own map for Nomad using MapBox‘s TileMill.
With Advanced Custom Fields we added a plethora of custom fields for every type of post (days, highlights, countries, tours, etc.). These pull through to the front end in their allocated spots in the design, ensuring consistency in the layout.
To create the actual page templates, we used Timber, our new favourite WordPress project out there. Timber completely abstracts the logic from the representational template files. Go to the website and check it out.