Setting up an E-commerce platform for US-based Materials Packaging Specialist
Tech Stack
Magento Community
About Client
The client is a giant of the US packaging industry and approached us with a vision to get an E-commerce website that can efficiently portray and market their huge product catalog by embracing expertise of Brainvire
About Product
An E-commerce website based on the community edition of Magento will serve the customers with hassle-free shopping experience of custom packaging materials. The website will aid the customers to choose from flexographic printing, litho-mounting, die cutting, specialty gluing, embossing, and packaging design.
before
The Challenges
before-ring
Challenge: Customized Designing of Box
Users can customize the design of the box according to their need and envision.
Right from design, colors, text, prints, etc. This feature enables the users to
even get their trademark logo or image embossed on the boxes.
Solution
The Challenges
Challenge: Creation of 3D images using canvas
Users will get a 3D view of the box so that they can change colors, prints or text by visualizing the final product. There are different views, front, back, side, etc. and also various sizes and shapes to try while designing the box.
Challenge: Customized Designing of Box
Users can customize the design of the box according to their need and envision. Right from design, colors, text, prints, etc. This feature enables the users to even get their trademark logo or image embossed on the boxes.
Generate quotes
Users can save the final image of the box as a draft and then generate the quotes depending on the quantity they require. This allows them to travel back and forth to make any changes to reduce or increase the price.
Integration with knockout.js
It was quite a task to integrate three.js, jCanvas and fabric.js with the Magento’s inbuilt knockout.js. This will allow the users to get a better look of the final product along with all the options to make various changes satisfying their expectations.
Challenge: Creation of 3D images using canvas
Users will get a 3D view of the box so that they can change colors, prints or text by visualizing the final product. There are different views, front, back, side, etc. and also various sizes and shapes to try while designing the box.
Challenge: Customized Designing of Box
Users can customize the design of the box according to their need and envision. Right from design, colors, text, prints, etc. This feature enables the users to even get their trademark logo or image embossed on the boxes.
Generate quotes
Users can save the final image of the box as a draft and then generate the quotes depending on the quantity they require. This allows them to travel back and forth to make any changes to reduce or increase the price.
Integration with knockout.js
It was quite a task to integrate three.js, jCanvas and fabric.js with the Magento’s inbuilt knockout.js. This will allow the users to get a better look of the final product along with all the options to make various changes satisfying their expectations.
Challenge: Creation of 3D images using canvas
Users will get a 3D view of the box so that they can change colors, prints or text by visualizing the final product. There are different views, front, back, side, etc. and also various sizes and shapes to try while designing the box.
Result
Custom Box Designing
Users design their box themselves. They decide the colors, shapes, size, and other parameters. Customized designing of the box can give users the freedom to get exactly what they want.
Save the design & generate the quote
Saving the design of the final image can give users time to change or edit the design before placing the final order. Users can also save the image to generate quotes for that particular design.
Integration with knockout.js
It’s a difficult task to integrate various canvas and javascript with Magento’s in-built knockout.js and Brainvire has pulled it off. This portal integrates three.js, jCanvas and fabric.js with knockout.js for better results.
3D images for easy customization
3D view of the box will engage users and give them a chance to view the final product before placing the order. With this view, you can view and edit the colors, text, prints, etc of the boxes to be ordered.
Client Testimonials
I would recommend Brainvire to anyone. They’re a very talented group of software engineers. They’ll tackle any challenges and take scope changes in stride. Along with their responsiveness, their team is communicative and dedicated.
“They handle all their work with a personal touch, which encourages a continued long-term partnership. Their deliverable are reliable thanks to vigorous QA testing. I would recommend Brainvire to anyone.”