SoloProtect
Development tools
Figma
JavaScript
SwiperJs
Finsweet
Localisation
SoloProtect is a global leader in lone worker safety devices and apps, offering 24/7 emergency support, reduced risk, and enhanced personal safety. This project aimed to expand their US-based platform into Europe by launching four localized sites—UK, France, the Netherlands, and Germany—using Webflow's localization features.
The project posed a unique challenge due to the client's need for tailored communication with users in different regions, requiring custom layouts for each locale—without the benefit of Webflow's enterprise plan. Without this plan, we faced limitations in freely adjusting layouts, modifying the number of items displayed in sections, or using different icons and images unless they were linked to the CMS collection.
Additionally, the blog article lists required localised date formatting: for example, the US displays the date starting with the month, the UK starts with the day, and Germany starts with the day but adds a dot after the date. These regional nuances presented significant complexity in maintaining both design flexibility and functional consistency across all localised sites.
Faced with the challenge of creating distinct layouts for different regions, we knew we had to find a creative solution within the constraints of Webflow’s standard plan. Rather than being restricted by the lack of flexibility, we reimagined the relevant sections as components. This approach gave us the freedom to customise each region's layout by adjusting the number of displayed items, swapping assets, and tailoring theme colours—essentially building a dynamic structure that could adapt to each locale’s unique needs, all while avoiding the need for Webflow’s enterprise plan.
When it came to managing the varying date formats across the different regions, the solution was found in custom code. Using JavaScript’s Intl.DateTimeFormat() function, we were able to automate the adjustment of date displays to match each country’s specific conventions. The result was a seamless experience for users, with dates formatted correctly for the US, UK, Germany, and the Netherlands, ensuring a truly localised and consistent experience across all the sites.
