Produktfotografie – beventive

Webdesign & Medien für die Rudi Hutt Unternehmensgruppe

admin — Tue, 01 Sep 2026 16:12:33 +0000

Webdesign & Medien für die Rudi Hutt Unternehmensgruppe

Drei Webseiten, ein durchgängiges Konzept. Wie wir für Rudi Hutt, Linematic und Hutt Zuführtechnik eine moderne, einheitliche und medienstarke Webpräsenz geschaffen haben.

Projektanlass

Webseiten

– Kunde

Rudi Hutt Maschinenbau, Hutt Zuführtechnik, Linematic

über 130 Mitarbeiter:innen

Die drei Unternehmen bilden gemeinsam eine langjährig etablierte und international erfolgreiche Unternehmensgruppe im Bereich Maschinenbau, Automatisierung und Zuführtechnik. Obwohl sie unterschiedliche, hochspezialisierte Aufgabenbereiche abdecken, verbindet sie ihr Anspruch an höchste technische Präzision und Qualität in der Fertigung.

– Anlass

Die Unternehmensgruppe trat digital bislang sehr anonym auf. Es fehlten authentische Einblicke in die Produktion. Zudem mussten zwei Webseiten strukturell und technisch (Responsive Design) dringend modernisiert werden, während für das dritte Unternehmen noch gar keine Online-Präsenz existierte.

– Lösung

Wir haben ein einheitliches Webdesign entwickelt, das die drei Firmen optisch klar verbindet. Um die digitale Anonymität aufzubrechen, haben wir hochwertiges Bild- und Videomaterial produziert. Diese neuen Medien machen die Qualität und Präzision der Maschinen nun auf allen Seiten direkt erlebbar.

Webseite erstellen lassen

.gallery-container {
display: flex;
height: 80vh;
overflow: hidden;
align-items: center;
justify-content: center;
}

.gallery-wrapper {
display: flex;
width: 100%;
height: 60vh;
gap: 10px;
}

.image-column {
flex: 0.3;
transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
cursor: pointer;
border-radius: 10px;
}

/* Die aktive Spalte */
.image-column.expanded {
flex: 2.5;
}

.gallery-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
pointer-events: none; /* Verhindert Drag-Probleme */
}

/* Responsive Design: Tablet */
@media (max-width: 900px) {
.gallery-container {
margin-left: 5%;
margin-right: 5%;
}
.gallery-wrapper {
flex-direction: column;
height: 70vh;
}
.image-column.expanded {
flex: 4;
}
}

/* Responsive Design: Mobile */
@media (max-width: 600px) {
.gallery-wrapper {
height: 75vh;
}
.image-column.expanded {
flex: 3;
}
}

function expandColumn(element) {
// Entferne ‚expanded‘ von allen Spalten
const columns = document.querySelectorAll(„.image-column“);
columns.forEach((col) => {
col.classList.remove(„expanded“);
});
// Füge ‚expanded‘ zur aktuellen Spalte hinzu
element.classList.add(„expanded“);
}

// Unterstützung für Klick auf Mobilgeräten
document.querySelectorAll(„.image-column“).forEach((column) => {
column.addEventListener(„click“, function () {
expandColumn(this);
});
});

– Webseite Rudi Hutt Maschinenbau

Struktur und Design: Klarheit auf allen Ebenen

Für das Stammunternehmen lag der Fokus auf der kompletten Restrukturierung der bestehenden Website. Die Inhalte wurden in eine logische Navigation überführt und das Design für alle Endgeräte responsiv und zeitgemäß aufgebaut. Die neu integrierten Bilder und Bewegtbildformate aus der Fertigung holen die Präzision des Maschinenbaus direkt auf den Bildschirm und geben dem Unternehmen online ein authentisches Gesicht.

Webseite anschauen

– Kontakt

Dein Unternehmen soll digital genauso persönlich auftreten wie in Person?

Ob die Modernisierung bestehender Seiten, der komplette Neuaufbau oder ein einheitliches Konzept für eine ganze Unternehmensgruppe – wir verbinden klares Webdesign mit authentischer Medienproduktion. Lass uns gemeinsam planen, wie wir die Qualität und die Menschen hinter deinem Unternehmen digital sichtbar machen.

+49 152 5271 8847

Kontaktanfrage

– Webseite Hutt Zuführtechnik

Struktur und Design: Klarheit auf allen Ebenen

Da für dieses Tochterunternehmen bisher keine eigene Website existierte, erfolgte der Aufbau komplett neu. Die Seite wurde von Grund auf konzipiert, strukturiert und gestaltet. Dabei kam das übergreifende Designsystem der Gruppe zum Einsatz. So fügt sich die Hutt Zuführtechnik nun nahtlos und professionell in die gemeinsame digitale Identität der Unternehmensgruppe ein.

Webseite anschauen

– Webseite Linematic

Struktur und Design: Klarheit auf allen Ebenen

