Mubea U-Mobility: Multisite for urban micromobility solutions

Project goals and results

Although the core idea of all products is based on innovative, sustainable and, above all, customer-orientated mobility solutions in the field of urban micromobility and logistics, the requirements are very different. The Cargo website is B2B-orientated and integrates an interface to Salesforce. The XBoard website, on the other hand, is aimed at end customers, is experience-orientated and uses a Shopware component as a shop solution. Our aim was to develop all website modules and features in such a way that the three current websites can benefit from the functionalities and the editors have a standardised interface so that they don't have to keep reorienting themselves.

In the front end, we rely on a standardised basic layout that differs in the style and intensity of the interface elements depending on the website. The stringent appearance creates a consistent integration into the brand architecture of Mubea U-Mobility and helps to ensure that all of the company's product solutions are perceived as part of a common brand. Nevertheless, each product brand has its own room for manoeuvre when it comes to addressing specific target groups and designing content. To ensure a high degree of flexibility when maintaining the websites, the editorial team has an extensive set of content modules (paragraphs) at its disposal.

The challenges

Despite the sometimes graphically intensive content, our focus was always on quality control with regard to fast loading times and the continuous improvement of the user experience, especially on mobile devices. A task that requires constant monitoring, analysis and optimisation. To achieve this, we implemented responsive image styles, optimised image compression and loading speed as well as lean code.

The particular challenge for the XBoard website was to integrate the video content in a high-performance, accessible and user-friendly way. This means creating a fluid and interactive user experience that is supported by the use of modern technologies and media. A particular highlight, which unfortunately cannot yet be seen live, is an interactive module that combines click and mouse-scroll interactions with video elements.

On the Cargo website, the focus was on the flexibility of the backend when recording product properties and combination options, which then make the modular principle of the product tangible via a configurator. The aim was to design the backend architecture in such a way that different combinations can be managed exclusively via maintenance. This includes various dependencies of the specifications across all product categories.

The configurator was implemented as a React application (headless) and receives the data from Drupal via a REST interface. At the end of the configuration process, the website transfers the information and user data to Salesforce. The Salesforce connection is also relevant in the area of lead generation and was seamlessly integrated into the front-end design of the website so that there are no breaks in the user journey.

Small but nice: We would also like to emphasise the integration of the double opt-in functionality into the Brevo module, which was previously missing and has now been added by us.