Our customer is a company with large experience in wallpaper manufacturing and distribution.
The Customer wants to create a new web application which would help to sell more wallpapers through the Internet. The idea is to demonstrate wallpapers in realistic interiors in a web browser. A user should have ability to apply any wallpaper to any wall on the interior. Wallpapers should look realistic considering scale and perspective. This service should be available in two versions: as a standalone web site and as an embeddable widget. The application should work correctly on tablet mobile devices.
The server side is implemented on ASP.NET MVC framework. Data is stored in SQL Server database. Entity Framework is used as the ORM solution. On the client side, we have AngularJS and Bootstrap.
The main challenge was to implement realistic 3D effect when demonstrating wallpapers. We’ve considered following approaches: WebGL library, CSS 3D transforms and HTML5 canvas. We’ve chosen HTML5 canvas approach since it has the best mobile device compatibility.
The application has an admin part where interiors and wallpaper collections can be loaded and configured. Also there is an iFrame version of demonstration widget which can be embedded to third party sites.
The application is released in the Internet and the Customer has several clients using the application within their e-commerce solutions.