BeSigned · Studio System
000%
Compiling assetsLoading shaders
v0.1.0 · enterpriseNY · SF · AMS

[ Industrial · Manufacturing · 2026 · Live ]

Gazov

30M+ units/year

Visit website
// GAZOV
Gazov 3D hero
Brand cards 3D
Dealer map
Gazov mobile
01 / 04

↳ swipe or tap thumbnails

[ Overview ]

Gazov is one of Russia's leading manufacturers of collet gas cartridges. Production exceeds 30 million units per year. Distribution across Russia and CIS via a dealer network of 22 cities. We replatformed their outdated Tilda site onto a modern stack with sights set on CIS expansion.

Client

Gazov LLC — gazov-uos.ru

Duration

Ongoing

Sector

Industrial · Manufacturing

Year

2026

Status

Live

[ The challenge ]

The brief.

Move the legacy site to a modern stack ready to scale into CIS markets. Build a recognizable digital brand differentiating Gazov from no-name Chinese importers and cottage producers. Turn the site from a brochure into a working B2B sales channel.

[ The approach ]

How we shipped it.

  1. 01

    Procedural 3D cartridge built on Three.js — two LatheGeometry parts (body and metal collet), spherical cap with 36 ridges, valve stem. Label generated on a 2048×1024 canvas and swappable via public API: GAZOV.setLabel('cartridge3d', '...'). Lays the foundation for a future admin panel where managers upload private-label designs in real time.

  2. 02

    Four simultaneous WebGL contexts (hero + 3 brand cards) on a shared requestAnimationFrame. IntersectionObserver disables rendering for invisible cards. Geometries cached and shared across all instances.

  3. 03

    Tri-language (RU / EN / KZ) with 38 interface keys via React Context. Switcher synced between desktop and mobile menu, choice persisted to localStorage. New language = one object in the dictionary.

  4. 04

    Dark and light themes out of the box. Leaflet dealer map (CartoDB tiles) auto-switches between light and dark via MutationObserver. 22 cities with pulsing orange ring markers, side-panel city search, flyTo animation on click.

[ Stack ]

Next.js 14React 18TypeScriptTailwind CSSThree.jsLeafletCSS Variables

[ Team ]

  • Engineering × 1
  • Design × 1

[ Results ]

What it moved.

01

3+ years

tech runway — no rewrites needed

02

Private-label

live label swap API ready for the admin panel

03

Premium brand

digital image competitors with constructors can't match

[ See it live ]

Open Gazov

gazov-redesign.vercel.app