Web App for online gift store

Tobias Zimmermann

Frontend Engineer
Web Developer
UI Designer
Next.js
Vercel
WooCommerce
Petitpeu

Requirements for this job:

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.







Solution:

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.

My work:

  • 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












Partner With Tobias
View Services

More Projects by Tobias