Built An App for Real-Time 3D Rendering & Custom Filters for Shopify Plus Store
PROJECT
PROJECTBuilt An App for Real-Time 3D Rendering & Custom Filters for Shopify Plus Store
PLATFORM
PLATFORMShopify
CHALLENGE
CHALLENGEEnabling real-time results of selecting customized frame sizes, colors in 3D with
a responsive design. A custom app to modify many inventory elements with a few clicks.
SOLUTION
SOLUTIONDynamically displaying product images with real real-time rendering. A custom
app that enables easy stock management.
RESULTS
RESULTSExtensive custom development with instant image rendering with many options in 3D
generated real-time frames.
The Brief
About Project
Fine Art Canvas is a pioneer in providing a broad selection of high-quality, affordable art. Because Fine Art Canvas offers a wide range of art, their customers are cautious with how a piece of art would seem in a particular setting.
Fine Art Canvas partnered with WebDesk for some advanced development items to create a visually stunning storefront and an enjoyable user experience. They wanted to provide an intuitive user experience with tonnes of customizations on their website while also promoting the integrity of a well-established brand. WebDesk’s sophisticated responsive development for FineArt Canvas was a vital component of the project. It ensured a pleasant shopping experience regardless of the device used to visit the website.
Challenges
The Challenges
Custom Filtering System
Product listings and their filtering and sorting features influence how simple or complicated it is for the user to explore the site’s product catalog. Unless customers can simply explore your product listings, it is unlikely that they will discover what they are searching for – and if they do not find it, they will not be able to purchase it. Fine Art Canvas has an extensive collection of paintings, thus offering just a rudimentary filtering tool would only serve to lose customers. Since Shopify’s native filtering capabilities are limited, the project’s scope included a comprehensive and diverse filter system that provides the pathway from category pages and search results to the all-important product page.
Artist Page
Even though Shopify is a fantastic platform in general, there are times when it does not meet specific criteria. As an art store, it was critical to have an artist page that was feature-rich and easily adaptable for future updates. It is essential to have an artist’s page because it allows the artists to positively build up their reputation by providing customers with the opportunity to learn about them and their artwork. Having a dedicated artist’s page to showcase their work allows the artist to build their portfolio while also instilling confidence and establishing their reputation in the community. WebDesk developers adapted the vendor page to serve as an artist page. We assigned art as a product and artist to the vendor.
Real-time 3D Rendering
A product page is essential on an e-commerce website because it provides customers with information about the product and allows them to learn everything they need to know about the product they want to buy. If the customer can see the art being rendered in real time, they will be able to make the best decision for the craftsmanship. There were numerous options for frame size, colour, and background. The combinations totaled more than 100, and Shopify limits product page variations to 100. In order to provide a top-notch user experience, the client had asked to work around that limitation. Real-time 3D rendering and displaying all available variations in quick 3D renders were among some of the requirements.
Comparison
Before / After
Before
After
After
Solution
Our Solution
Custom Filtering System
Filters provide an excellent opportunity to display a range of items, enhance the UX, attract a larger audience, and increase sales. WebDesk created an interactive filter that changes filter options based on selection, guaranteeing that a customer finds at least one result for each filter result. For example, suppose a customer picks Nature from the collection filter and has no round-shaped products available. In that case, the round filter option will be eliminated from the filters as soon as he selects Nature from the collection filter. WebDesk developed a bespoke module that enables Filters by Collections, Shape, Artist, and Color to give more fantastic alternatives using a custom private app.
Artist Page
We built a landing page for artists that showcases three featured artists, along with their name, image, description, and a link to their product page. With a straightforward approach, the client will manage the featured artists using a custom private application. In addition, we have created a unique filter for this page depending on the alphabet of the artist’s name. Through our bespoke solution, the admin will also manage all of the featured artist’s videos on the featured section.
Real-time 3D Rendering
A product page is essential on an e-commerce website that provides customers with information about the product. A real-time rendering of the art with selected options in the lifestyle image adds appeal and attention to the consumer. WebDesk built a unique module to circumvent variety since product kind, size, and numerous frame options generate far too many variations. Instead, there are lifestyle images on the product page that a consumer can choose from. The size, frame, and canvas or non-canvas type produce a quick render that attracts the eye and helps the customer decide. Converting 2D pictures into lifelike 3D graphics was a complex process, but having it on the website provides enormous benefits.
Customization
Subcategories
Online shoppers are accustomed to browsing by categories on e-commerce websites. Children (sub) collections are layered in parent collections. They’re utilized to organize the site’s subcategories to describe these smaller collections. A bespoke solution within the Shopify platform was necessary to match the client’s vision because Shopify lacked this essential component. WebDesk experts carefully modified the code to enable subcategories on the artist page through tags. To increase its usability, we have incorporated in the bespoke private app the ability for the client to manage subcategories with a few clicks. For example, Animal is the category, while birds and mice are subcategories. It enables consumers to discover precisely what they are searching for, which improves user experience and, eventually, revenue.
Custom Search
I think it’s vital to have efficient search choices. According to our experience, more than 80 percent of buyers who search for an item twice without finding it will leave the site and never return. In contrast, businesses that employ an efficient search solution will have a high likelihood of customer retention. Fine Arts Canvas chose a custom code to provide accurate results with filtering choices. For example, suppose a customer searches for ‘nature’ in the search bar. In that case, all results display with available filters, allowing the buyer to narrow down the results by collection, shape, artist, and color.
Search Listing By Tags
Search recommendations were formerly an optional, nice-to-have feature for site search. However, in recent years, search recommendations have become an anticipated indicator of a well-designed search function. This shift in expectations is most likely the effect of consumers’ regular exposure to query recommendations. Search recommendations for site search provide the added benefit of educating consumers about the site’s range of products or alternatives. In contrast, if something isn’t displayed as a search suggestion after inputting the first few characters of a product name, some consumers may infer that the site doesn’t sell that product and leave without even searching. Therefore, Webdesk implemented a site search based on the tags that are used. Based on the phrase, any search will display search options from the collection, shape, artist, color, and top products.
Clients
Client Testimonials
WebDesk Solution team was pretty easy to work on our website, the designers were excellent at their job as they created the design as per our expectations. The most important part for our website was the Data migration, for which we were a bit worried but the way they created the script and migrated the whole data was the best thing because we saw that the whole data was migrated without any loss. The project managers were very polite throughout the project and in the warranty period, too.
We at Camera Source, recommend WebDesk Solution for their services as we are highly satisfied with the work and their customer service.
