Redesign-Konzept für emobility-safety.com · Vorschau, nicht indexiert

From requirement to running proof

We didn't just read the brief. We built against it.

This preview is a live, hand-built prototype — not a slide. Every item below maps a requirement from the HV Safety provider handout to something you can already click on this page. It demonstrates that the concept, the access model, and the document logic are understood and technically in hand.

4
access tiers designed (L0–L3)
0
tier-leaks — verified by test
DE·EN
bilingual, fully responsive
days
from brief to working proof

Handout · Role-based visibility

Content adapts to who is looking

Three role entry points (supervisors, workshop, newcomers) route each audience to the right depth — the front end of a least-privilege model.

Live on this page

Handout · Search & filters, access-aware

Find by vehicle, level, keyword

The document center filters live by vehicle model and free-text search — the same interaction that will later return only results a user is cleared to see.

Live on this page

Handout · Compliance & qualification

Qualification matrix at a glance

A worked example shows valid / expiring / not-qualified per person and level, with automatic-reminder logic — turning compliance from a binder into a dashboard.

Live on this page

Handout · Document handling

Versioned documents, access badges

Each document carries an ID, version, language and a public/login access badge — the visible layer of a full Draft→Released→Superseded lifecycle.

Live on this page

Handout · Bilingual, responsive

DE / EN toggle, desktop & mobile

Full language switch and a layout that holds from phone to desktop — multilingual and responsive requirements demonstrated, not promised.

Live on this page

Handout · Emergency & safety-focused UX

One-click emergency path

A prominent, always-reachable emergency guide entry — the safety-critical UX the handout calls for, placed where it belongs.

Live on this page

The access model, already engineered

L0
Public
Awareness, myths & facts — no login.
L1
Service / Workshops
Series-product documents, protocols.
L2
R&D
Prototype content — invisible to L1.
L3
Administrators
CMS, releases, audit — separate rights.
  • Separation at the data boundary, not the surface. Access is enforced where data is served, so restricted content never reaches the browser — it is filtered before it is sent.
  • Fail-closed by default. If a role is unknown, the system shows public only. Safety over convenience.
  • No leakage — not even a count. Higher-tier documents don't appear in a lower-clearance search, not even as a “5 results hidden” hint. Verified by an automated test.
  • Row-Level-Security ready. The model maps cleanly onto Supabase RLS — permissions live in the database, maintainable by your team without a developer.

Request flow — filtered at the boundary

Every request passes the access gate before any data is served. Unknown role → public only.

User + role ACCESS GATE DataSource boundary · fail-closed Cleared only allowed tiers Blocked not even a count Sent to browser never sent

Access tiers — visibility boundaries

Each level sees its own content and everything more public — never what sits above it.

L3 Administrators L2 R&D · prototype L1 Service · Distributors · Workshops L0 Public · no login most restricted most public

Delivery plan — following your handout's own phases

Stage 0 · now
Concept & foundation
This prototype, the 4-tier access architecture and automated no-leak tests.
Delivered You are here
Stage 1 · MVP
Role-based platform
Login & 4 roles, series & R&D libraries, PDF preview, admin publish, favorites, news, responsive.
Stage 2
Interaction & workflow
Document comments, structured change requests, status tracking, advanced notifications.
Later
Scale & integrate
Version comparison, usage analytics, multilingual workflow, LMS / ticketing, watermarked & offline packages.

Start here

Start small, without risk

The presentation layer sits in front of your existing DAM — the backend stays. A defined fixed-price scoping audit (approx. one week) turns the concept into a concrete plan for your environment, including hosting in your own compliant infrastructure. No platform commitment before the value is clear.

Full requirement coverage — where every handout item stands

Role-based visibilityLive demo
Access-aware search & filtersLive demo
Qualification & compliance viewLive demo
Document versioning & access badgesLive demo
Bilingual DE/EN & responsiveLive demo
Emergency-first UXLive demo
4-tier access separation (L0–L3)Architected
Fail-closed boundary + no-leak testArchitected
SSO / identity integrationArchitected
In-browser PDF previewLive demo
Controlled download (server-enforced)Architected
Comments & change requestsPlanned · Ph.2
Favorites & update notificationsPlanned · MVP
Admin CMS (self-service publishing)Planned · MVP
Audit trail & governancePlanned · MVP
Live demo — clickable on this page Architected — built into the codebase Planned — scoped & phased
Built in days, by a focused team — concept, access architecture and this prototype. Imagine the full platform.
FUSO HV SAFETY

Hochvolt-Sicherheit im FUSO-Netzwerk

Sicherheit beginnt bei Menschen.
Wir machen sie handlungssicher.

Wer an FUSO-Hochvolt-Antrieben arbeitet, braucht drei Dinge: das richtige Dokument, die richtige Qualifikation — und im Ernstfall die richtige Handlung. Dieses Portal liefert alle drei. Sofort.

Live-Demo: Suche filtert das Dokumenten-Center · z. B. „Freischalten“, „eCanter“, „Matrix“

Management & Safety Supervisors

Verantwortung nachweisbar organisieren

Pflichten, Gefährdungsbeurteilung und die Qualifikationsmatrix Ihres Teams — Compliance auf einen Blick, nicht im Aktenordner.

→ Zum Compliance-Überblick Werkstatt & Technik

Sicher am Fahrzeug arbeiten

Arbeitsanweisungen und Freischalt-Prozeduren — gefiltert nach Fahrzeugmodell und Qualifikationsstufe, in Ihrer Sprache.