Auch die bestehende Webseite der Linematic wurde technisch und optisch auf den neuesten Stand gebracht. Um die hohe Qualität und die komplexen Automatisierungsprozesse für eine internationale Zielgruppe greifbar zu machen, haben wir die echten Arbeitsabläufe direkt am Standort in Sevelen filmisch und fotografisch dokumentiert. Diese neuen Medien bilden nun das Herzstück des neuen, responsiven Webauftritts.

Webseite anschauen

.gallery-container {
display: flex;
height: 80vh;
overflow: hidden;
align-items: center;
justify-content: center;
}

.gallery-wrapper {
display: flex;
width: 100%;
height: 60vh;
gap: 10px;
}

.image-column {
flex: 0.3;
transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
cursor: pointer;
border-radius: 10px;
}

/* Die aktive Spalte */
.image-column.expanded {
flex: 2.5;
}

.gallery-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
pointer-events: none; /* Verhindert Drag-Probleme */
}

/* Responsive Design: Mobile */
@media (max-width: 600px) {
.gallery-wrapper {
height: 75vh;
}
.image-column.expanded {
flex: 3;
}
}

// Unterstützung für Klick auf Mobilgeräten
document.querySelectorAll(„.image-column“).forEach((column) => {
column.addEventListener(„click“, function () {
expandColumn(this);
});
});

– Projekte

Spannende Projekte die wir mit unseren Kunden umsetzen durften.

Alle Projekte

Webdesign & Medien für die Rudi Hutt Unternehmensgruppe

Website Relaunch: DuraContact

Webseite für das Figma Plugin Path2PDF

Ein Auftritt, der Streetstepper spürbar macht

admin — Wed, 08 Jul 2026 15:08:00 +0000

Ein Auftritt, der Streetstepper spürbar macht

Wir haben Streetstepper einen einheitlichen Auftritt gegeben: von neuen Unternehmensbildern über einen frischen Social-Media-Kanal und einen Werbefilm bis zum Flyer.

Projektumfang

Ergebnisse

– Kunde

Streestepper

Schorndorf, Rems-Murr-Kreis

ca 3 Mitarbeiter:innen

Streetstepper entwickelt und produziert in Schorndorf ein gelenkschonendes Trainingsgerät, das Gehen und Fahren zu einem Ganzkörper-Workout verbindet. Seit über zehn Jahren fertigt das Team rund um Martin Buchberger seine Fahrrad-Alternative in zwei Modellen, dem Roadstepper und dem Mountainstepper, made in Germany. Orthopäden und Sportmediziner bestätigen den gesundheitlichen Nutzen, Kunden schätzen das gelenkschonende Fahrgefühl im Alltag und beim Sport.

– Anlass

Ein Produkt mit echtem Mehrwert für Rücken und Gelenke, das online noch nicht erlebbar war. Streetstepper brauchte einen digitalen Auftritt, der die Bewegung spürbar macht, und Material, um das Vertriebsnetz auch offline weiter auszubauen.

– Lösung

Mit einem Fototag haben wir Streetstepper, das Team und die Produkte authentisch eingefangen. Diese Bilder machen das Fahrgefühl auch digital erlebbar und bilden seither die Basis für Webseite, Social Media und Print. Darauf aufbauend haben wir einen Social-Media-Kanal aufgebaut, der Bewegung und Produkt greifbar macht und Streetstepper regelmäßig neue Reichweite bringt. Mit einem Werbefilm haben wir das Fahrgefühl zusätzlich in Bewegung gezeigt und in wenigen Minuten erlebbar gemacht. Als letztes Element haben wir einen Flyer gestaltet, der das neue Bildmaterial bündelt und das Vertriebsnetz bei Messen und im Handel stärkt.

Unternehmensbilder

Unternehmensfilm

.gallery-container {
display: flex;
height: 80vh;
overflow: hidden;
align-items: center;
justify-content: center;
}

.gallery-wrapper {
display: flex;
width: 100%;
height: 60vh;
gap: 10px;
}

.image-column {
flex: 0.3;
transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
cursor: pointer;
border-radius: 10px;
}

/* Die aktive Spalte */
.image-column.expanded {
flex: 2.5;
}

.gallery-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
pointer-events: none; /* Verhindert Drag-Probleme */
}

/* Responsive Design: Mobile */
@media (max-width: 600px) {
.gallery-wrapper {
height: 75vh;
}
.image-column.expanded {
flex: 3;
}
}

// Unterstützung für Klick auf Mobilgeräten
document.querySelectorAll(„.image-column“).forEach((column) => {
column.addEventListener(„click“, function () {
expandColumn(this);
});
});

– Kontakt

Bereit für mehr Sichtbarkeit?

Dein Produkt überzeugt im Alltag. Lass uns dafür sorgen, dass es auch online und im Handel ankommt.

+49 152 5271 8847

Kontaktanfrage

– Instagram Kanal

Bewegung, die man sofort spürt

