Drag-and-Drop. Ohne Code.

Bauen Sie Layout, Inhalte und Widgets visuell zusammen. Komplexere Anpassungen über den JSON-Schema-Editor — wenn Sie sie brauchen.

Enthalten im Paket Basis

Diagramm-Bausteine (Kennzahl, Linie, Balken, Torte, Trichter, Heatmap) im Paket Auswertungen.

Portal-Editor · Kundenportal Müller Bau
DesktopTabletMobil
EntwurfVeröffentlichen

Widgets

  • Überschrift
  • Text
  • Kennzahl
  • Tabelle
  • Chart
  • Dateien
  • über 40 insgesamt
MBMüller Bau

Guten Tag, Frau Müller

Offene Schäden

2

Verträge

7

Dokumente

3

Tabelle hier ablegen
Tabelle
Widget aus der Palette ziehenÄnderung sofort in der VorschauLive erst nach „Veröffentlichen“

Das Problem

Typische Pain-Points in diesem Bereich, die wir oft aus Kundengesprächen hören:

  • Sie bekommen Angebote für eine Eigenentwicklung im fünfstelligen Bereich — für ein Standard-Portal.
  • Standard-Tools von der Stange sehen aus wie 2014 und passen nicht zu Ihrem Geschäftsmodell.
  • WordPress-Plugins werden zur Sicherheitslücke und blockieren jedes Update.
  • Jede Layoutänderung kostet Sie eine Mail an Ihre Agentur — und vier Wochen Wartezeit.

Die Lösung in Portenia

So gehen wir den Bereich an — als Kombination aus Editor, Plattform und gelebter Praxis:

  • KI-Copilot baut mit

    Beschreiben Sie das Dashboard — der Copilot kennt jedes Widget, platziert es im Entwurf und macht jeden Schritt rückgängig. Im Seiten-Panel, wie in einer modernen Entwicklungsumgebung.

  • Über 40 Widgets out of the box

    Heading, Text, Bild, Container, Tabelle, Stats, 8 Chart-Typen, Files, Formulare, Chat, Kalender, Rechnungen und mehr — direkt aus dem Editor verwendbar.

  • Responsive Vorschau

    Live-Preview für Desktop, Tablet und Mobile. Sie sehen sofort, wie ein Endkunde Ihr Portal erlebt.

  • Pages und Sub-Pages

    Strukturieren Sie Ihr Portal beliebig tief: Dashboard, Verträge, Schadenfälle, Dokumente — mit eigener Navigation.

  • Daten-Studio

    Welche Zeilen die Tabelle zeigt, entscheiden Sie im Dialog: Filter setzen, Quellen verknüpfen, Spalten wählen und Werte formatieren — ohne SQL.

  • Eigene Schriften, DSGVO-konform

    Kuratierte Schriften werden mit dem Portal ausgeliefert statt von Google geladen; Ihre Hausschrift laden Sie selbst hoch.

  • Design-Variablen und Breakpoints

    Farben und Abstände einmal benennen und überall verwenden. Je Breakpoint überschreiben Sie nur das, was auf Tablet oder Handy anders sein soll.

  • Theme-Picker

    Farben, Schrift, Logo und Favicon in der Oberfläche festlegen — ohne CSS anfassen zu müssen.

  • JSON-Schema-Editor für Profis

    Jedes Detail per JSON anpassbar. Versionierung und Validierung sind eingebaut, damit nichts kaputtgeht.

  • Live-Preview

    Änderungen sind sofort im Vorschau-Fenster sichtbar — kein Kompilieren, kein Deploy, kein Cache-Bust.

Vorschau

Nachgebaut aus dem Produkt — so sieht es im Alltag Ihres Teams aus.

Eine Seite — Desktop, Tablet und Handy

Die Vorschau schaltet auf Knopfdruck um. Sie sehen sofort, wie ein Kunde Ihr Portal auf dem Handy erlebt: Kacheln rücken untereinander, Tabellen werden zu Karten.

Desktop

kunden.mueller-bau.de/uebersicht
MBMüller Bau

