Webdesign – 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

Website Relaunch: DuraContact

admin — Mon, 31 Aug 2026 13:56:36 +0000

Website Relaunch für DuraContact

Von unübersichtlich zu intuitiv: Wie wir die komplexe Produktpalette von DuraContact digital neu strukturiert und in ein modernes Webdesign übersetzt haben.

Projektanlass

Webseite

– Kunde

DuraContact

DuraContact ist ein spezialisiertes Unternehmen mit einer vielseitigen und technisch anspruchsvollen Produktpalette. Ein professioneller Auftritt ist hier essenziell, um Kunden und Partner von der Qualität der Lösungen zu überzeugen.

– Anlass

Der bisherige Webauftritt war über die Jahre unübersichtlich geworden. Insbesondere die Darstellung der verschiedenen Produkte bot den Nutzern keine intuitive Orientierung mehr. Gleichzeitig entsprach das Design nicht mehr den aktuellen Anforderungen an eine moderne Unternehmenswebseite und es fehlte an einer ansprechenden medialen Präsentation.

– Lösung

Wir haben die Webseite von Grund auf neu konzipiert und gestaltet. Dabei haben wir die Produktstruktur logisch neu geordnet, um die Nutzerführung drastisch zu vereinfachen. Das neue, zeitgemäße UI-Design und die gezielte Einbindung aussagekräftiger Medien sorgen nun für einen modernen, professionellen digitalen Auftritt.

Webseite erstellen lassen

– Kontakt

Unübersichtliche Website? Lass uns Struktur in deinen Auftritt bringen.

Lass uns gemeinsam den Relaunch für dein nächstes Web-Projekt planen. Wir verbinden eine klare inhaltliche Struktur mit modernem Webdesign, um deine Produkte und Dienstleistungen digital nutzerfreundlich und professionell sichtbar zu machen.

+49 152 5271 8847

Kontaktanfrage

– Webseite

Struktur und Design: Klarheit auf allen Ebenen

Der Kern des Relaunches war die Restrukturierung der Inhalte. Wir haben die komplexe Produktpalette von DuraContact in eine klare, logische Navigationsstruktur überführt, sodass Nutzer mit wenigen Klicks exakt die gesuchten Informationen finden. Neben der reinen Übersichtlichkeit haben wir auch das visuelle Erscheinungsbild komplett modernisiert. Das neue, aufgeräumte Webdesign rückt die Produkte durch hochwertige Medien in den Vordergrund, stärkt das Vertrauen in die Marke und macht die Website auf allen Endgeräten zu einem zeitgemäßen Aushängeschild.

– Projekte

Spannende Projekte die wir mit unseren Kunden umsetzen durften.

Alle Projekte

Website Relaunch: DuraContact

Webseite für das Figma Plugin Path2PDF

Social Media Begleitung: Altstadtlauf 2026

Webseite für das Figma Plugin Path2PDF

admin — Mon, 31 Aug 2026 10:02:24 +0000

Webseite für das Figma Plugin Path2PDF

Von der Eigenentwicklung zur Vermarktung: Wie wir unsere Designprozesse optimiert und eine klare Webseite für unser Tool umgesetzt haben.

Projektanlass

Webseite

– Kunde

Beventive – Intern

Dieses Projekt ist eine Eigenentwicklung unserer Agentur beventive. Als Grundlage für unsere tägliche Gestaltungsarbeit nutzen wir die Software Figma, um Layouts für unsere Kunden zu erstellen.

– Anlass

Im Agenturalltag exportieren wir regelmäßig umfangreiche Layouts als PDF-Dokumente. Die manuelle Sortierung der einzelnen Seiten und das Hinzufügen von Seitenzahlen war bisher ein zeitaufwendiger und fehleranfälliger Prozess, für den es in Figma keine zufriedenstellende Standardfunktion gab.

– Lösung

Wir haben das Figma Plugin Path2PDF entwickelt, um diesen Workflow zu automatisieren. Damit auch die externe Design-Community auf dieses Tool zugreifen kann, haben wir im Anschluss eine dedizierte Webseite konzipiert und umgesetzt, die das Plugin erklärt und auffindbar macht.

Webseite erstellen lassen

– Kontakt

Neue Webseite oder Landingpage? Lass uns deinen digitalen Auftritt gestalten.

Lass uns gemeinsam die Umsetzung für dein nächstes Web-Projekt planen. Wir verbinden durchdachte Design-Konzepte mit moderner Webentwicklung, um dein Unternehmen online professionell und funktional sichtbar zu machen.

+49 152 5271 8847

Kontaktanfrage

– Webseite

Kernfunktionen direkt im Browser erleben

