Built An App for Real-Time 3D Rendering & Custom Filters for Shopify Plus Store

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.

Chris Triplett

Wisconsin, USA
Google Review
WebDeskSolution Google Review Logo
WebDesk Solution
4.9
Nick La Maina 1 week ago
Great experience working with Mike and team. Fast communication and high quality work. Look forward to working with them on future projects!
Dave Clark 3 weeks ago
John at WebDesk Solution was very helpful doing a small change at no charge several months after completing a home page update for our client's online store. It is good to find a supplier who will continue to assist well after a job is completed. Dave Clark - Soulutions Inc
T.J. McCambridge 3 weeks ago
WebDesk was a great company to work with! They did a complete redesign of our online store, hit all the needed deadlines, and we are very happy with the outcome. We would recommend them to anyone looking for an upgrade to their web design!
edmond azaryan 3 weeks ago
i have worked with this company for over 5 years now, on multiple projects, they are excellent in the work they do and in support after the project is complete. 100% recommend!
Klik Deals 10 months ago
WebDesk Solution was referred by one of our friend that had worked with them. The idea of the app was to provide local deals in the city and our major concern was the security of our data. We spent a good time communicating with John and we found his company not just a development agency but our app's technology consultancy as he suggested the best technology to use by keeping our security concerns in mind and he also suggested a few other features which we didn't think even. His explanation was crystal clear of why we should use flutter for the Mobile app and laravel for the backend of the mobile app. We were stunned to see the easy to navigate custom dashboard with features like Vendor Management, Coupon's management, Analytics, and Reports to name a few.

We spent almost a year in the development of the Mobile app with an easy to use backend and an informative App landing page. This team is now managing our complete technical requirements as we are still expanding the app functionality with a good response from our customers in the first launch.

We feel we will use WebDesk Solution for years and we recommend their services to everyone in our network.
Supervision Optical a Year ago
We had to develop an online store for our Optical business(Supervision Optical) and we found WebDesk Solution from one of our contacts

WebDesk Solution team explained to us the functionalities we should need on the website and we were amazed to see their knowledge. Their quotation was quite impressive as they provided me with a detailed scope of what I will get on the website.

About the price, This team wasn't the cheapest, it wasn't the most expensive, but it was by far the best value. They provided the mockups which were exactly what we expected and the development was also pixel perfect.

This was a 5-star experience and we have also signed the maintenance contract with them.
Anvi Can Corporation a Year ago
We wanted a top-quality corporate website with a custom design as per our business needs. Webdesk Solution helped us with a couple of mockups at the very first stage as per the branding guidelines we provided them. Their design skills were excellent and they proposed us Wordpress CMS as we told them we need something SEO friendly and they explained how Wordpress CMS will be beneficial for us in long term SEO for our website.

As per our business needs, they developed our website and delivered us on time. The best part was that we didn't found any issues after they asked us to review the first version of our website.

We highly recommend Webdesk Solution as a professional WordPress development agency and there are no regrets of hiring them as we were disappointed with our previous website agency.
TOMMY GOMATOS a Year ago
Excellent company to work with!

After a quick call he understood my needs and within a few days my issue was solved! i would definitely use them again and again
Priyanka Patel a Year ago
TOMMY GOMATOS a Year ago
I had a problem with my site and contacted them for help. I needed an urgent fix and they were VERY VERY good!

Responsive, listened to my needs and solved my problem very quickly!

I would use them again and again
Brandon Jones
a year ago WebDesk Solution has refreshed our website twice over the past few years. Both times they were great to work with. James and his team really stay on top of the project, keep you informed, and stayed on me when information was requested from my side. Their pricing is fair, the work is great, and their communication is top notch. I would recommend WebDesk Solution and would use them again in the future. Thanks for the great website!
Patricia Tyson a Year ago
These guys are great! I had a very complicated request to fulfill and they were able to execute what I wanted and beyond!

If you have a project that needs a professional and polished touch and you want a professional and polished customer service experience, the teams at WebDesk Solution are a must!
Horizon Group Company a year ago
Very good in their work and completed our work before time which good quality. Highly recommended team for volusion.
T. Mai a Year ago
We needed to update our website and found Webdesk solution on our hosting partners recommended list of developers. Not only did this firm come thru, they delivered what we asked for in a timely manner and they are a pleasure to work with! Our contractual requests were all filled and our site looks great and we would not hesitate to use this firm again in the future. Thank you!
Serge Vilmar a Year ago
John at WebDesk Solution was very patient and paid close attention to what I wanted for my website. I am very pleased with the design that resulted from their team's efforts. I am looking forward to a continued relationship with WebDesk Solution as I work to brand my company. John fantastic job.

Thank you,
Serge Vilmar
3R Inkjets and Toners, LLC