Menü

Kontakt aufnehmen
Logo
Presse

Webportale & Apps

Komplizierte Portale verlieren Nutzer.

Kunden möchten Vorgänge erledigen, Außendienstteams brauchen Informationen am Einsatzort und Fachabteilungen einen verlässlichen Überblick. Wir entwickeln Webportale und mobile Apps mit passenden Nutzerabläufen, nachvollziehbaren Berechtigungen und Anbindung an Ihre bestehenden Systeme.

Abstimmung einer Anwendung zwischen Laptop und Smartphone – Symbolmotiv
Von der Aufgabenstellung bis zur dokumentierten Übergabe.

Wann diese Leistung hilft

Webportale & Apps: Ihr Auftrag an uns.

  • Kunden- und Partnerportale bereitstellen
  • Mobile Arbeitsabläufe unterstützen
  • Formulare und Antragsstrecken digitalisieren

Web-Anwendungen und mobile Apps für Kunden, Außendienst und Fachabteilungen, mit einem Backend, das beide Kanäle über dieselbe Schnittstelle bedient. Oberflächen bauen wir in React, Next.js oder Vue, Apps plattformübergreifend mit React Native oder nativ in Kotlin und Swift, geprüft auf Barrierefreiheit nach WCAG. Anmeldung, Sitzungen und Offline-Daten sichern wir nach den OWASP-Vorgaben für Web und Mobile ab.

Was zum Auftrag gehören kann

  • Klick-Prototyp und Nutzertest mit Fachbereich oder Kunden vor der Entwicklung
  • Web-Frontend mit React, Next.js oder Vue, Barrierefreiheit nach WCAG 2.2
  • Mobile Apps mit React Native oder nativ in Kotlin und Swift, inklusive Veröffentlichung in den Stores
  • Anmeldung über OpenID Connect, Sitzungsschutz und Zertifikats-Pinning nach OWASP MASVS
  • Offline-Fähigkeit, Push-Benachrichtigungen und Telemetrie mit Einwilligung nach DSGVO

Den konkreten Umfang, die Abnahmen und Ihre Mitwirkung legen wir im Angebot fest.

Der Zusammenhang auf einen Blick

Ein guter digitaler Prozess führt bis zum Ziel.

  1. 01

    Zugang

    Identität und Berechtigungen klären

  2. 02

    Aufgabe

    Nutzer verständlich durch den Vorgang führen

  3. 03

    Verarbeitung

    Daten sicher an Fachsysteme übergeben

  4. 04

    Rückmeldung

    Status und nächste Schritte sichtbar machen

Planung, Umsetzung und Entscheidungen

Worauf es bei Webportale & Apps ankommt.

01

Vom ersten Zugang bis zum abgeschlossenen Vorgang

Ein Portal ist dann hilfreich, wenn Nutzer ihr Ziel ohne Umwege erreichen. Wir entwerfen vollständige Abläufe für Anmeldung, Dateneingabe, Upload, Rückfragen und Statusverfolgung. Fehlerfälle gehören ins Konzept: abgelaufene Sitzungen, unvollständige Unterlagen oder eine unterbrochene Verbindung dürfen nicht zum Verlust bereits erfasster Arbeit führen.

Klickbare Prototypen machen diese Abläufe vor der Implementierung prüfbar. Rückmeldungen aus Fachbereich und Nutzergruppe fließen in Navigation, Formulare und verständliche Rückmeldungen ein. Ein gemeinsames Komponentensystem sorgt dafür, dass neue Funktionen dieselbe Bedienlogik verwenden.

02

Web, progressive Web-App oder native App?

Die Wahl folgt dem Einsatz. Ein browserbasiertes Portal erleichtert den Zugang ohne Installation. Eine progressive Web-App kann für bestimmte mobile Abläufe ausreichen; native oder plattformübergreifende Apps kommen infrage, wenn Geräteschnittstellen, Hintergrundverarbeitung oder Offline-Anforderungen dies erfordern. Wir prüfen die benötigten Fähigkeiten anhand realer Geräte.

Offline-Daten brauchen Regeln für lokale Speicherung, Synchronisation und Konflikte. Bei einer Außendienst-App muss etwa geklärt sein, welche Änderung Vorrang hat, wenn zwei Personen denselben Vorgang bearbeiten. Diese Fragen beeinflussen Backend und Berechtigungen ebenso wie die Oberfläche.

03

Zugänglichkeit und Sicherheit im Nutzungskontext

Tastaturbedienung, erkennbare Fokuszustände, verständliche Fehlermeldungen und skalierbare Schrift sind Teil der Oberflächenarbeit. Den erforderlichen Prüfrahmen für Barrierefreiheit stimmen wir mit Ihnen ab. Ein visueller Entwurf oder ein automatischer Scan allein ist kein vollständiger Nachweis der Zugänglichkeit.

Zugriffe prüfen wir serverseitig für jede Rolle und jeden Vorgang. Datei-Uploads, Sitzungen und Datenfreigaben bekommen eigene Schutzmaßnahmen. Für den Rollout planen wir Testgeräte, gegebenenfalls Store-Freigaben, Supportwege und die Einführung bei Ihren Nutzern.

