All projects / BAU
Production · Catalog · SalesCase / Commercial interface

BAUFrom the choice of pile -
for the foundation application.

Manufacturer’s website, which helps you understand the assortment, study the product and move on to a substantive conversation about the order.

How a website helps sales ↗
BAU main page: manufacturer\u2019s offer, industrial photography and calculation inputProduction becomes clear to the buyer

Business task

Complex assortment.
A simple way to contact.

A beautiful photograph of the pile is not enough for the buyer. You need to understand the dimensions, coverage, purpose and conditions of receipt. The purpose of the interface is to consistently answer these questions and help you move on to order calculation.

Briefly. BAU combines a production showcase, a technical catalog and points of sale. Each level reveals the next part of the decision: from product type to specific item and consultation.

Visual language

Character.
Contrast.
Specifics.

01 / Typography

Dense large headings set an industrial character. The characteristics are typed more calmly so that technical data can be conveniently compared.

02 / Color

Graphite and light surfaces draw attention to the product. Yellow highlights actions and controls.

03 / CompositionProduction - large.
Characteristics - exactly.

Photos show the context of the production. The catalog grid and tables translate impressions into subject selection.

01 / Catalog and filters

Less searching. Closer to the product you need.

Diameter, length, wall thickness, coating and application turn a large range into a manageable choice. The client can start with technical parameters or with an object: house, bathhouse, fence, terrace.

Filters next to products. The main characteristics are already available in the catalogue.
Filters next to products. The main characteristics are already available in the catalogue.

02 / Product card

Arguments for purchase - in one screen.

Size chart, characteristics table, coverage and order status are collected side by side. Quantities and actions are available in the same area: the buyer examines a specific item and sees how to proceed to the next step.

SVKS BAU card: image with dimensions, parameters, quantity and ways to continue ordering.
SVKS BAU card: image with dimensions, parameters, quantity and ways to continue ordering.

03 / Terms of purchase

Answer questions before the first bell.

Delivery and pickup are revealed within the product scenario. Installation methods and additional materials are available below. The buyer can evaluate not only the product, but also how it will arrive at the site and be used.

Delivery information in the product card continues the selection scenario.
Delivery information in the product card continues the selection scenario.

04 / Delivery calculator

Delivery is part of the solution. Please take this into account before ordering.

A separate calculator collects the sending and receiving route, delivery method, number and size of piles, and the presence of a flange. Nearby is a block of estimated costs and services. To detail the calculation, an application with name and email is provided.

Calculator on the “Delivery and payment” page: route, cargo parameters, cost guideline and request for details. The exact amount will be determined by a specialist.
Calculator on the “Delivery and payment” page: route, cargo parameters, cost guideline and request for details. The exact amount will be determined by a specialist.

05 / Calculation request

Don’t know the exact estimate? There is a clear next step.

On the first screen there is an entrance to the calculation. The “Calculator” button opens a short form with a name and phone number: this is a request for feedback, after which you can clarify the details with a specialist. The automatic price is not displayed in this form.

Short form for requesting a calculation. The script is designed for subsequent communication with a specialist.
Short form for requesting a calculation. The script is designed for subsequent communication with a specialist.

Efficiency logic

Each next step
closer to ordering.

01 / Selection

Find the right one

Filters and a unified structure of cards help you navigate the technical assortment.

02 / Solution

Remove uncertainty

Dimensions, characteristics and conditions of receipt provide support for selection and communication with the manager.

03 / Appeal

Start a conversation

Ordering, requesting a quote and consulting support clients with varying degrees of readiness.

How to evaluate the effect: transitions from the catalog to the product, the share of calls, qualified applications and their conversion into an order. Actual sales growth is confirmed by analytics and CRM; Numerical results are not stated for this case.

Solution Details

What helps you sell
technical product.

Why show the characteristics already in the catalogue?

So that the buyer can compare options in advance and open cards of suitable products.

Why do filters include assignment?

Not all visitors know the technical markings. Selecting by object helps you start your search with a clear task.

What does the sizing chart provide?

It connects the parameters from the table with the product itself and helps to more accurately understand its design.

How does the shipping calculator work?

On the delivery page you can specify the route, method of receipt and cargo parameters. The estimated cost is shown next to it; It is proposed to request an exact calculation via the form. This is a separate script from the short call back form on the main page.

Can the approach be applied to other production?

Yes. To do this, you need to highlight the real selection criteria, bring the characteristics to a unified structure and think through the path from product to circulation.

Your catalog can do more

Let us help you transform
assortment in the application.

Let's analyze how your customers choose a product and design a catalog, cards and circulation scenarios.

Discuss the project ↗

There is a project in mind?

Preferred contact channel

Let's discuss.

Tell us about the project - website, SEO or marketing.

Quick answer.

If you are ready to create and collaborate, we would be glad to meet you.

Clear next steps.

After consultation, we will prepare a detailed plan and deadlines.

Alexey Posevin
Team LeadermetawebAlexey Posevin
metawebAI / LET'S TALK

Let's talk.

Choose whichever way is easiest. No brief required.

hello@metaweb.ru