The customer was a small business specialising in custom gift boxes. Visitors could create a gift box by choosing several products and designing a greeting card to go with the products. The user interface included a screen to choose the products, a custom coded card editor and a custom checkout screen.

A WooCommerce webshop as the backend for a Next.js Web App as the frontend. The design was done by a graphic designer and had to be implemented with pixel perfect precision. A custom Web App was the best solution because of the very high level of customization needed. The infinite possiblities of product and card combinations were easier to achieve this way. The card editor was able to save the designs as JSON. The PDF was created on the fly when needed for printing and had a QR code that linked it to the order.

Development of a custom Web App in Next.js with WooCommerce as a Backend

Webhosting setup

WooCommerce installation and configuration

ACF for custom fields and post types

Setup of GraphQL as an interface to communicate with the Web App

Setup of products, categories, Mailchimp integration, payment gateway, shipping zones etc