M line: 3D CPQ Ecommerce

Serdar Yerdelen

3D Designer
Project Manager
Fullstack Engineer
Nuxt.js
Changing the way we shop 🚀
With M line's product configurators, you can easily design your ideal bed setup. Start with the base mattress, select your preferred options (such as firmness, size, and material), and watch the final result come to life in real-time – directly in 3D! 💡 🛏️

Try the Configurator Live

M line - Supreme
M line - Supreme
M line - Elite
M line - Elite
Key Highlights
Sales Automation: Streamlined the order process, reducing friction for customers and increasing sales conversion. Seamless Integration: Fully integrated with M line's Magento e-commerce platform. Custom UI/UX: Focused on an intuitive design that maximizes usability across devices. Real-time 3D Visualization: Users can design, visualize, and order shelving units in real-time.
The Challenge M line wanted to elevate its e-commerce platform by adding an interactive and intuitive configurator to drive customer engagement and automate the sales process. The challenge was to integrate this tool smoothly into their existing Magento e-commerce stack while maintaining a focus on user experience and real-time feedback.
During a span of two months a seperate team would manage the 3D models together with PixReady. After receiving the Digital Twins/3D models it took me three months to create the three seperate configurators with back and forth sessions between ecommerce manager of M line and the Project Owner at Pixready. The Solution We built a 3D configurator from the ground up, seamlessly integrating it with M line's existing store with Applepie's help.

Features

3D Visualization: A real-time 3D preview of the configured bed. Price Calculation: Instant price updates as the user selects options. Custom UI/UX Design: Built with a mobile-first approach for accessibility and ease of use.

The Journey

During my short employment at Boldly XR I was tasked given my expertise with leading and building the frontend application and housing the Expivi driven 3D canvas. A seperate team worked on the business logic, where I was directly responsible for designing, developing and delivering the configurator. Together with Applepie, M line's third party hosting and support party we securely integrated a API into the configurator for shopping cart functionality.
Mockup by Darweb
Mockup by Darweb

Delivery

This project has been delivered by Boldly XR, in collaboration with Applepie, who assisted with the integration into M Line's existing e-commerce system. The conceptual and design phase took 2 months, the development phase took 3 months. My part as project owner in the project: Project Owner At Boldly XR (2023) and specialised developer regarding 3D Product Configurators and Configure, Price and Qoute systems in general. UI Design in Nuxt. Web Application Development with JavaScript and TypeScript. Software Architecture & IT Consultancy for ecommerce managers, stakeholders, CEO's/CTO's.

💬 Client Testimonial

With the addition to our 3D box spring configurators, we take a new step toward a more personalized and immersive experience for our customers.

LinkedIn Post, M line.
Want to follow in the footsteps of M line with 3D ecommerce?
I'm available starting Q3 2025.
Partner With Serdar
View Services

More Projects by Serdar