Begehung per App mit KI
Foto aufnehmen, Velcure erkennt den Mangel, ordnet die Vorschrift zu und schlägt die Maßnahme vor. Sie bestätigen, die Verantwortlichen bekommen Aufgabe und Frist.
Feststellung → fachliche Prüfung → Maßnahme
05 / Komponenten
Eine Quelle. Überall Velcure.
Gemeinsame Bausteine für konsistente Oberflächen. Farben, Zustände und Interaktionen folgen denselben Gestaltungsregeln.
05.0
Marketing-Komponenten.
Hero und Sections verwenden dieselben Bausteine wie die Website. Inhalte, Medien, Aktionen und Farbvarianten werden über eigene Slots eingesetzt. Die Scan-Variante kombiniert eine klare Überschrift mit einer querformatigen Begehungsansicht. Eine Kennzahl erhält über den Highlight-Slot einen eigenen Platz unter den Aktionen.
Die Plattform für Gesundheit und Sicherheit im Betrieb
Gesund arbeiten.
Sicher weiterkommen.
Velcure verbindet Arbeitssicherheit, Arbeitsmedizin und Mutterschutz. Damit du Aufgaben, Vorsorge und nächste Schritte gemeinsam im Blick behältst.
Begehung · Schweißerei Halle 2
Schweißrauch ohne Punktabsaugung
TRGS 528Pflichtvorsorge Schweißrauche
<MarketingHero eyebrow={...} title={...} description={...} actions={...} media={...} highlight={...} footer={...} />Section / Helle Fläche
Ein klarer Rahmen für Inhalte.
Überschrift, Einleitung und Inhalt folgen einem gemeinsamen Maß. Die Section passt sich an Bildschirmgröße und Kontext an.
Freier Inhaltsbereich für Produktansicht, Features, Bilder oder Formulare.
<MarketingSection tone="light" eyebrow={...} title={...} description={...}>{children}</MarketingSection>Produktkarten
Begehung, Gefährdungsbeurteilung und Vorsorgekartei in einer Software.
Produktkarten verbinden Nutzen, Erklärung und eine Produktansicht. Die breite Variante gibt komplexen Abläufen mehr Raum.
Vorsorgekartei nach ArbMedVV
Die GBU bestimmt, wer welche Pflicht- oder Angebotsvorsorge braucht. Einladungen und Fristen laufen automatisch.
Tätigkeit → Vorsorgeanlass → Termin
<MarketingFeatureGrid><MarketingFeatureCard label="…" title="…" description="…" wide>{media}</MarketingFeatureCard></MarketingFeatureGrid>Für Ihre Rolle
Arbeitsschutz-Software für jede Rolle im Betrieb.
Arbeitsschutz scheitert selten an der Fachlichkeit, sondern an Übergaben. Velcure gibt jeder beteiligten Rolle genau die Sicht, die sie braucht.
Geschäftsführung
Nachweisbar organisiert.
- Ihre Organisationspflichten nach §§ 3 bis 6 ArbSchG sind lückenlos dokumentiert, mit Datum und Verantwortlichen.
- Bei BG-Besuch oder Prüfung durch die Gewerbeaufsicht liegt jeder Nachweis auf Knopfdruck vor.
- Offene Maßnahmen und Vorsorgequote je Standort auf einen Blick, statt auf Zuruf.
Fachkraft für Arbeitssicherheit
Zeit für Prävention statt Papier.
- Begehung mit KI-Checkliste nach TRGS, ASR und DGUV-Regelwerk, Fotos direkt am Prüfpunkt.
- Das Begehungsprotokoll fließt in die GBU ein; Sie prüfen die Änderungen und geben frei.
- Das ASA-Protokoll stellt sich aus den laufenden Daten zusammen.
Betriebsärztin oder Betriebsarzt
Vorsorge aus der GBU, nicht aus Excel.
- Velcure schlägt Pflicht- und Angebotsvorsorge aus der GBU vor, Sie bestätigen.
- Befunde bleiben bei Ihnen. Der Betrieb sieht nur Termin und Bescheinigung.
- Externe arbeitsmedizinische Dienste arbeiten im selben System mit.
Personal
Einladungen, die sich selbst verschicken.
- Ein- und Austritte aus dem HR-System halten das Vorsorgekataster aktuell.
- Einladungen, Erinnerungen und abgelehnte Angebotsvorsorgen laufen automatisch mit.
- Unterweisungen und Nachweise je Beschäftigtem an einer Stelle.
<MarketingRoleGrid><MarketingRoleCard role="…" title="…" points={[…]} footer="…" /></MarketingRoleGrid>Produktkarten verwenden helle Medienflächen für gut lesbare Demos und ihre fachlichen Statusfarben. Rollenkarten stehen auf Petrol; Nutzen und Aufgaben bleiben auch bei längeren Texten klar gegliedert.
Vorher-/Nachher-Vergleich.
Vergleiche stellen dieselbe Aufgabe in zwei Abläufen gegenüber. Jede Zeile verbindet eine Beschriftung mit zwei Inhaltsbereichen. Auf schmalen Flächen folgt „Mit Velcure“ unmittelbar auf „Heute“; die Beschriftung wird an jedem Inhalt wiederholt. Die gerade rechte obere Ecke greift die offene Ecke des Fokus-Zeichens auf; die übrigen drei Ecken bleiben gerundet.
Heute
Mit Velcure
Begehung
HeuteNotizen auf dem Klemmbrett, Fotos mit dem Diensthandy.
Mit VelcureDas Tablet führt durch die KI-Checkliste, Fotos hängen direkt am Prüfpunkt. Am Ende steht ein fertiges Begehungsprotokoll.
Nachbereitung
Heute≈ 3 Arbeitstage
Mit Velcure10 Minuten
<MarketingComparison label="…" beforeHeading={…} afterHeading={…} rows={[{ id, label, before, after }]} />Einladung mit Vorteilen.
Der Callout verbindet eine konkrete Einladung mit ihren Vorteilen und einer Aktion. Inhalte und Formularlogik kommen aus der jeweiligen Anwendung; Fläche, Abstände und Anordnung aus der gemeinsamen Komponente.
<MarketingCallout eyebrow={…} title="…" description="…" benefits={[…]} benefitIcon={…} actions={…} />Durchgängiger Produktablauf.
Der Produktablauf folgt dem normalen Seitenscrollen. Links bleiben die vier Schritte lesbar, rechts begleitet eine ruhende Produktansicht den jeweiligen Abschnitt. Die Ansichten wechseln weich ohne Scroll-Sperre und ohne Klickpflicht. Auf schmalen oder niedrigen Bildschirmen sowie bei reduzierter Bewegung steht jede Ansicht direkt unter ihrem Text. Fachliche Prüfung und Bestätigung sind als Teile des Beispiels sichtbar.
- 01
Feststellung
Das Tablet führt durch die KI-Checkliste, Fotos hängen direkt am Prüfpunkt. Am Ende steht ein fertiges Begehungsprotokoll.
Schweißerei Halle 2
Punktabsaugung an Kabine 3 außerhalb Erfassungsbereich
Absaugarm neu positionieren, Wirksamkeit messen
- 02
Gefährdungsbeurteilung
Das Begehungsprotokoll fließt in die Gefährdungsbeurteilung ein. Velcure schlägt die Änderungen vor, Sie prüfen und geben frei.
Schweißerei Halle 2
GBU Schweißerei Halle 2
Absaugarm neu positionieren, Wirksamkeit messen
- 03
Vorsorgeprogramm
Velcure schlägt die Pflichtvorsorge Schweißrauche vor, die Betriebsärztin bestätigt mit einem Klick.
Schweißerei Halle 2
Pflichtvorsorge Schweißrauche
Absaugarm neu positionieren, Wirksamkeit messen
Vorschlag bestätigen → - 04
Vorsorgekataster
Befunde bleiben beim Betriebsarzt. Der Betrieb sieht nur, ob eine Vorsorge stattgefunden hat und wann die nächste fällig ist.
Schweißerei Halle 2
Vorsorgekartei nach ArbMedVV
Vorschlag bestätigt, Kataster aktualisiert
<MarketingWorkflow label="…" context={…} steps={[{ id, label, description, content }]} />Scannen und erkennen.
Die Sequenz verbindet Foto, Feststellung und arbeitsmedizinischen Bezug: zwei Scandurchläufe, danach Markierung und Ergebnis. Die Auswertung erscheint nach der Markierung als Overlay im Foto: zuerst die Feststellung, leicht versetzt danach Vorschrift und Vorsorgebezug. Vor der Erkennung bleibt das Foto frei; eine leere Ergebnisfläche wird nicht reserviert. Die Website startet beim ersten Eintritt ins Sichtfeld. Der Scan lässt sich über den Button wiederholen. Bei reduzierter Bewegung steht das Ergebnis direkt ohne Scan-Effekt bereit. Sicherheitsfarben behalten ihre fachliche Bedeutung.
Begehung · Schweißerei Halle 2
Schweißrauch ohne Punktabsaugung
TRGS 528Pflichtvorsorge Schweißrauche
<MarketingScan image={…} label="…" finding={…} detail={…} active={visible} playbackKey={count} onReplay={replay} />Navigation im Scrollverlauf.
Der Header startet hell mit einem petrolfarbenen CTA. Oberhalb von 64 px Scrollposition verwendet er transparentes Petrol mit Hintergrundunschärfe, helle Schrift und einen mintfarbenen CTA. Logo, Schrift, CTA und Hintergrund wechseln gemeinsam über 480 ms mit einem sanften Ease-in-out; die Unschärfe wächst von 0 auf 16 px. Zur hellen Variante kehrt der Header unterhalb von 24 px zurück. So bleibt er an der Umschaltgrenze ruhig. Dropdown und mobile Navigation folgen derselben Kontrastvariante. Ohne Blur-Unterstützung bleibt die Fläche deckend; reduzierte Bewegung deaktiviert die Farbübergänge.
<MarketingHeader tone="light | dark" … />Redaktionelle Seiten und Karten.
Seiteneinstiege verwenden den gemeinsamen Container, eine klar begrenzte Überschrift und Platz für die feste Navigation. Das Kartenraster zeigt drei, zwei oder eine Spalte. Inhalte und Links setzt die jeweilige Seite ein.
Ressourcen
Wissen für Arbeitsschutz und Arbeitsmedizin.
Arbeitsmedizin
Ein gemeinsamer Rahmen für Fachwissen und die Menschen dahinter.
Arbeitssicherheit
Ein gemeinsamer Rahmen für Fachwissen und die Menschen dahinter.
Software und Compliance
Ein gemeinsamer Rahmen für Fachwissen und die Menschen dahinter.
<MarketingPageIntro>{intro}</MarketingPageIntro> · <MarketingCardGrid>{cards}</MarketingCardGrid>Eingaben und Ergebnis.
Das Split-Panel trennt Eingaben und Ergebnis innerhalb einer gemeinsamen Fläche. Das Ergebnis steht auf Petrol. Berechnung, Zustand und Formularfelder werden von der Anwendung eingesetzt. Unter 760 px stehen die Bereiche untereinander.
750 Beschäftigte
2 Standorte · 68 € pro Stunde
So viel ist die eingesparte Arbeitszeit pro Jahr wert
≈ 38.800 €<MarketingSplitPanel primary={inputs} secondary={result} />Tabellen und ergänzende Informationen.
Tabellen behalten ihre semantische Struktur und eine lesbare Mindestbreite. Die benannte Rahmenfläche ist mit der Tastatur erreichbar und auf schmalen Displays horizontal scrollbar.
| Daten | Fachkraft für Arbeitssicherheit | Betriebsarzt/-ärztin |
|---|---|---|
| Gefährdungsbeurteilungen | lesen · schreiben | lesen · schreiben |
| Ärztliche Dokumentation, Befunde | gesperrt | lesen · schreiben |
Lesbare Informationen
Begrenzte Zeilenlängen und klare Überschriften halten die Inhalte auch auf großen Flächen lesbar.
Fachliche Statusfarben
Markenflächen ersetzen keine Warn-, Pflicht- oder Fehlerfarbe.
Gemeinsame Außenkanten
Tabellen und Informationsraster folgen demselben Container wie Hero und Produktansichten.
<MarketingTableFrame label="…">{table}</MarketingTableFrame> · <MarketingFactGrid items={[{ title, text }]} />Fragen und Antworten.
Das Akkordeon verwendet native Details-Elemente. Mehrere Antworten lassen sich unabhängig voneinander öffnen; die Bedienung funktioniert mit Maus, Touch und Tastatur.
Wo stehen die Markendateien?
Logo-Dateien und Vorlagen findest du unter Vorlagen & Downloads.
Welche Form hat eine Markenfläche?
Panels verwenden 20 px, große Rahmen 28 px Radius. Beim Vorher-/Nachher-Vergleich bleibt die rechte obere Ecke gerade.
<MarketingAccordion items={[{ q, a }]} />MarketingContainer begrenzt die Seitenbreite auf 2.048 px inklusive Seitenabstand. Der Abstand wächst von 20 bis 80 px; Hero, Animation und Sections teilen dieselben Außenkanten. Längere Texte behalten eine begrenzte Zeilenlänge; Raster und Produktansichten nutzen auf großen Displays mehr Breite. Vertikale Abstände gehören zur Section und werden nicht im Container addiert.
<MarketingContainer>{children}</MarketingContainer>Import: @velcure/ui/marketing · Styles: @velcure/ui/marketing.css
05.1
Buttons
@velcure/ui
Probier Hover, Fokus und Klick aus.
<Button variant="primary">Maßnahme anlegen</Button>Quelle: packages/ui/src/index.tsx und styles.css. Primär für die Hauptaktion, sekundär für Alternativen, dezent für ergänzende Aktionen.
05.2
Status
ErledigtPrüfenInformationÜberfällig
<Status kind="warn">Prüfen</Status>05.3
Formularfeld
05.4
Produktvorschau
Core-UI · Gestaltungsreferenz · Beispieldaten
Alle MaßnahmenNach Status gruppiert
Aktuelle Vorgänge 3
Ausgewählte Maßnahme · M-12
Fluchtweg in Halle 2 freihalten
StatusIn Bearbeitung
ZuständigHallenteam
KI-Vorschlag · zur Prüfung
Feststellung mit der GBU verbinden
Prüfe den Zusammenhang, bevor du den Vorschlag übernimmst.
Interaktive Referenz aus Brand-Hub-Bausteinen. Keine Original-Core-Komponenten, keine Verbindung zu App-Daten.
Anwendungsbeispiel der gemeinsamen Status-Bausteine.
05.5
Logo
05.6
Arbeitsabläufe
- 01
Im Betrieb erfassen.
Begehungen, Beobachtungen und Gefährdungen dort festhalten, wo sie entstehen.
- 02
Im Zusammenhang prüfen.
Feststellungen in die Gefährdungsbeurteilung einordnen. KI unterstützt bei der Vorbereitung.
- 03
Gemeinsam dranbleiben.
Maßnahmen, Zuständigkeiten und Vorsorge organisatorisch verbinden.