Virtual avatar to try outfits on e-commerce website

Project Title

Virtual avatar to try outfits on e-commerce website

Project Area of Specialization Augmented and Virtual RealityProject Summary

Today the number of people who shop online is increasing day by day. Most of them are satisfied buying certain types of goods online like books, electronics, tickets etc. However, when it comes to buying clothes online, they are not entirely satisfied. Online companies are always pushing the boundaries to provide the ultimate shopping experience for the consumers. From online cataloguing of products like (amazon.com) to live online shopping, the industry has made many innovations in the delivery models. But many people choose not to shop online specially females because customers can't check the quality and can’t try-on the outfits while shopping online, which makes it more difficult to make a decision and leads to a lot of hesitancy about wrong purchases. It's no longer enough to just upload a catalogue and show models wearing the clothes to give customers a sense of how different fashions and styles look on real people, your website must give a wonderful customer experience in order to captivate and convert visitors. To meet standard quality requirements for visuals, it should display clothes in the best possible way so that clients are confident in their decision.

Virtual Avatar to try Outfits on E-Commerce website is a platform to superimpose clothes onto a target individual in a realistic manner. Where visitors may select from a variety of clothing products and then simulate them on their own virtual animated bodies. The entire process begins with the construction of 3D virtual avatar based on conventional measurements live from Web-Cam or extract from a picture. The 3D clothing designs are produced with splines and then seemed together around a virtual human avatar to give it its basic form. A real-time platform incorporated into a web browser is employed to connect to the Internet.

Project Objectives

1. The main objective of this project is giving the user the idea of how an item of clothes will look on him/her without actually trying it on.
2. Create a 3D avatar
3. Create a 3D Cloth collection inventory
4. Then seemed together around the 3D virtual avatar to give it its best form

Project Implementation Method

Product will be based on virtual reality, which merges computer-generated 3d avatars into a real worldview. Since we can also use a high-quality webcam, this will give the user a unique, realistic experience of visualizing the 3d avatar in the real world. This project firstly create a 3D avatar then we create a 3D Cloth collection inventory then seamed together around the 3D virtual avatar to give it its best form.

• Integrating a 3D model to a web page using web components

 The web components are created with the help of Custom Elements, Shadow DOM and HTML templates and should do the following:

1. Include the required 3D engine files.
2. Set up the 3D environment.
3. Load the 3D model into the environment.
4. Monitor any changes to attributes that might happen programmatically or in the HTML.

Benefits of the Project

1. A virtual avatar allows shoppers to try on items without touching them.
2.  It works by capturing a picture by web cam and then creating a 3D avatar therefore shoppers can see the size, style, and fit of an item before they buy it. 
3. It reduces the return rate of customers due to sizing issues.
4. It avoids the waste of time of customers in a busy routine.
5. Virtual avatars, however, reduce that risk dramatically. People don’t touch the items they’re virtually trying on but still get the chance to see what a product looks like on their own body shape. 

Technical Details of Final Deliverable

• Python:

              Python is an open-source high-level programming language. It is basically used for web development, game development, language development. It has a very huge developer community. Python (3.97) latest version will be used in this project.

 • Django:

 Django is a Python language web framework that encourages rapid and clean development. You can focus on writing your app in Django because it's open-source. Django (3.27) latest version will be used in this project.

• React:

                React is a front-end JavaScript library for building UI components of websites. It is maintained by Facebook Company. React (17) latest version will be used in this project.

• React Native:

                React Native is a free and open-source UI software framework created by Facebook, Inc. It is used to develop applications by enabling developers to use the React framework along with native platform capabilities. React Native (0.60) latest version will be used in this project.

Final Deliverable of the Project HW/SW integrated systemCore Industry ITOther Industries Media , Others Core Technology Augmented & Virtual RealityOther Technologies Wearables and ImplantablesSustainable Development Goals Industry, Innovation and Infrastructure, Responsible Consumption and ProductionRequired Resources

Item Name	Type	No. of Units	Per Unit Cost (in Rs)	Total (in Rs)
			Total in (Rs)	35000
High quality graphic card	Equipment	1	20000	20000
High quality web cam	Equipment	1	5000	5000
Complete node.js courses	Miscellaneous	1	2000	2000
Paid Api and domain of web	Miscellaneous	1	7000	7000
Overhead (Currency rates issues, shipment charges, stationery)	Miscellaneous	1	1000	1000