When you click on the Menu icon, a navigation drawer will be opened which contains a list of activities, click either catalog or vendor catalog to browse through the catalog.
If vendor catalog is clicked all the vendors and the vendor specific articles will be displayed.once you click any vendor the user is navigated to vendor details page where the details of the vendor are displayed.If we click the vendor articles button then another page with the article information will be opened.The following screenshots show the process clearly
If the user clicks the catalog option, different articles such as beds, coffee tables provided by different vendors will be displayed.
As you can see in the above image, the catalog can be viewed in three different kinds of views-Grid view, List view(vertical) and List View(horizontal).
Details like Article image, name, text explaining the usage of the article, original price, and the discounted price are displayed.Once you select an article you will be navigated to the following page:
- In the Design tab, there is an image slider which displays different pictures of the article from different angles.There are different options like Favourite, Share, Augment, 3D view, Download, Budget List.
- In the overview tab, there will be details of the article like item’s title, description, ratings, original price, discounted price, dimensions of the article like its height, width, length and finally the vendor’s name and address.
Now let’s talk more about the options in the design tab.
Favourites: If you like any article just tap the favorite icon.All your favorite articles will be saved in the My Favourites.The idea is the user can browse through our catalog, if he likes any article adds them to the favorites and finally when he is done with the browsing part, go to the My Favourites page and check the articles he wants to buy.It is our version of a shopping cart.
For the Augment process to work, one has to login to the app either as a guest or as a customer and use the augment option inside the app.It is the second option in the menu.A pattern has to be placed in front the camera for the augment process to take place.To download the patterns follow the link: Pattern portal.
Once the pattern is downloaded and is placed in front of a camera it looks something like this
L-catalog application constitutes of more than 100 3D furniture models which had multiple fabrics.Each 3D furniture model is bound to a unique pattern and each pattern will be provided with a set of instructions like at what height the pattern should be pasted on the wall from the surface.
A camera screen recognizes these patterns and augments into the real world.
This screen can recognize multiple patterns at a time i.e., it can augment all 3D models on to the real world.These 3D objects are intractable as in Single Click displays the accurate dimensions of the object.
The double click lets the user choose the fabrics if exist.A long press opens the feedback message opens right below the object.The feedback screen lets the user send a personal message to the vendor/ manufacturer if he/she needs a customization to the existing furniture object.Once submitted, the message will be tagged with the object ID as well as the User contact details, in the case provided.
Once the user scans the articles, the user will be able to take a screenshot of the screen which lets the user share the image between multiple apps which is a native feature. The tricky part is to take a screenshot as if the furniture exists in the real. There will be a Gallery option in the app which shows the list of screenshots that were taken earlier using the L – Catalog app.
3D MULTI-AXIS VIEW:
In the 3d multi-axis view, a 360-degree view of the object can be seen.For this option to work login either as a guest or as a customer and then open the menu from the top left.Then go through the catalog option and select the article of your choice.The screen looks like this:
First, download the pattern using the download button and select the 360-degree view(3d view) option.Then the object’s 3d multi-axis view comes into play.