Admin Panel
Provides seamless management of application users and customers.
Case study · eCommerce
Revolutionizing Custom Closet Design
An interactive configurator that brings custom closet planning, pricing, and purchasing together.
At a glanceFrom drag-and-drop layout to purchase-ready order
Project context
The Challenge
TD MASH partnered with John Louis Home to create a dynamic custom closet design tool that transforms how users plan and visualize their storage solutions.
The application needed to provide an intuitive drag-and-drop experience that allowed users to design closets using custom dimensions, wall configurations, materials, finishes, and personalized components.
The system also needed to maintain accurate part and SKU tracking throughout the design process. Once a design was complete, users needed to preview their work and finalize their purchase through the client’s Magento eCommerce platform.
What we built
The Solution
To bring the custom closet design experience to life, the TD MASH development team delivered a comprehensive suite of tools and integrations.
Design Suite
Simplifies closet setup while supporting flexible dimensions, wall configurations, and layouts.
Drag-and-Drop Interface
Allows users to position shelving, storage components, and accessories directly within the closet design.
Component Tracking
Assigns SKUs and tracks the wall position of each component so every part is accurately accounted for.
Smart Catalog Integration
Prevents category conflicts and ensures users only select compatible products during the design process.
Configurable Save and Load Features
Allows users to save designs, return later, and continue modifying their layouts.
Real-Time Price Tracking
Pulls current pricing from the client’s eCommerce platform to provide accurate budgeting throughout the design process.
Design Previews
Allows customers to review multiple layouts and view an itemized breakdown of all included products.
PDF Export Functionality
Generates shareable design documents for customer review and communication.
Automated Notifications
Alerts customers when their closet design is ready for review.
eCommerce Integration
Transmits product SKUs and quantities to Magento for streamlined order processing.
Technology stack
Tools behind the work
Technologies and platforms used include:
- .NET MVC
- ASP.NET Razor
- ASP.NET Identity
- Entity Framework
- HiQPdf
- Bootstrap
- JavaScript
- jQuery
- jQuery UI
Breakthroughs
Highlights and Breakthroughs
The standout achievement of this project was the creation of an interactive drag-and-drop interface paired with detailed product tracking and real-time pricing functionality.
The application gave users the ability to save, reload, and refine their designs while ensuring that every component, SKU, quantity, and wall position was accurately tracked.
In the details
Favorite Moments
- Seeing saved designs reload flawlessly and remain ready for continued refinement
- Accurately matching SKUs to specific design components and tracking their placement
- Streamlining product templates to make the codebase more manageable and adaptable
What changed
The Result
The completed configurator helped John Louis Home revolutionize the custom closet design process by making it faster, simpler, and more user-friendly.
Customers gained an intuitive way to visualize their closets, compare layouts, track pricing, and move completed designs directly into the purchasing process.
The client gained a flexible and maintainable application that connects the design experience with product data, customer communication, document generation, and Magento order processing.
Turn a complex idea into an intuitive product.
We design connected experiences that make detailed choices feel simple for your customers.