A single sofa is dozens of variations across size, corner, fabric, color, and hardware. The challenge was to surface that complexity without losing the buyer.

A wide range of collections and product lines was on the roadmap. The site needed minimal, readable filters that still covered dimensions, style, fabric, price segment, and fold-out mechanism.

Prices, stock levels, and the base product data had to come from the manufacturer's internal ERP/warehouse system, so content managers wouldn't be duplicating it manually.

Sofas live and die on visual presentation: large photos, fabric variants, close-ups of stitching. Without optimization, that becomes a heavy load on every page — especially on mobile.

The site had to support promotions, promo codes, and special pricing for selected collections, while staying in sync with offline sales.

Existing customers and the product database had to be migrated in a way that preserved accounts, order history, and the familiar login flow.

We started by defining the main buying flows. Separately, we defined the scenarios for returns and orders that get finalized later by a manager.

In Directus, we designed a collection → model → variant structure. Core characteristics live at the model level, while dimensions, fabrics, colors, and price modifiers live at the variant level. That simplifies catalog maintenance, makes new fabrics easy to add, and lays the ground for flexible filters.

On the frontend, we built a catalog with filters, collection pages, sofa product pages with a configurator, cart, checkout, and customer account. Next.js handles fast rendering and SEO-friendly page structure. Images are optimized per device, support detail viewing, and switch fabric variants without reloading the page.

The checkout logic calculates the total based on the selected configuration, delivery, and discounts. We also integrated a payment provider for online card payments. Webhook events sync payment statuses between the backend and the back-office system.

We set up data exchange between Directus and the client's back-office system. We designed the integration so the site continues operating on the last valid data even if synchronization temporarily fails.

We deployed the frontend and backend to run in the cloud, with catalog pages cached and images delivered through a CDN. We also implemented admin forms and views in Directus for the operations team to manage the catalog, promotions, orders, and promo codes.

to pick a model — down from long back-and-forth in messaging apps

requests asking to explain the difference between variants

for price and stock updates to reflect on the site

clear automatically and correctly, with no manual intervention

page load on mobile

to launch a promo campaign with a code or special price