Maeving Shopify Configurator Case Study
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.
FAQs
To create a high-end digital experience that matched the innovative spirit of their British-made electric motorcycles.
Using clean grids, cinematic video, and modular content blocks to showcase performance, craftsmanship, and lifestyle.
Possibly – premium product brands often use bike-builders or color customizers to guide the buyer through options.
Streamlined mobile layouts ensured that visitors could explore specs, book test rides, or make inquiries from any device.
Yes – forms, chat tools, and test-ride CTAs were likely embedded to convert interest into dealership contact or deposits.
A visually stunning, high-converting site that helped communicate luxury and innovation, while supporting direct and offline sales.