Due to the Covid-19 pandemic and almost all stores being closed, none of us were able to buy clothes by trying them on and seeing the fit. Shopping online was a hassle for us due to fitting issues, and the product return process is long and inconvenient. So we decided to counter both of these problems at once, by getting rid of the product return process and taking away the chance of coming in contact with COVID-19. We wanted to make the consumer’s shopping process convenient and easier. Thus, Shoppar was born.

What it does

Shoppar acts as an augmented reality camera that can take the item a consumer is trying to buy and put it on their body to check the fit of the item. Their measurements will be calculated using the camera feed and other environmental factors with very high accuracy. The product will then be placed within the phone screen at the same size it would look in proportion to real life. By using Shoppar, online shopping’s returns will start to diminish, saving time for the business and the consumer.

Challenges we ran into

Due to Shoppar being a web-based platform, the quality of the user’s webcam can vary from consumer to consumer. Augmented reality needs an adequate webcam to work, meaning that it cannot run on old or lower-end hardware. This is not only a concern for personal computers and laptops, there are various smartphone webcams as well. This was a challenge for Shoppar because all users might not have the same experience. To fix this, Shoppar analyses the user’s webcam before the render to ensure that it is adequate. If it is not, to save the consumer from improper renders, they are informed of their inadequate hardware and are prompted to use their smartphone or other device if possible.

Accomplishments that we're proud of

When creating the prototype, it was important for us to demonstrate that our idea was feasible. In order to do this, we successfully created a makeshift product page from an SQL database. We then created the extension that allowed us to go to the Shoppar API. Finally, we created the extension that allowed the viewer to see the product in their webcam. These were all important milestones that needed to be accomplished in order to demonstrate the feasibility of Shoppar.

What we learned

We learned a lot of things in different aspects of Shoppar. One of the things we learned was the structure of a business report and the content that resides in it, as well as the search for extra information such as competition. For the coding aspect, MySQL was used to create a database to hold the product information for the demo of the site. This was learned by the project leader and software developer to provide a state of the art demo. For the design aspect and styling, the designer practiced different styles and worked on different templates to provide a finished prototype for Shoppar. Overall, we learned a lot while trying to make Shoppar feasible.

What's next for ShoppAR

The next step for Shoppar is demo-testing by sending out a prototype of our software to small businesses to test Shoppar and achieve feedback on how the software works. Using this feedback, we will finetune and fix any complications that may have arised from testing. Once Shoppar’s finetuning is complete, we will transition to bigger companies and keep completing the same process to ensure Shoppar can match the standards of each of its customers and keep them pleased with the service. Shoppar is the next evolutionary step in online shopping.

Share this project: