Skip to content
Tarek
DEEN

Schwarzmann Industriemontage

Presentation image: the Schwarzmann website on a tilted monitor, the headline Industriemontage and Elektroinstallation against orange light.
schwarzmann-24.de

02The project

Work,made visible.

Schwarzmann Industriemontage

Schwarzmann Industriemontage handles the assembly, conversion and relocation of industrial machinery and plant across Germany. Its website organises six specialist services — each with a page of its own — into one calm structure where complex technical work becomes clear.

My role

  • Design
  • Development
  • Architecture
  • SEO

03Visual identity

Black, orange, steel.

Typography plate on black: two type specimens with their names, a display face for headlines and a text face for body copy, on a calm black ground.
Colour plate: four bars of different heights in black, orange, off-white and grey, each with its name and hex value.

04Creative direction

Precision in every detail.

  • Orange industrial robot arm on a base, cut out on black — the image of the machine and plant assembly service.
  • Cut-away precision drive unit with an orange ring and gears — the image of the industrial assembly and electrical installation service.
  • Grey control cabinet with orange frame rails — the image of the conversion and retrofit service.
  • Metal column on a base plate with an orange stripe and ring — the image of the machine relocation service.
  • Rolling bearing with an orange seal — the image of the retrofit and plant modernisation service.
  • Slim dark tower with measuring openings and an orange panel — the image of the maintenance and support service.

05The challenge

Six services. One digital system.

  1. Machine & plant assembly
  2. Industrial assembly & electrical installation
  3. Conversion & retrofit of industrial plant
  4. Machine relocation
  5. Retrofit & plant modernisation
  6. Maintenance & technical support

Schwarzmann

One structure. A page of its own for each service.

Diagram of the page structure: six services converge into one website.

06Desktop

The whole page, in one scroll.

A run through the homepage — exactly as it stands live.

The schwarzmann-24.de homepage in a browser window: the opening Industrie Montage with the flange, the orange field Präzision ist kein Zufall with the six services, the hall, Wir montieren nicht nur, and the questions and answers.

07Mobile

The same stance, upright.

Three stops on the mobile homepage — headline, part and navigation stay clear.

  1. Mobile homepage of schwarzmann-24.de, opening: wordmark and menu at the top, the headline Industrie Montage in white and orange, an industrial flange with copper light and the line Mit Präzision und Verantwortung.
  2. Mobile homepage of schwarzmann-24.de, services: on an orange field the headline Präzision ist kein Zufall and below it the services from machine and plant assembly to retrofit.
  3. Mobile homepage of schwarzmann-24.de, system: the headline Wir montieren nicht nur, the sentence Wir denken das System voraus and a dark image labelled Industrial Assembly.

08Architecture

The system behind the experience.

Built with Next.js: every service has a page of its own, every service its locations — one structure that people and search engines read alike.

Home

schwarzmann-24.de

Services

  1. Machine & plant assembly
  2. Industrial assembly & electrical installation
  3. Conversion & retrofit of industrial plant
  4. Machine relocation
  5. Retrofit & plant modernisation
  6. Maintenance & technical support

Locations

Example: machine & plant assembly

  • Bremen
  • Dresden
  • Nürnberg
  • Stuttgart
  • Bielefeld
  • Düsseldorf
  • Hannover
  • Frankfurt am Main
  • Leipzig
  • Berlin
  • Hamburg
  • Köln
  • München
  • and more
  • Next.jsModular pages, rendered on the server
  • MetadataTitle, description and canonical per page
  • Structured dataOrganisation and services per schema.org
  • XML sitemapEvery service and location page listed
Read from the public website on 1 November 2026.

09Closing

Built for assembly. Designed like engineering.

Capture of the industrial assembly and electrical installation service page of schwarzmann-24.de: the headline Industrie Montage & Elektro Installation in white capitals and a drive component with orange light on black.
The original behind the opening image: service page industrial assembly & electrical installation · captured 1 Nov 2026

A project with this precision?