Für die Präsentation des Plugins haben wir eine kompakte Landingpage umgesetzt, die über reine Information hinausgeht. Das Besondere an der Seite ist der interaktive Aufbau: Besucher können sich die Software nicht nur ansehen, sondern die Kernfunktionen von Path2PDF direkt auf der Webseite selbst testen und erleben. Dadurch wird der Mehrwert des Tools sofort greifbar, bevor die Nutzer für den Download in die Figma Community weitergeleitet werden.

– 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

Grabmal – Neugestaltung Webseite für den digitalen Vertrieb von Grabzeichen

admin — Thu, 20 Aug 2026 09:18:42 +0000

Grabmal – Neugestaltung Webseite für den digitalen Vertrieb von Grabzeichen

Ein komplett neu gedachter Auftritt inklusive 3D-Visualisierungen. So wird aus einer Webseite ein tägliches Werkzeug für den Vertrieb durch Bestatter.

Projektanlass

Kontakt

– Kunde

Gramal

Plüderhausen

ca 2 Mitarbeiter:innen

Grabmal ist spezialisiert auf die Fertigung hochwertiger Grabsteine in außergewöhnlicher Modellvielfalt. Das Unternehmen beliefert primär Bestattungshäuser mit handwerklich anspruchsvollen Produkten, die Angehörigen einen würdevollen Ort der Erinnerung bieten.

– Anlass

Wie übersetzt man hochwertige Handwerkskunst und eine enorme Modell-Vielfalt auf einen Screen? Der alte Auftritt konnte diese Wertigkeit nicht mehr transportieren.

– Lösung

Wir haben den Auftritt komplett neu gedacht. Das visuelle Kernstück: Detailreiche 3D-Renderings, die die Modellvielfalt konsistent zeigen und atmosphärische Banner-Videos für den starken ersten Eindruck. Eingebettet in ein modernes, nutzerzentriertes Webdesign ist eine Plattform entstanden, die Angehörigen Orientierung gibt und den Bestattern den Vertrieb massiv erleichtert.

Webseiten Relaunch

.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

Deine Webseite bräuchte auch eine Neugestaltung?

Lass uns gemeinsam schauen, wie wir dein Team, deine Werte und deinen Charakter sichtbar machen, mit Webseite, passenden Bildern und Filmen und einem sauberen Google Maps Auftritt.

+49 152 5271 8847

Kontaktanfrage

– Der Weg zur fertigen Webseite

Was den neuen Webauftritt für Grabzeichen so besonders macht

Der Entstehungsprozess begann mit der strategischen Frage, wie sich die große Modellvielfalt und die handwerkliche Qualität von Grabmal optimal digital übersetzen lassen. Anstatt nur ein bestehendes Design aufzufrischen, haben wir die Informationsarchitektur von Grund auf neu durchdacht. Parallel zur Strukturierung entstanden detailreiche 3D-Renderings und atmosphärische Banner-Videos, die nahtlos in das moderne Webdesign integriert wurden, um die Materialien fotorealistisch erlebbar zu machen.

Das Besondere am fertigen Endprodukt: Die Seite ist kein reines digitales Aushängeschild, sondern löst ein konkretes Problem im Vertrieb. Durch die Kombination aus hochwertigem visuellen Content und einer nutzerzentrierten Benutzerführung funktioniert die Plattform als hybrides Werkzeug. Bestatter können die individuellen Grabzeichen mühelos und strukturiert im Kundengespräch präsentieren, während Angehörige in einer sensiblen Phase Orientierung und Vertrauen finden. So wird die neue Webseite zu einer ganzheitlichen Lösung, die den Markenauftritt stärkt und den täglichen Verkaufsprozess aktiv unterstützt.

– Projekte

Spannende Projekte die wir mit unseren Kunden umsetzen durften.

Alle Projekte

Gramal

Neue Webseite für SchahlundBuller Landschaft und gartenbau

Neue Webseite für Dietrich Sicherheitstechnik

Neue Webseite für SchahlundBuller Landschaft und gartenbau

Noah Hielscher — Thu, 30 Jul 2026 11:02:57 +0000

Schahl & Buller Webdesign und Medienproduktion

Wir haben Schahl & Buller eine neue Webseite gebaut, passende Medien produziert und ein Werkzeug für den direkten Kundenkontakt an die Hand gegeben.

Projektanlass

Kontakt

– Kunde

Schahl und Buller

Schorndorf

ca 4 Mitarbeiter:innen

Schahl & Buller ist ein Garten- und Landschaftsbauunternehmen aus dem Remstal bei Schorndorf. Andreas Schahl und Timon Buller haben ihre Leidenschaft zum Beruf gemacht und realisieren Gartengestaltung, Gartenpflege, Spielplatzbau und Winterdienst aus einer Hand, von der ersten Idee bis zur fertigen Fläche.

– Anlass

