Luka
Luka
UX/UI DesignB2B WebsiteCatalog UXInformation ArchitectureDark UI

TRS Kazan — Industrial B2B Website

I designed a large multi-page B2B website for an industrial company, turning technical gases, equipment, OPO design and catalog pages into one structured dark visual system.

TRS Kazan — Industrial B2B Website
Client
TRS Kazan
Industry
Industrial gases / equipment
Role
UX/UI Design, Information Architecture, Visual Design
Scale
100+ page system
Platform
Website
Timeline
~1 month

The context

TRS Kazan works in a complex industrial B2B category: technical gases, equipment, OPO design, cryogenic systems and welding-related products. The website needed to present these directions inside one clear system, support catalog and product pages and help users quickly understand where to go.

The challenge

01

Structure a large industrial offer

02

Separate several service directions

03

Keep a premium dark style readable

The main challenge was scale. This was not a small landing page — it was a large website with many pages, directions and catalog logic. I needed to make the system feel unified while still giving every major direction a clear identity.

Information architecture

I approached the project as a website system. The structure had to support top-level navigation, search, catalog and product paths, service pages, company information and request forms. The two-level header became an important UX element, giving users access to navigation, search, sales contacts and callback actions from the start.

  • Multi-level header
  • Search
  • Catalog / product structure
  • Service pages
  • Sales department / phone
  • Request CTAs
  • Many page types

Direction-specific visual system

To make the site easier to navigate, I gave the key business directions their own accent colors while preserving one shared dark industrial style. Technical gases use a green accent, OPO design a cyan accent, welding equipment a yellow accent and the general direction a red accent. Every direction feels connected to the same company, but still has a recognizable visual signal.

Visual direction

The client wanted a premium dark style. I developed it into a technical, industrial interface with large equipment visuals, smoke and gas atmosphere, thin borders, large typography and restrained accent colors — serious and modern without becoming visually heavy.

Dark industrial themeLarge equipment visualsSmoke / gas atmosphereThin outlined cardsLarge typographyAccent CTAs by directionTwo-level headerPractical B2B layout

Project scale

The project included many page types and a large amount of catalog and service content. This required consistency across layouts, typography, image treatment, cards, forms and navigation, so new products or directions could fit into the same design logic.

Key screens

Main homepage and core offer
Main homepage and core offer
Project scale and page structure
Project scale and page structure
About, trust blocks and company directions
About, trust blocks and company directions
Technical gases direction with green accent
Technical gases direction with green accent
OPO design direction with cyan accent
OPO design direction with cyan accent
Cryogenic equipment direction
Cryogenic equipment direction
Welding equipment direction with yellow accent
Welding equipment direction with yellow accent

The outcome

The final website gave TRS Kazan a structured and premium digital system for a complex industrial offer. The main directions became easier to separate, the navigation supported a large number of pages, and the dark visual language helped the company feel more serious and technically strong. The result is a scalable B2B website that can support services, catalog content and request paths inside one coherent design system.

What I focused on

Large-scale IA

Organizing many pages and directions into one clear structure.

B2B catalog UX

Making catalog and product paths understandable.

Direction system

Accent colors that separate directions inside one style.

Premium dark UI

A serious, technical interface that stays readable.

Service request paths

Clear ways to request equipment, projects and callbacks.

Need to structure a complex B2B website?

I can help turn many services, products and directions into a clear digital system with strong navigation, visual hierarchy and request paths.