← Back to web projects
Web Development • B2B E-commerce

ALL Industrial

ALL INDUSTRIAL
Role
Designer & Developer
Type
B2B E-commerce Platform
Year
2026
Platform
Web, CMS & CRM
01Overview

Over 14,000 industrial parts, one quote away.

ALL INDUSTRIAL has distributed industrial power-transmission parts across Romania since 2019: electric motors, gear motors and worm gear reducers, couplings, sprockets and roller chains, pulleys and belts. Its customers are maintenance and purchasing teams in factories, machine builders and integrators. The new site replaces their WordPress shop with a custom B2B platform: storefront, CMS and a light CRM in one Next.js app.

The catalogue, about 14,100 products in 370 categories, moved across with every URL, title and description intact. Around it sit a real quote workflow (offers built in the admin, emailed as PDFs with Accept and Decline buttons), company accounts that see their own agreed prices, three online configurators and product images rendered from parametric 3D models generated in code from the catalogue dimensions.

I ran the project end to end: the client proposal, the design direction and storefront mockups, the architecture, development and delivery. Launch is pending, so there is no public link yet.

DeliverablesProposal and mockups, design system, B2B shop, admin and CRM, quote workflow, three configurators, 3D product imagery, WooCommerce migration, PDF offers and emails
ToolsGitHub Actions, Lighthouse CI, Vitest
StackNext.js 16 • Payload CMS 3 • PostgreSQL (Neon) • Vercel
02

Design System

Color

Brand Red & Navy
#9E1416Red
#7E0F11Red Hover
#0C2350Navy
#0E7A5CIn Stock
10%Red Wash
On Navy
#EF5155Red
#5FD3A6In Stock
#C3CEE8Text
#93A3CBCaptions
Ink & Paper
#121417Ink
#474D55Ink 2
#646A73Ink 3
#CDD1D6Border
#E4E6E9Hairline
#F3F5F6Mist
#FFFFFFPaper

Typography

Archivo · Variable Weight & Width
The quick brown fox jumps over the lazy dog
Regular 400 Medium 500 SemiBold 600 650 Bold 700 ExtraBold 800
Condensed 88% · prices, codes Wide 108% · headings Expanded 112% · display

Tech Stack

Next.js 16
React 19
TypeScript
Payload CMS 3
PostgreSQL (Neon)
Vercel & Blob
CSS Modules
three.js
sharp
React PDF
Cloudflare Turnstile
Vitest
GitHub Actions
Lighthouse CI
03

Key Features

Worm gear motor · modelled in code from its catalogue dimensions

Parametric 3D Products

About 9,000 product images are rendered from 3D models generated in code from the catalogue dimensions. An interactive 3D view shows each part with its dimensions labelled.

Online Configurators

Configurators for worm gear motors, forced-ventilation motors and complete couplings. Any configuration goes to a specialist in one click.

Quotes, End to End

A quote basket and request form on the storefront. Staff build the offer in the admin, the customer receives a branded PDF by email with Accept and Decline buttons, and reminders follow on their own.

Company Accounts & Own Prices

Account requests are checked against the ANAF company registry and approved by staff. Each company sees its own agreed prices, loaded in the browser so every page stays cached.

SEO-Safe Migration

About 14,100 products moved from WooCommerce with every URL, title and description kept, a redirect map compiled at build time, structured data and sitemaps.

Fast Pages, Custom Admin

Pages are rendered ahead and cached at the edge, the font is subset to 100 KB and speed is checked every night on a slow mobile connection. The Payload admin is restyled in Romanian, with roles for sales, catalogue and accounting.

04

Page Architecture

HP
Homepage
Navy hero, product family entry points, configurators, company facts and bands, red footer
CT
Categories (370)
Subcategory tiles, spec filters, sorting and a product grid with prices and stock
PR
Product
Gallery and 3D view, variant picker, spec table, price or on request, add to cart or to a quote, related parts
CF
Configurators (3)
Step-by-step selection with a live result and a send to a specialist button
SR
Search
Results by code, name and spec, plus a search palette in the header
QT
Quote Request
The quote basket with company details and the request form
CO
Cart & Checkout
Cart drawer and a checkout for company accounts, paid by bank transfer on proforma
OF
Offer
The customer’s view of a received offer, answered with Accept or Decline
AC
My Account
Login, account request, orders, offers, saved lists, password
CN
Contact
Company details, a map with directions and a contact form protected by Turnstile
BL
Content & Blog
The existing pages and articles, migrated
AD
Admin
Dashboard plus products, categories, families, customers, companies, price agreements, quotes, orders, redirects and a 404 log
05

Screenshots

Click to enlarge

Interested in working together?

Get in Touch →