03

Industrial company prototype

Unofficial prototype

UNIS TŠP.

A complete metal-production capability, structured for serious B2B evaluation.

An industrial website concept for a Mostar manufacturer, connecting services, products, technology, references, and technical inquiry in one coherent system.

unis-tsp.tanovic.spaceLIVE PROTOTYPE
UNIS TŠP prototype showing industrial typography and a CNC machine in the production facility
Open prototype
Role

Information architecture, web design, frontend

Scope

Multi-page industrial website

Built with

React · B2B UX · Responsive UI

Status

Unofficial prototype

01

The brief

Make the complex
feel obvious.

Make a technically capable metal manufacturer understandable to procurement teams, engineers, and partners without reducing the experience to a machinery list.

The company covers design, CNC processing, robotic welding, surface protection, and product manufacturing. Buyers need to understand both individual capabilities and the value of one accountable production partner.

06production services
03product families
360°from drawing to finish
02

What was built

A system,
not a skin.

Editorial type and warm industrial neutrals make the experience feel established, while navy framing, red accents, real production imagery, and exact service labels preserve technical credibility.

01

Capability architecture

Laser cutting, punching and bending, robotic welding, surface protection, design, and profile processing each receive a clear role in the production chain.

02

Products tied to use

Custom industrial solutions, panel systems, and wire products are positioned by application instead of presented as an isolated gallery.

03

Technical inquiry path

The interface repeatedly invites buyers to send a drawing, sample, or production problem, matching how industrial conversations actually begin.

03

Design decisions

Every choice
has a job.

Structure

Process and product together

Services explain how the work is made, while product families show what those capabilities can become.

Credibility

Real production context

Factory imagery and exact technical labels support the narrative without resorting to decorative industry clichés.

Audience

Built for evaluation

Technology, references, materials, and contact routes are separated so technical and commercial visitors can scan differently.

04

The outcome

Built for clarity.
Ready for the next step.

  1. A unified explanation of the company’s end-to-end production capability.
  2. Clearer paths for service research, product discovery, and technical inquiry.
  3. An industrial identity that balances precision with an established human presence.

Next case study 04 / 04

textWormhole.