Guten Tag, Frau Müller

Offene Schäden

2

Verträge

7

Neue Dokumente

3

VertragSparteStatus
V-1042Betriebshaftpflichtaktiv
V-1187Gebäudeaktiv
V-1203Kfz-Flottein Prüfung

Mobil

MBMüller Bau

Guten Tag, Frau Müller

Offene Schäden

2

Verträge

7

Neue Dokumente

3

  • Betriebshaftpflicht

    V-1042aktiv

  • Gebäude

    V-1187aktiv
Eine Seite, gebaut für alle GeräteMobil: Kacheln untereinander, Tabelle als Karten

Daten-Studio: welche Zeilen die Tabelle zeigt, entscheiden Sie im Dialog

Quelle wählen, verknüpfen, filtern, Spalten auswählen, Werte formatieren. Das Ergebnis steht daneben — ohne eine Zeile SQL.

Daten-Studio · Tabelle „Aktive Verträge“
1

Quelle

Verträgeverknüpft mitKunden
2

Filter

Status = aktivPrämie > 500 €
3

Spalten

VertragSpartePrämieBeginn
4

Format

Prämie → Währung (€)

Ergebnis

3 Zeilen
VertragSpartePrämie
V-1042Betriebshaftpflicht1.240,00 €
V-1187Gebäude860,50 €
V-1311Inhalt612,00 €
Ohne SQL — nur Auswahl im Dialog

Ihr Design: Variablen, Schrift, Logo

Farben und Abstände einmal benennen und überall verwenden. Je Breakpoint überschreiben Sie nur, was anders sein soll. Schriften werden mit dem Portal ausgeliefert statt von Google geladen.

Design

Variablen

  • Primär#0f766e
  • Fläche#f8fafc
  • Text#1f2937
  • ↔Abstand M16 px

Mobil überschreibt nur:

Abstand M 16 → 12 px

Schrift & Logo

Inter · mitgeliefertHausschriftLogo · Favicon
kunden.mueller-bau.de
MBMüller Bau

Schaden melden

In zwei Minuten erledigt — mit Fotos.

Jetzt starten

Verträge

7

Dokumente

3

Einmal benannt, überall verwendetSchriften vom Portal, nicht von Google

JSON-Schema-Editor für Profis — mit Prüfung und Versionen

Jedes Detail lässt sich im JSON anpassen. Ein Fehler wird sofort markiert, jede Version bleibt nachvollziehbar, und live geht erst, was Sie veröffentlichen.

JSON-Schema · Seite „Übersicht“
VisuellJSON
1{
2  "type": "table",
3  "title": "Aktive Verträge",
4  "dataSource": "vertraege",
5  "columns": "vertrag",
6  "pageSize": 10
7}

Zeile 5: „columns“ erwartet eine Liste.

Entwurf speichernVeröffentlichen

Versionen

  • v14gestern, 16:02LiveAK
  • v133. Okt, 09:15JH
  • v1228. Sep, 11:40AK
Fehlerhaftes Schema geht nicht live

Wie es im Ablauf aussieht

In drei Schritten vom Einrichten bis zur täglichen Nutzung.

  1. 1

    1. Template wählen

    Starten Sie von einem fertigen Template oder leerem Canvas. Templates sind als Best-Practice-Vorlage gedacht.

  2. 2

    2. Widgets zusammenklicken

    Per Drag-and-Drop platzieren Sie Widgets. Größen, Anordnung und Inhalte direkt in der Vorschau bearbeitbar.

  3. 3

    3. Veröffentlichen

    Mit einem Klick auf Ihrer Custom-Domain live. Entwurf und Veröffentlichung sind getrennt — mit nachvollziehbarem Änderungs-Verlauf.

Sehen Sie Portenia in Aktion.

Wir starten gerade mit den ersten Kunden. Trag dich ein oder sprich mit unserem Vertrieb — wir melden uns.

Mit dem Vertrieb sprechenAuf dem Laufenden bleiben

Persönlich, zu Ihrem Wunschtermin

Demo anfragen