2018 – REDESIGN AND PROTOTYPING
grayline.is​​
Request

Overall redesign focussed on:
1. raise online sales 
2. improve search rating
3. optimizing the mobile experience
​​​​​​​Response

1. To increase the online sales a lot of work was done to the backend, speeding up the buying query considerably. I looked into changing the routing when it came to what to ask at what point. The main reasoning being to have as quickly as possible a product in the basket, to have that red dot at the top of your screen. To achieve this we only asked the main questions: date and number of travellers. Questions like selecting your pickup point, if you want a child seat and other add-ons where all moved to a later moment.

2. Aside from rewriting the content, increase cross-linking and proper use of headline stacking to improve the SEO, it was equally important to find a way to put more content above the fold without taking away the big hero image. The solution for this was found by stepping away from a center aligned grid and instead move the grid to the right side of the screen. Having a fixed width content column on the right side, leaving space on the left side for the hero image. Adding movement to the image upon scroll shows the framed out parts. The size of the screen and length of the page determines how much the image would move upon scroll.

To increase traffic I suggested a restructuring of the website adding more non-tour specific information pages about waterfalls or different geothermal areas. Aiming to create more traffic on general search terms and again adding more possibilities for cross-linking.

3. To give the visitors a better mobile experience, bite-size info was put together with the book button within easy thumb reach, stuck to the bottom of your screen visible at all times. Images have been scaled down, speeding up loading time and pushing the content again higher up on the screen.

Designed within Figma and build in Webflow.
old and new
Gray Line
Published:

Owner

Gray Line

Published: