Maeving is a Britain’s startup first electric motorcycle manufacturer is defining the future of urban travel; leading the charge to EVs using the best of tomorrow’s technology.
Thails faced the exciting challenge of developing a user-friendly motorcycle configurator. This tool needed to allow customers to tailor their Maeving motorcycles to their personal tastes and requirements, showcasing our expertise in UX/UI design and technical development.
Our contribution
– UX/UI Design
– Appless product configurator
Tech stack
– Shopify theme developement
– Shopify Metaobjects
– HubSpot integration
The Challenge
The configurator project entailed incorporating a multitude of combinations and characteristics for the motorcycle, ensuring a comprehensive customization experience for users.
Motorcycle model
Users have the ability to select from a variety of battery specifications under the performance options, tailoring their choice to fit their personal preferences or specific needs. Additionally, within the settings, there’s an option to add an upsell product.
Tank Colour
The Tank colour, which originates from metaobjects, serves as the initial step in visually customizing the motorcycle. This option specifically allows users to update the color of the motorcycle’s tank, reflecting the changes in the gallery. This addition marks the first of several visual enhancements designed to personalize the motorcycle’s appearance.
Seat colour
The “Seat” customization feature allows users to select the material for their motorcycle’s seat, offering a variety of options to enhance comfort, style, and durability according to their preferences.
Addons and extra products
Storage and other addons are possible to add to the motorcycle configuration. These are easily configurable in Metaobjects.
Summary page
On the summary page, users can easily change their motorcycle customization options they’ve previously selected. With each change, the page will immediately update both the price and gallery to show the new configuration, allowing users to instantly see the effects of their customizations, without the need to go back in the configurator.
Additionally, users have the option to apply for financing directly from the summary page , making the purchase process seamless and integrated.
The configurator goes beyond offering customization options by providing users with the ability to save their configuration settings for future reference. This feature ensures that users can revisit their personalized choices at any time, allowing for a convenient way to make adjustments or finalize their decisions later on.
Additionally, we integrated the configurator with HubSpot, not only for retargeting purposed but also to equip the sales team with valuable information when contacting the customer to assist on the purchase.
In instances where a user does not complete their purchase, the configurator generates a unique URL linked to their specific configuration. This URL is then sent to the user, offering them a direct and hassle-free way to return to their saved configuration. This thoughtful feature ensures that users can easily resume their customization and purchasing process without having to start over, thereby improving the overall experience and increasing the likelihood of purchase completion.
Check out some more showcases
Feel inspired by our clients
Absolut Elyx Boutique
Acting as an integral part of their team, providing support for expansion into three new markets.
Gooseberry Intimates
Absolut Elyx Boutique