Werkzeuge folgen der Aufgabe

Technik, die zu Ihrer Umgebung passt.

  • React
  • Next.js
  • Vue
  • React Native
  • Kotlin
  • Swift

Die Auswahl richtet sich nach vorhandenen Systemen, Ihrem Team und dem späteren Betrieb. Nicht jedes Projekt benötigt alle genannten Technologien.

Für Fachverantwortliche und technische Teams

Die Entscheidungen hinter der Umsetzung.

04

Identität, Vertretungen und sichere Self-Service-Prozesse

Ein Kundenkonto besteht aus mehr als einem Login. Einladungen, Organisationswechsel, verlorene Zugänge, Vertretungen und das Ausscheiden von Mitarbeitenden müssen in das Berechtigungsmodell passen. Wir klären, wer neue Nutzer freigeben darf und welche Schritte eine erneute Bestätigung benötigen. Zentral verwaltete Identitäten können angebunden werden; die fachliche Entscheidung über einen konkreten Auftrag bleibt trotzdem Aufgabe des Portals.

Bei Antragsstrecken und Uploads betrachten wir den gesamten Weg bis zur internen Bearbeitung. Dateigröße, erlaubte Inhalte, Quarantäne und Freigabe werden ebenso geplant wie verständliche Statusmeldungen. Ein erfolgreicher Upload bedeutet noch nicht, dass ein Dokument geprüft oder angenommen wurde. Entwürfe, automatische Speicherung und Fortsetzen auf einem anderen Gerät benötigen klare Regeln zur Sichtbarkeit. Sensible Informationen sollen nicht versehentlich in Benachrichtigungen, URLs oder Diagnosemeldungen erscheinen.

05

Offline-Nutzung und Synchronisation ohne Datenchaos

Eine mobile Anwendung im Lager oder Außendienst kann nicht von einer dauerhaft stabilen Verbindung ausgehen. Wir unterscheiden lesbare Offline-Daten von lokal erfassten Änderungen und legen fest, wie lange diese gültig bleiben. Große Datenbestände werden nicht wahllos auf jedes Gerät kopiert. Benutzerrechte, Gerätespeicher und der Umgang mit einem verlorenen Gerät fließen in das Konzept ein.

Beim erneuten Verbinden kann sich derselbe Datensatz bereits auf dem Server geändert haben. Eine pauschale Regel „letzte Änderung gewinnt“ ist für viele Fachprozesse ungeeignet. Wir definieren, welche Felder automatisch zusammengeführt werden können und welche Konflikte eine Entscheidung erfordern. Ausstehende Übertragungen bleiben für Nutzer sichtbar. Tests umfassen Verbindungsabbrüche während des Sendens, mehrfaches Wiederholen, abgelaufene Sitzungen und Änderungen an Berechtigungen zwischen Erfassung und Synchronisation.

06

Bedienbarkeit unter realen Bedingungen und kontrollierter Rollout

Ein Portal wird nicht nur auf einem großen Entwicklungsmonitor genutzt. Lange Namen, Übersetzungen, vergrößerte Schrift, Bildschirmtastaturen und langsame Geräte verändern das Layout. Wir prüfen deshalb vollständige Aufgaben auf relevanten Geräten und mit unterschiedlichen Eingabemethoden. Fehlermeldungen erklären, was korrigiert werden muss, und führen zur passenden Stelle. Ein Formular darf seine Eingaben nicht verlieren, nur weil die Anmeldung erneuert werden muss.

Für die Einführung planen wir einen begrenzten Nutzerkreis, erreichbare Hilfe und Rückmeldungen aus echten Arbeitsabläufen. Bei mobilen Apps können ältere Versionen weiter installiert bleiben; das Backend muss die vereinbarte Übergangszeit berücksichtigen. Nutzungsmessungen sollten konkrete Verbesserungsfragen beantworten, etwa an welcher Stelle ein Vorgang abbricht. Welche Messungen eingesetzt werden dürfen und welche Informationen dafür erforderlich sind, wird vor der Implementierung geklärt.

Nachvollziehbare Arbeitsergebnisse

Was Sie in Händen halten.

Ergebnis 01

Veröffentlichte App und Web-Anwendung mit Quellcode

Ergebnis 02

Design-System und Barrierefreiheitsbericht

Ergebnis 03

Sicherheitsprüfbericht nach OWASP MASVS

Beispielhafter Projektablauf

So kann der Einsatz aussehen.

Ein Partnerportal ersetzt Anfragen per E-Mail. Partner sehen nur ihre Vorgänge, laden Unterlagen hoch und erhalten Rückfragen im Prozess. Die interne Bearbeitung nutzt dieselben Daten, aber andere Rollen und Freigaben.

Illustratives Szenario, keine Kundenreferenz oder Ergebnisgarantie.

Das hilft beim Einstieg

  • Nutzergruppen und wichtigste Aufgaben
  • Vorhandene Anmeldung und Rollenmodell
  • Benötigte Endgeräte und Offline-Situationen