→ Zum Dokumenten-Center Neu im Thema

HV-Sicherheit verstehen

Grundlagen, Begriffe und die häufigsten Missverständnisse — der Einstieg, bevor es an Qualifikation und Praxis geht.

→ Grundlagen starten

Warum Auffindbarkeit der Kern ist

Auffindbar sieht anders aus.

Sicherheits-Dokumentation ist nur so gut wie ihre Erreichbarkeit in dem Moment, in dem sie zählt.

Heute

Verstreut über Ablagen und Kanäle — gefiltert danach, wer weiß, wo etwas liegt, statt danach, welche Rolle jemand hat.

Nachher

Die richtige Datei, für die richtige Person, sofort — nach Rolle und Fahrzeug gefiltert, auch im Notfall und auf dem Handy.

Dokumenten-Center

Ihr Fahrzeug. Ihre Stufe. Ihr Dokument.

Demo · Admin-Cockpit Für Redakteure — Ihr Cockpit: PDF einpflegen, Ebene wählen, veröffentlichen. Aufklappen ▾

So pflegt Ihr Team ein Dokument selbst ein — ohne Entwickler. Sie legen es in die richtige Kategorie und Zugriffsebene; die Sichtbarkeit erzwingt das System automatisch.

Demo — kein echtes Login. Passwort zum Freischalten der Cockpit-Steuerung:

DOC-HV-014 · v3.2

Freischalt-Prozedur — Arbeiten am spannungsfreien System

eCanter

DEENLogin
Vorschau öffnen →
DOC-HV-021 · v1.1

Batteriesystem — Handhabung & Lagerung beschädigter Packs

Next-Gen eCanter

DEENLogin
Vorschau öffnen →
DOC-QM-002 · v1.4

Qualifikationsmatrix — Rollen & Verantwortlichkeiten im Betrieb

Alle Modelle

DEENLogin
Vorschau öffnen →
DOC-RS-007 · v2.3

Abschleppen & Bergen — sichere Verfahren im Pannenfall

eCanter

DEENÖffentlich
Vorschau öffnen →
DOC-HV-030 · v1.0

HV-Komponentenübersicht — Lage, Kennzeichnung, Warnhinweise

Super Great

DEENLogin
Vorschau öffnen →
DOC-BAS-001 · v2.0

Grundlagen der HV-Sicherheit — Einstieg & Begriffe

Alle Modelle

DEENÖffentlich
Vorschau öffnen →

Qualifikation & Compliance

Vom ersten Kontakt zur Fachkunde — ein klarer Weg.

STUFE 1

Unterwiesen (EuP)

Elektrotechnisch unterwiesene Person: Gefahren erkennen, Grenzen kennen, sicher im Umfeld von HV-Fahrzeugen arbeiten.

STUFE 2

Fachkundig unterwiesen (FuP)

Arbeiten am spannungsfreien HV-System nach Freigabe — definierte Tätigkeiten, definierte Verantwortung.

STUFE 3

Fachkundige Person HV (FHV)

Freischalten, Sichern, Freigeben — die Schlüsselrolle für jede Arbeit am Hochvolt-System.

Qualifikationsmatrix — Ihr Team auf einen Blick

Beispieldaten · Konzept
Mitarbeiter:inEuPFuPFHVNächste Auffrischung
M. Webergültiggültiggültig03/2027
S. Tanakagültigläuft ab—09/2026
A. Costagültig——11/2027
gültig Auffrischung fällig — automatische Erinnerung nicht qualifiziert

Im Ernstfall

Notfall? Erst sichern, dann handeln.

Verantwortlichkeiten, Risikobewertung und Evakuierungsplan — als geführter Ablauf, erreichbar in einem Klick von jeder Seite.

Notfall-Leitfaden öffnen

Vehicle-QR → richtiges Dokument, richtige Sprache

QR am Fahrzeug. Jede Sprache.

Vorbild Mercedes-Benz Rescue-Sticker: Ersthelfer scannen den QR am Fahrzeug — die Rettungsseite öffnet automatisch in ihrer Sprache. Öffentlich (L0), kein Login.

hv-concept.berlinjohn.de/r/ecanter
Am Fahrzeug scannen

Gerätesprache erkannt: — → automatisch geroutet

Sichtbarer Umschalter als Fallback (falls das Handy fremdsprachig eingestellt ist):

Rettungskarte — eCanter
  1. Zündung aus, Schlüssel entfernen, Warnblinker an.
  2. Orange HV-Leitungen nicht durchtrennen.
  3. Rettungskarte folgen · Notruf 112.

Öffentlich kein Login nötig

Der QR zeigt auf eine neutrale URL; die Gerätesprache wird automatisch erkannt; der sichtbare Umschalter garantiert die richtige Version. Demo/Mockup.

Mythen der EV-Sicherheit

Was viele glauben — und was stimmt.

„Ein E-Fahrzeug steht immer unter Strom — anfassen ist lebensgefährlich.“

Das HV-System ist gegenüber der Karosserie isoliert und überwacht. Gefährlich wird es bei Beschädigung oder unsachgemäßem Eingriff — genau dafür gibt es Qualifikation und Prozeduren.

Mythos

„Nur qualifizierte Personen dürfen das HV-System freischalten.“

Richtig. Freischalten, Sichern und Freigeben ist Aufgabe der Fachkundigen Person HV — das ist der Kern jeder sicheren Arbeit am System.

Fakt