2026brandingООО «Газов»6 weeks

GAZOV — corporate site for an industrial manufacturer

Migration from Tilda to Next.js 14 for one of Russia’s leading manufacturers of collet gas cartridges — 30M units a year, 22-city dealer network. An interactive 3D cartridge with a runtime label-replacement API gives the brand a private-label storytelling tool that no competitor can match.

https://gazov-redesign.vercel.app
industrial
hover.tracked
Surface

What users see. Identity, motion, UI craft, copy.

Unbounded for headlines, Manrope for body, JetBrains Mono for technical labels — all loaded with Cyrillic subset through next/font, no font-shifts. Light theme (default) is built on the flagship HUNTER cartridge palette: pure white background, deep blue-grey accent, signature orange and turquoise. Dark theme is deep-emerald with the same accents. The dealer map switches between light and dark CartoDB tiles via MutationObserver.

3D CartridgePrivate-label APIDealer MapDark/LightB2B FormKZ Localization
scripta://case/gazov/architecture
Substrate

What holds it up. Architecture, contracts, infra, latency.

A procedurally built 3D cartridge on Three.js — geometry from two LatheGeometries (body + collet), a spherical cap with 36 fluted ribs, valve stem. The label is generated on a 2048×1024 canvas and swappable via a public API: GAZOV.setLabel("cartridge3d", url). Four simultaneous WebGL contexts share one RAF loop; IntersectionObserver disables rendering on cards that aren’t visible.

Shared RAFIO-gated WebGLGeometry Cachenext/dynamicnext/font Subset
Story

A B2B site that scales to CIS markets

Move the outdated Tilda site to a modern technological stack, with an eye on scaling into CIS markets. Create a recognisable digital image for the brand, separate it from no-name Chinese importers and cottage manufacturers. Turn the site from a business card into a working B2B sales channel with a direct funnel from first screen to dealer enquiry. Support market expansion into Kazakhstan, Belarus and other CIS via a multilingual interface. Make the product interactive: show the cartridge up close, like in an offline store, without a studio photoshoot.

A 3D product that can wear a client’s brand in real time

The cartridge label is generated on a 2048×1024 canvas and exposed through a public API: GAZOV.setLabel("cartridge3d", url). This lays the foundation for a future admin panel where managers can upload a client’s private-label artwork directly into the interface — no developer involvement. In the moment, it lets sales show OEM clients their own branding on the 3D model live during a call.

Gallery

Pieces of the product.

  • gradient
    Hero · 3D cartridge auto-rotating01/06
  • grid
    Brand cards · scroll-bound rotation02/06
  • rings
    Dealer map · 22 cities Leaflet03/06
  • mono
    Private-label API · setLabel(...)04/06
  • mesh
    Dark + light theme toggle05/06
  • scan
    B2B form · auto-success state06/06
[ Results ]
30M
units/year
22
dealer cities
3 langs
RU / EN / KZ
4 WebGL
shared RAF loop
[ Stack ]
Next.js 14React 18TypeScriptTailwind CSSThree.jsLeafletCSS Variables
Next case

RIVVI — automotive social network redesign