Ohay Canoë Kayak – Booking & Multilingual Site

Industry: Tourism and Hospitality Agency: Anyma Duration: 3 Weeks

About the brand: Ohay Canoë Kayak is a family-owned business run by locals who grew up paddling the Loire River in France. Their mission is to help visitors and tourists discover the Loire in a different way with authenticity, kindness, and deep respect for the Loire River, which is listed as a UNESCO World Heritage Site.

I collaborated with Anyma Agency for the rebrand of Ohay Canoë Kayak. Martin and Hugo needed an experienced webflow developer who can;

Implement pixel-perfect development of their Figma design.

Integrate Guidap to manage appointment bookings for Ohay Canoë Kayak.

Utilize Webflow localization for multi-language.

Add Cookiebot to identify and categorize cookies, ensuring compliance with data protection regulations like GDPR and CCPA.

The project kicked off with an introductory call with Martin and Hugo detailing the project scope and their need for a developer who has eyes for details. I approached the project in 3 phases; Static development, CMS structure, functionality and third-party integrations.

The first step was translating the Figma designs into Webflow pages. For a multilingual website on Webflow, it is important to establish the base language and French was chosen.

From day 1 – 7, I worked on developing all the pages (including static development of dynamic pages). This approach optimized my entire speed for the delivery of this project. In this phase, I also ensured the responsiveness were attended to, the stagging domain was tested on various screen sizes.

I created a CMS structure that allowed the team to easily add, edit, or manage content for Tours, Reviews and Blogs. For SEO best practices, I created the tables in the blogs with HTML using Webflow Richtext embed code and this effort made the table visually responsive. Dynamic contents were further translated in the secondary locale. For the review CMS, I utilized conditional logic to display the initials of client name when their picture is not available and vice-versa. During the development, I discovered that it was impossible as at the time of the project for Webflow localization to translate date field in CMS into another language other than English, this was resolved with custom code.

First it was Guidap, this agile software handles the booking and appointment for Ohay Canoë Kayak. The integration of Guidap was made functional both for English and French locales making user experience seamless. Furthermore, I utilized Swiper JS for all the sliders in this project because Webflow slider creates empty spaces when it reaches the end. Setting up the Webflow localization was easy because this was my 7th project requiring it plus the team provided Figma designs in both languages with updated contents. Additionally, I implemented Cookiebot to identify and categorize cookies, ensuring compliance with data protection regulations like GDPR and CCPA. The Cookiebot also adhere to various locales.

Being a wordpress to Webflow transfer, I maintained existing url for slug in other to retain search engine visibility. I added alt text for images, structured metadata and utilize efficient code structure where applicable.

The new website positioned Ohay Canoë Kayak to attract local customers and tourists effectively. A refined UX with pixel-perfect development strategy makes navigation easy while the multi-language offers lingual options to visitors.