The Framework design team began working with Lost City to establish the overall goal for the website design. The new site needed to be easy to navigate and offer a user-friendly experience; additionally the Lost City team wanted the look and feel of the site to mirror the adventure themes of the golf courses themselves. A core goal was also to create a design that attracted more of the young adult demographic, thereby helping to encourage more students and young people to book in. The design team worked to create a site that incorporated different aspects of the golf courses into the visual appearance. We used neutral colours such as khaki green and light mauve, with occasional pops of orange and red, to capture the feel of an adventure film. We also used video clips and images of the courses themselves to capture the atmosphere of Lost City Adventure Golf.
Additionally, the design team worked on new illustrations and animations for the Lost City website. Illustrations were created in the style of ancient etchings to further capture the theme of exploration. We used graphics to provide both a visual and tactile experience, for instance, we used leaves at the top of the page to mimic an explorer’s first glimpse of a temple through the jungle brush. Throughout the site, we also used graphics of skulls and reptiles to further bring the theme to life. Animations were also used, for example, the Lost City logo outer board spins while the page loads to give the user a feeling of the entrance to the experience being unlocked, and again serves to fit the theme of exploration and adventure.
Development work on the website was done to implement the new designs provided by the design team. Additionally, Lost City had asked for a way of integrating 3rd party software to their existing website, so that an online booking system and payment gateway could be applied. The Framework developers were able to assist with this request by building a website separate from the company’s existing WordPress site. This would be solely responsible for containing the booking and payment software. The new site was built on Laravel and the developers implemented TakePayments and Fusemetrix, to provide a payment gateway and booking system. This meant that Lost city could easily process payments and offer organised real-time booking to their customers.