Wir haben für Streetstepper einen Instagram-Kanal aufgebaut, der das Fahrgefühl direkt zeigt statt nur zu beschreiben. Produkt, Bewegung und Menschen in Aktion stehen im Mittelpunkt, ergänzt um Einblicke aus Produktion und Entwicklung in Schorndorf. So erreicht Streetstepper neue Kunden und Händler genau dort, wo sie täglich unterwegs sind.

Instagram

– Offline Kommunikation

Sichtbar im Handel, überzeugend auf der Fläche

Wir haben einen Flyer gestaltet, der das neue Bildmaterial für den Einsatz bei Händlern und auf Messen bündelt. So hat Streetstepper ein Werkzeug an der Hand, das im direkten Kontakt überzeugt und das Vertriebsnetz gezielt stärkt.

– Werbefilm

Das Fahrgefühl, das man sonst nur live erlebt

Wir haben Streetstepper in Bewegung eingefangen und das Fahrgefühl in wenigen Minuten greifbar gemacht. Der Film zeigt das Produkt genau dort, wo es überzeugt, in Fahrt, auf der Strecke und im echten Einsatz. So versteht jeder Kunde sofort, was Streetstepper ausmacht, noch bevor er selbst aufsteigt.

0:00

– Projekte

Spannende Projekte die wir mit unseren Kunden umsetzen durften.

Alle Projekte

Neue Webseite für SchahlundBuller Landschaft und gartenbau

Neue Webseite für Dietrich Sicherheitstechnik

Ein Auftritt, der Streetstepper spürbar macht

Rimmele Formentechnik Medienproduktion

admin — Mon, 22 Jun 2026 07:38:18 +0000

Rimmele Formentechnik – Werkzeugbau mit Gesicht

Unternehmensbilder und Headervideo für einen Familienbetrieb aus dem Formenbau, der zu lange im Hintergrund stand.

Projektumfang

Ergebnisse

– Kunde

Rimmele Formentechnik

Welzheim, Rems-Murr-Kreis

ca 25 Mitarbeiter:innen

Rimmele Formentechnik ist seit über 20 Jahren im Formen- und Werkzeugbau tätig und deckt die komplette Prozesskette ab, vom Prototyp bis zum Serienwerkzeug, gefertigt nach DIN ISO 9001. Ein Familienbetrieb mit echtem technischem Tiefgang, der über die Jahre ein eingespieltes Team und ein hohes Maß an Präzision aufgebaut hat.

– Anlass

Trotz jahrzehntelanger Erfahrung wirkte Rimmele online anonym. Die Webseite zeigte Maschinen, aber nicht die Menschen und die Haltung dahinter.

– Lösung

Um die Passion und Präzision hinter Rimmele sichtbar zu machen, haben wir die bestehende Webseite gezielt mit neuem Bild und Videomaterial aufgefrischt. Im Fokus stand dabei, das Team in echten Arbeitssituationen zu zeigen und die Atmosphäre der Werkstatt einzufangen, statt einer rein technischen Darstellung.

Unternehmensbilder

Unternehmensvideos

.gallery-container {
display: flex;
height: 80vh;
overflow: hidden;
align-items: center;
justify-content: center;
}

.gallery-wrapper {
display: flex;
width: 100%;
height: 60vh;
gap: 10px;
}

.image-column {
flex: 0.3;
transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
cursor: pointer;
border-radius: 10px;
}

/* Die aktive Spalte */
.image-column.expanded {
flex: 2.5;
}

.gallery-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
pointer-events: none; /* Verhindert Drag-Probleme */
}

/* Responsive Design: Mobile */
@media (max-width: 600px) {
.gallery-wrapper {
height: 75vh;
}
.image-column.expanded {
flex: 3;
}
}

// Unterstützung für Klick auf Mobilgeräten
document.querySelectorAll(„.image-column“).forEach((column) => {
column.addEventListener(„click“, function () {
expandColumn(this);
});
});

– Kontakt

Dein Unternehmen ist auch anonym im Internet unterwegs?

Lass uns gemeinsam deine aktuelle Webseite anschauen und eine Lösung entwickeln, damit dein Unternehmen mehr Persönlichkeit und Charakter bekommt.

+49 152 5271 8847

Kontaktanfrage

– Headervideos

Bewegtbild, das ankommt.

Statische Bilder zeigen, statische Bilder erzählen. Für die neue Startseite haben wir ein Headervideo produziert, das Rimmele direkt beim Betreten der Seite in Bewegung zeigt: Maschinen, Hände, Präzision in Echtzeit. Der erste Eindruck zählt, und der ist jetzt lebendig.

– Projekte

Spannende Projekte die wir mit unseren Kunden umsetzen durften.

Alle Projekte

Neue Webseite für SchahlundBuller Landschaft und gartenbau

Neue Webseite für Dietrich Sicherheitstechnik

Ein Auftritt, der Streetstepper spürbar macht