← BACK TO WORK
e-commerce2026Case study

Opulonfit

Premium UK clothing store with a built-in Design Studio — customers upload artwork, add text, pick print placement and embroidery, and preview the product live before it goes into production.

CLIENT
Opulonfit
ROLE
E-commerce development · Custom design studio
STACK
React · TanStack Router · TanStack Query · Canvas design studio · Multi-currency storefront
DESIGN STUDIO
text, image, clipart & draw tools with live front/back preview
Opulonfit — e-commerce project by SolidAtoms
Opulonfit — screen 2
Opulonfit — screen 3

The brief

Opulonfit sells premium and custom clothing to customers in the UK and worldwide. It needed a fast, editorial-looking storefront for ready-made collections — and, alongside it, a way for customers to design their own garments without emailing artwork back and forth.

What we built

A custom React storefront covering men's, women's and kids' ranges with filtering by size, colour, fit, collection and price, product pages with colour and size selection, wishlist and a £ GBP currency switcher. A "Customize this product" path leads into the Design Studio: add text, images, clipart, shapes or freehand drawing on the front or back, choose T-shirt, sweatshirt or hoodie, pick regular, oversized or slim fit, and select a print method (DTG, DTF or vinyl) or add embroidery — with undo/redo and a layers panel.

Why it matters

The studio turns a long back-and-forth quoting process into a self-serve flow: the customer sees exactly what will be printed before ordering, and the studio receives a clear, production-ready design. The storefront and studio share one catalogue, so any product can become a custom product.