Case Study: Varcroft and Bianco


3D React app and headless Shopify implementation

Summary

Client: Varcroft and Bianco

Visit their site

Canada-based Varcroft and Bianco is a carpentry and interior design studio that creates wood furniture made to last for generations.

  • Scope and challenges

    • Create a configure, price, and quote solution
    • Design a functional, pleasing user interface
    • Integrate eCommerce functionalities
  • Solutions and results

    • Built a React-based product configurator that allows visitors to get a quote immediately
    • Implemented headless Shopify to provide eCommerce capabilities
    • UX/UI design in Figma

3D React application and headless commerce implementation

Our team worked with Varcroft and Bianco, a Canadian carpentry and interior design firm, to build a configure, price, and quote (CPQ) solution that allows visitors to build drawers, add inserts, and change colors as they see fit to create the furniture they need.

By creating a product configurator, Varcroft and Bianco streamlined their order process and reduced the number of unsatisfied customers. Plus, by implementing a headless Shopify checkout, they can receive orders on the fly without needing sales reps.

We created a modern product configurator app using React

  • Modern

    product configurator solution

    Before implementing our product configurator, Varcroft and Bianco's customers had to go through a cumbersome quote process with multiple steps without seeing mockups or renderings of the final product. This React app allows visitors to create and order their drawers in real time.

  • API integration

    with Shopify

    Users can design their own drawer insert in the web app and order it directly with Shopify, which has been integrated into the app through Shopify's API.

A next-generation web application for an interior design studio

Building and deploying a React app required careful planning and execution. Here's how we did it: 

  • 1. Design the UI in Figma

    Before we started, we designed and prototyped a user interface in Figma to get a better idea of how everything would look. 

  • 2. Develop the application using React

    Now that we had a functioning prototype, we started working on the application code using React. React provides an excellent foundation for creating modular, highly customizable, and efficient page layouts.

  • 3. Implement Shopify API

    Shopify's API allows a developer to improve upon and extend the existing features built into the platform, like flexible checkout options. This gave Varcroft and Bianco more control over how customers interact with their product configurator and their overall shopping experience. 

  • 4. QA and deployment on Netlify

    Netlify is a global, production-ready environment from the start. This allows us to skip all the traditional server setups and get straight to building. Using Netlify we were able to launch Varcroft and Bianco's app in minutes without needing extra configuration.

What our clients say

Ben Arent

Director of DevRel

The Ikius team quickly became an extension of the Teleport Team, and completed two key site launches in record time. They continue to build systems and tools that scale and are force multiplies for our marketing efforts.

Anttoni Aniebonam

Co-Founder, CEO - Veri

We worked with Ikius' development team for our Next.js website development. We had previously worked with freelancers for web development, but chose to work with an agency such as Ikius to ensure code quality matches our expectations. Ikius did not disappoint and we can only recommed Ikius as tech partner for Next.js development.

Shubham Khenat

Partnerships

“We are excited to partner with Ikius, increasing our presence in the Nordics and bringing more implementation power to that part of the world. We will tackle new projects together that look for innovative solutions that hinge on flexible, composable architectures.”

Brad Bates

Varcroft & Bianco

Ikius has helped tremendously with the development of the Drawer Insert Designer. Max and Aatu have great knowledge regarding what technology to use and how to implement it. They worked seamlessly with other members of the team and everything was completed in a timely professional manner. We have already started working with them on our next project.

Antti Valtola

Blue Nose cruises

My company’s website was in need of renewal in late 2020. I received offers from multiple companies but in the end I ended up making an agreement with Ikius.

Olga Voigt

Agility CMS | Marketing

Ikius team is professional, knowledgeable, and extremely helpful. They are on top of web development trends, they understand the demands of modern digital solutions and deliver. It is always a pleasure to work with Ikius, and I can not recommend them enough to all seeking for modern digital implementation

Aaron Hazan

Director at Hotel Radio Ltd.

The team at Ikius have not only proved an invaluable resource for both guiding us through the process of the build for our site and advising on best practice for user experience, but have seen to it that every aspect of our commerce website is honed to perfection and able to execute on any deliverable required, no matter the complexity.

Ilkka Lehto

CEO at Brightway Careers

I'm very happy how our new company site turned out. The site's performance is absolutely impressive, thank you team Ikius 👍

Alex Stoykov

CEO at Olifant Digital

Working with Ikius for our Jamstack website was a flawless experience. The development team is super fast and reliable. The speed of our new website is unbeliavable. I highly recommend Ikius as a serious development partner for web development projects involving Jamstack.

Get in touch

Looking to build something like this?

Let’s talk about your ideas, no charge, no obligations.

Contact Sales

sales@ikius.com

* Submitting this form will not sign you up for any marketing lists. Your information is strictly used and stored for contacting you. Privacy Policy