Fehlende Unterlagen sind kein Ausschlussgrund. Wir klären gemeinsam, welche Informationen zuerst beschafft werden müssen.

Ihr Vorhaben im Detail

Digitale Zugänge für Menschen und ihre tatsächlichen Aufgaben.

Wir entwickeln Portale und Anwendungen, die Informationen nicht nur anzeigen, sondern vollständige Vorgänge ermöglichen. Nutzungssituation, Endgerät, Rechte und Rückmeldungen bestimmen die Gestaltung.

Einen Vorgang vom Einstieg bis zur Bestätigung betrachten

Wir untersuchen, wie Nutzer zur Anwendung gelangen, welche Informationen sie mitbringen und wo sie Unterstützung brauchen. Anmeldung, Formulare, Uploads und Statusmeldungen werden als zusammenhängender Ablauf entworfen. Ein sinnvoller Zwischenstand kann verhindern, dass nach einer Unterbrechung alle Angaben neu eingegeben werden müssen.

Für mobile Nutzung prüfen wir Eingabetypen, Tastaturverhalten und verfügbare Bildschirmfläche. Tastaturbedienung, verständliche Beschriftungen und erkennbare Fehlermeldungen werden im Aufbau berücksichtigt. Die konkrete Barrierefreiheitsprüfung wird nach den vereinbarten Anforderungen geplant und nicht durch eine zusätzliche Bedienleiste ersetzt.

Portal und Fachsystem sauber miteinander verbinden

Eine attraktive Oberfläche darf keine unsichere Abkürzung zum internen System werden. Wir gestalten Schnittstellen mit begrenzten Rechten, validieren Eingaben serverseitig und behandeln Dateien nach dem vorgesehenen Schutzkonzept. Statusanzeigen müssen zwischen eingegangen, in Bearbeitung und fachlich abgeschlossen unterscheiden können.

Für öffentliche Angebote kommen Auffindbarkeit, Ladezeit und die Bereitstellung wesentlicher Inhalte hinzu. Für geschlossene Portale stehen häufig Identität, Organisationstrennung und Support im Vordergrund. Welche Eigenschaften Priorität haben, wird am Nutzerprozess festgelegt, statt dieselbe technische Vorlage auf jede Anwendung zu übertragen.

Illustratives Projektszenario

Wie die Leistung im Alltag hilft.

Beispiel: Geschäftskunden sollen Dokumente einreichen und den Bearbeitungsstand sehen. Wir entwickeln Upload, Eingangsbestätigung und Rückfragen als einen Ablauf. Ein technischer Upload-Erfolg wird nicht mit einer fachlichen Freigabe verwechselt; beide Zustände sind verständlich erkennbar.

Dieses Beispiel erläutert einen möglichen Ablauf und ist keine Kundenreferenz.

Vor einer Beauftragung

Ihre Fragen zu Webportale & Apps.

Können Portal und App dasselbe Backend nutzen?

Ja, wenn Datenmodell, Rechte und Schnittstellen dafür ausgelegt sind. Gemeinsame Dienste vermeiden doppelte Geschäftslogik. Die Bedienabläufe bleiben dennoch auf den jeweiligen Kanal zugeschnitten; ein kleines Display braucht oft andere Interaktionsschritte als ein Desktop-Arbeitsplatz.

Was gehört zur Offline-Fähigkeit?

Neben lokal gespeicherten Daten braucht es Konfliktregeln, sichere Speicherung und einen sichtbaren Synchronisationsstatus. Wir legen fest, welche Aktionen offline erlaubt sind und wie Fehler beim späteren Abgleich behandelt werden. Offline-Fähigkeit wird anhand konkreter Arbeitsabläufe getestet.

Übernehmen Sie auch bestehende Oberflächen?

Nach Sichtung von Code, Komponenten, Nutzungsdaten und technischen Grenzen können wir einzelne Prozesse verbessern oder eine schrittweise Erneuerung planen. Ein kompletter Austausch ist nicht automatisch nötig. Häufig bringt bereits eine durchgängige Antragsstrecke mehr als ein rein optisches Redesign.

Der nächste Schritt

Erzählen Sie uns, wo es heute hakt.

Eine kurze Beschreibung Ihrer Anwendung, des Problems und Ihres Ziels genügt für den Einstieg. Die ausgewählte Leistung wird in Ihre Kontaktanfrage übernommen.

Diese Leistung anfragen

Unsere Partner

  • Microsoft
  • Microsoft Azure
  • Amazon AWS
  • Google Cloud
  • Thales Group
  • Arrow ECS
  • Vodafone
  • IBM
  • Veeam
  • Atlassian
  • JetBrains
  • NinjaOne
  • OPSWAT
  • Utimaco
  • Eviden

Barrierefreiheit

Passe die Darstellung an deine Bedürfnisse an.

Für diese Seite ist noch keine einfache Fassung verfügbar.

Einstellungen gelten aktuell für diesen Besuch. Dauerhaftes Speichern kannst du in den Cookie-Einstellungen erlauben.