+49 177 4624297 Projekt besprechen

Aus dem Studio

Oberfläche — kein Kundenprojekt

Kundenportal

Der Punkt, an dem eine Website nicht mehr reicht.

Gedacht für
Dienstleister mit wiederkehrenden Vorgängen — Kanzleien, Planung, Verwaltung
Technik
TypeScript · Web Components · CSS Grid · Ohne Framework, unter 8 kB Skript

Wie sieht eine Oberfläche aus, die auch jemand bedient, der sie zweimal im Jahr öffnet?

Wenn Kunden ständig nach dem Stand ihres Vorgangs fragen, kostet das jede Woche Zeit. Ein Portal löst das — aber nur, wenn es ohne Erklärung bedienbar ist. Wer sich zweimal im Jahr anmeldet, hat die Einführung längst vergessen.

Diese Oberfläche zeigt, worauf wir bei solchen Anwendungen achten: der aktuelle Stand als erstes und größtes Element, jede Statusänderung mit Datum und Person, Dokumente ohne Suchfunktion auffindbar. Keine Kacheln, deren Zweck man raten muss.

Die Demo läuft vollständig in Ihrem Browser. Es gibt keine Anmeldung, keinen Server und keine echten Daten — alle Namen und Vorgänge sind erfunden.

01 Demo

Zum Ausprobieren.

Läuft vollständig in Ihrem Browser. Keine Anmeldung, kein Server, keine echten Daten.

V-2026-0184

Erweiterung Lagerhalle — Bauantrag

M. Beispiel Beispiel GmbH (erfunden)

Aktueller Stand

In Prüfung bei der Behörde

Als Nächstes Rückmeldung Bauamt erwartet — Frist 12.09.

  1. Unterlagen vollständig 14.07.
  2. Statik geprüft 29.07.
  3. Antrag eingereicht 06.08.
  4. Prüfung Bauamt läuft
  5. Genehmigung offen

Bedienbar mit der Tastatur: Tabulator bis zu den Reitern, dann Pfeiltasten.

02 Entscheidungen

Die interessanten Stellen.

Ein fertiges Ergebnis sieht immer selbstverständlich aus. Interessant ist, was währenddessen entschieden wurde — und wogegen.

  1. 01

    Der Status ist die Startseite

    Nicht eine Übersicht mit Kennzahlen, sondern die eine Information, wegen der jemand sich anmeldet: Wie weit ist mein Vorgang, und was passiert als Nächstes?

  2. 02

    Jede Änderung hat einen Absender

    Der Verlauf nennt Datum, Uhrzeit und Person. Das schafft Vertrauen und beendet Diskussionen darüber, wann etwas zugesagt wurde.

  3. 03

    Bedienbar mit der Tastatur

    Alle Bereiche lassen sich mit Tabulator und Pfeiltasten erreichen. Probieren Sie es in der Demo aus — der Fokusrahmen ist absichtlich deutlich sichtbar.

  4. 04

    Funktioniert auf dem Telefon

    Portale werden fast immer am Rechner entworfen und dann auf dem Handy geöffnet. Diese Oberfläche ist von der schmalsten Breite aus nach oben gebaut.

Eingesetzt

  • TypeScript
  • Web Components
  • CSS Grid
  • Ohne Framework, unter 8 kB Skript
Nächste Arbeit — Werkzeug Aufwandsprofil Statt eines Preisschilds: sehen, was den Aufwand treibt.

03 Kontakt

Erzählen Sie uns, was Sie vorhaben.

Ein halbstündiges Gespräch, in dem Sie Ihr Vorhaben schildern und wir sagen, was es braucht — Umfang, Ablauf, Größenordnung. Kostenlos und unverbindlich. Wenn wir nicht die Richtigen sind, sagen wir das auch.

Projekt besprechen Lieber direkt sprechen? +49 177 4624297
  1. 01 Sie schildern Ihr Vorhaben in ein paar Sätzen.
  2. 02 Wir melden uns in der Regel am selben Werktag und schlagen einen Termin vor.
  3. 03 30 Minuten Gespräch — per Video oder bei Ihnen vor Ort.
  4. 04 Danach: schriftliches Angebot mit Positionen oder eine ehrliche Absage.