Fast multilingual website for the green e-scooter rent platform

Setting the stage for a successful project

The main source of user engagement on the platform comes from its mobile website. Given this insight, our research process prioritized the development of mobile-friendly pages first before adapting them for desktop use.

This strategy deviates from the conventional approach, which usually focuses on desktop design before considering mobile compatibility. We adopted this method to ensure that the mobile experience is especially remarkable.

Our plan was to create 14 unique page templates in line with the client’s brand and minimalist mobile app style.
{{alvina-gayevaya}}

Minimalistic and clear interface

To improve UX, the client’s in-house team restructured and refined the page layout and content. Halo Lab’s experts established a fresh and minimalist aesthetic to connect with the youthful and eco-conscious felyx audience.

For this, our team of designers created a comprehensive UI Kit based on their brand guidelines and worked out various design solutions, including a movement concept, animations, and a dark backdrop mode

One key element of our approach was the metaphor of a road, which we used to strengthen the website's distinctiveness and visual identity.
{{alvina-gayevaya}}

Tech analysis in preparation for the development

During the research, our team identified the best technologies to bring all ideas to life. These included Sanity CMS and tools like Next.js, React.js, Framer Motion, Redux, Formik, Radix UI, and Swiper.

As per the client’s request, we also migrated CookieBot and Google Analytics from the old website. This allowed them to centralize website management efforts and simplify their toolset.

The goal was to develop a fast mobile-first, multilingual (NL, EN, DE, FR) website consisting of 11 distinct templates.
{{anna-zavaliy}}

Simplifying website management and data collection

We integrated Cookiebot, a flexible tool offering customizable user consent banners that our client can adjust without developer intervention. For form submissions, especially for customer inquiries and issues, our team utilized Zendesk.

This was the service previously used by felyx, to ensure prompt support team responses. Additionally,  Halo Lab developers employed the Mailchimp system, allowing for pre-designed mailings and relevant statistics tracking.

By integrating third-party technologies, we boosted our capabilities, streamlined workflows, and opened new growth and innovation opportunities.
{{anna-zavaliy}}

Navigating complexity in animation development

Animation creation was challenging due to its intricate design and functionality. Our team invested significant effort into crafting animations that captivated users visually and smoothly integrated into the responsive website layout.

Additionally, ensuring that these animations could dynamically pull data from the admin panel added another layer of complexity, demanding careful planning and implementation to achieve the desired outcome.

We tested, fixed, and tried a lot, conducting additional technical research — all to guarantee the project’s highest quality and functionality.
{{anna-zavaliy}}

Bug-free functionality to boost user satisfaction

Our team tested the functionality of each element, found and fixed a number of bugs on various devices, increasing the interaction satisfaction from users and thus improving conversion rates.

Halo Lab specialists ensured product quality and informed stakeholders by conducting testing and addressing technical limitations, risk factors, and unclear requirements throughout the development process.

Smooth transition from development to deployment

Once the functionality was fully developed, tested, and approved by the client, we seamlessly redirected the domain from their old website to the new one. Our team opted for Vercel as the project’s hosting service, a reliable platform we’ve used for several projects.

Vercel offers excellent compatibility with Next.js and supports Sanity CMS integration, making deployment hassle-free. It also syncs effortlessly with  , allowing us to update the code with a single command, getting the client’s website ready for live usage.

We made sure the website was fast, accessible, and catchy for users to download the app and enjoy felyx’s service.
{{anna-zavaliy}}

Customization, training, and ongoing support

The admin panel was highly flexible and full of features, allowing us to customize the site from the ground up. To help the client easily get used to it, we prepared instructions, recorded video tutorials, and provided direct assistance.

In addition, to ensure everything works as intended, our team provided the client with 40 days of post-release support, fixing bugs and making sure felyx’s website didn’t suffer from any hiccups or interruptions.

Despite the project’s vast scope and strict deadlines, transparent communication with the client helped us handle all development and design nuances.
{{anna-zavaliy}}