Case Study
Magento 2 Customize Frames Module
Project Summary
Designing custom frames module for Magento 2 website. The module consists of a host of tailor-made features like, fully customized user flow, dynamic frame generation, real-time frame preview, custom shipping rule based on frame size, along with all the other ecommerce features like cart, promo code, payment, etc.
About Client
One of the leading players in the custom framing industry. They have established them as a powerhouse in Canada and the USA market. With a remarkable legacy of over 40 years, the company has become an integral part of the Canadian community.
Client's requirements
- Custom Users Flow
- Real-Time Virtual Previews
- Dynamic Frame Generation
- Product Customization
- Custom Shipping Rule
Technology Used
Fabric.js
Key Features
Dynamic Frame Generate
With our solution admins get the ability to create dynamic frames effortlessly just by uploading a slice of the texture. With this feature, administrators can generate frames of any size, thickness, and dimensions, allowing for unparalleled customization options.
Real-Time Previews
To ensure online success in a business that thrives on providing extensive customization options, we have implemented a real-time preview functionality. Customers can now witness the rendering of their virtual frame design and size in real-time. This immersive experience allows them to make informed decisions and visualize the final product before placing an order, boosting their confidence in the online purchasing process.
Image Editing Tool
We integrated a robust Image Editing tool that allows users to edit their photos with ease. A user can edit and adjust their photo directly on the website.They have the flexibility to crop, rotate, flip, and adjust the colour and tone of the image, ensuring their frame perfectly aligns with their vision. By offering such advanced editing capabilities, we encourage users to opt for the online platform over offline alternatives, as it provides greater flexibility, convenience, and an engaging user experience.
Custom Shipping Rates
One of the challenges for us was to develop a tailored shipping rule for client specific needs. While Magento’s default dynamic shipping rates are typically based on weight, however, in this case our client needed a unique shipping rule based on the length and dimensions of frames. Moreover, we implemented different rates and rules for the US and Canada. Additionally, customers have the convenience of choosing self-pickup and drop options, providing them with a seamless end-to-end experience.
Other
features
- Custom User Flow
- Image Upload Rule
- Option for pickup and drop
- Promo Code and Discount
- Cart and Checkout
- Online Payment
- Frame previews converted into image
End Result