Handwerklich stark, aber digital nicht auffindbar. Schahl & Buller hatte bislang keine eigene Webseite und auch der Google Maps-Eintrag zeigte weder die Leistungen noch die Qualität der realisierten Projekte.

– Lösung

Wir haben Schahl & Buller die erste eigene Webseite gebaut, die Projekte und Leistungen klar zeigt und potenzielle Kunden direkt zum Erstgespräch führt. Zusätzlich haben wir den Google Maps-Standort eingerichtet und aktuell gehalten, damit Schahl & Buller auch lokal gefunden wird. Dafür haben wir passende Medien produziert und besonders gelungene Gartenprojekte als Projektvideos festgehalten, die den Vorher-Nachher-Effekt der Arbeit sichtbar machen. Ergänzend haben wir einen Flyer gestaltet, der den direkten Kundenkontakt vor Ort und auf der Baustelle unterstützt.

Webseiten Erstellung

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

Lass uns mit deinem Projekt starten.

Lass uns gemeinsam schauen, wie wir dein Team, deine Werte und deinen Charakter sichtbar machen, mit Webseite, passenden Bildern und Filmen und einem sauberen Google Maps Auftritt.

+49 152 5271 8847

Kontaktanfrage

– Projektvideo

Mehr als ein Bild kann zeigen

Ein Garten ist eine Wohlfühloase, die man spüren muss. Mit bewegten Bildern haben wir festgehalten, was ein Foto allein nicht vermitteln kann, von Details bis zur Atmosphäre vor Ort.

– Webseite

Klar strukturiert, konsequent nutzerzentriert

Uns war wichtig, dass die neue Webseite eine klare Seitenstruktur bekommt, die alle Leistungen von Schahl & Buller sauber abbildet, von Gartengestaltung über Gartenpflege bis zu Spielplatzbau und Winterdienst. Jede Leistung findet ihren eigenen Platz, statt in einer allgemeinen Übersicht unterzugehen.

Genauso wichtig war uns, nutzerzentriert zu denken: Mit welchem Anlass kommt jemand auf die Seite und wie überzeugen wir genau in diesem Moment? Ein Nutzer, der akut einen Winterdienst sucht, hat andere Fragen als jemand, der seinen Garten neu gestalten lassen möchte. Für dieses Szenario-Denken haben wir Seitenstruktur und Inhalte so aufgebaut, dass jeder Besucher zielgerichtet zu dem findet, was er braucht, und direkt zum Kontakt geführt wird.

Zur Webseite

– Google Maps

Lokal gefunden werden, dort wo gesucht wird

Wir haben den Google Maps-Standort von Schahl & Buller eingerichtet und mit aktuellen Informationen sowie hochwertigen Bildern gepflegt. So wird das Unternehmen genau dann gefunden, wenn im Remstal nach Garten- und Landschaftsbau gesucht wird.

Zum Google Maps Standort

– 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

Neue Webseite für Dietrich Sicherheitstechnik

admin — Mon, 20 Jul 2026 10:00:34 +0000

Neue Webseite für Dietrich Sicherheitstechnik

Neues Webdesign, Grafiken, Medien, SEO und laufende Blogbeiträge für einen der führenden Sicherheitstechnik Spezialisten der Region Stuttgart.

Projektumfang

Zu Dietrich

– Kunde

Dietrich Sicherheitstechnik GmbH

Urbach

ca 40 Mitarbeiter:innen

Dietrich Sicherheitstechnik ist seit über 30 Jahren VdS- und ISO 9001 zertifizierter Spezialist für Brand- und Einbruchschutz, Videoüberwachung, Zutrittskontrolle und Lichtruf. Mit Standorten in Urbach und Hessen betreut das Unternehmen Privatkunden, Gewerbe und öffentliche Einrichtungen in der Region Stuttgart und dem Rhein-Neckar-Gebiet.

– Anlass

Die hohe Kompetenz und Zertifizierung von Dietrich Sicherheitstechnik spiegelte sich online bisher nicht wider. Die Webseite war veraltet und transportierte weder das Vertrauen noch die Professionalität, die das Unternehmen ausmacht.

– Lösung

Wir haben die Webseite von Dietrich Sicherheitstechnik komplett neu gestaltet und mit eigens produzierten Grafiken und Medien ausgestattet. Ergänzt wird der Auftritt durch laufende SEO und GEO Optimierung sowie regelmäßige Blogbeiträge, damit Dietrich langfristig in der Region gefunden wird.

Webdesign

Unternehmensbilder

– Kontakt

Deine Webseite zeigt nicht, wofür du wirklich stehst?

Lass uns gemeinsam schauen, wie wir deinen digitalen Auftritt so gestalten, dass er das Vertrauen und die Kompetenz widerspiegelt, die dein Unternehmen ausmachen.

+49 152 5271 8847

Kontaktanfrage

– 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