Skip to content
Back to all work
Industrial heating · Manufacturing

ЭкΩтерм

Engineering you can read at a glance

A Russian manufacturer of heating elements, modules and furnaces. The site speaks the chief engineer's language — temperatures, alloys, atmospheres, duty cycles — while still looking like a modern product.

Scope
Design · Development · Performance
Stack
ReactTypeScriptViteMotionCSS Architecture
ecotherm.pro
ЭкΩтерм — Manufacturer of heating elements and heat-treatment furnaces

The brief

The product is genuinely complex: five solution families, operating temperatures from 1250 to 1850 °C, different atmospheres and load limits. That usually turns into a ten-screen table. The brief was to make the essence readable in the first screen while keeping the detail available to the people who actually need it.

The build

  • Interactive thermal scale
  • Light and dark themes
  • Three performance tiers
  • Filterable catalogue
  • Engineering reference tables
  • Gallery by product family
  1. 01

    A thermal scale in the first screen: six solution families sorted by maximum operating temperature, draggable, with instant card switching.

  2. 02

    A filterable catalogue backed by reference tables for alloys, atmospheres and permissible loads.

  3. 03

    Light and dark themes: the choice is remembered and applied before first paint, with no flash of the wrong theme.

  4. 04

    Three performance tiers are resolved in the markup itself — from core count, memory, data-saver mode and the system motion setting. On a weak device the heavy effects simply never start.

  5. 05

    A furnace modernisation section that sells engineering work rather than a product: retrofit, electrification, control systems.

The full page

Visit site
ecotherm.pro
ЭкΩтерм — The full page
Home page captured from the live site
ЭкΩтерм — Mobile

Mobile

The result
A technically dense product presented so that both the purchasing manager and the chief engineer understand it — each at their own depth.
Next project

SummerHill School

A private education centre: from preschool to secondary

Got something in mind?

Describe the project in two paragraphs. I will come back with what can be done, how long it takes and what it costs.
Start a project