Zum Inhalt springen

Softwareentwicklung · Architektur · Beratung — Mainz

Entscheidungen,die halten.

Architektur, Software und Betrieb aus einer Hand — begründet, dokumentiert, übergabefähig.

Barrierefreiheit
AAWCAG 2.1
Datenverarbeitung
EU
Cookies auf dieser Seite
0
Ausgeliefert von
Edge
01

Was wir übernehmen

Fünf Disziplinen, ein Verantwortlicher — damit keine Entscheidung zwischen zwei Zuständigkeiten verloren geht.

01

Anwendungen für Abläufe, die kein Standardprodukt sauber abbildet — skalierbar gebaut, nicht zusammengesteckt.

  • Web-Anwendungen und interne Werkzeuge
  • Schnittstellen und Integrationen
  • Ablösung gewachsener Alt-Systeme
Mehr zu Individualsoftware
02

Eine belastbare Entscheidungsgrundlage, bevor Budget in eine Architektur fließt, die sich später nicht mehr korrigieren lässt.

  • Architektur- und Technologiebewertung
  • Zweitmeinung zu laufenden Vorhaben
  • Roadmap für die Digitalisierung
Mehr zu Technische Beratung
03

Der Entwurf des Gesamtsystems: wie die Teile zusammenspielen, wo Daten liegen und was passiert, wenn ein Teil ausfällt.

  • Systemdesign über Anwendungsgrenzen hinweg
  • Datenmodell und Integrationsstrategie
  • Migrationen im laufenden Betrieb
Mehr zu Solution Engineering
04

Automatisierte Auslieferung mit Prüfungen, die tatsächlich blockieren — und einem Weg zurück, wenn etwas schiefgeht.

  • Pipelines mit verbindlichen Qualitäts-Gates
  • Reproduzierbare Umgebungen
  • Monitoring, Alerting und Rollback
Mehr zu DevOps & CI/CD
05

Infrastruktur als Code statt gewachsener Handarbeit — inklusive einer ehrlichen Rechnung über die laufenden Kosten.

  • Infrastructure as Code
  • Migration in die Cloud oder zurück
  • Kosten- und Kapazitätsplanung
Mehr zu Cloud & Betrieb
02

Was im Betrieb ist

Projekte, die laufen — was gebaut wurde, nicht was versprochen war.

  1. 01
    Event- und Designagentur

    maimaldrei GmbH

    Mietkatalog, Dispoplaner, Importer und Website auf einem gemeinsamen Backend: ein Katalog für Kunden, ein Planungswerkzeug für das Team, ein Import für den Bestand — ausgeliefert über dieselbe Pipeline, die auch diese Seite baut.

  2. 02
    Fachausschuss der Deutschen Gesellschaft für Akustik

    Arbeitsring Lärm der DEGA

    Ein Werkzeug, das jeden Link in einem Bestand von PDF-Dokumenten auf Erreichbarkeit prüft, defekte Ziele erkennt und — wo es einen belastbaren Ersatz gibt — ihn mit einer Konfidenzbewertung vorschlägt. Läuft lokal, liefert einen lesbaren Bericht.

  3. 03
    Rechtsanwalt, Fürth

    Süß Strafverteidigung

    Ein eigenes WordPress-Theme statt eines gekauften, und ein SEO-Fahrplan mit messbaren Zielen für den lokalen Markt — organisch und im Maps-Paket, gemessen mit der Search Console statt mit Bauchgefühl.

03

Nicht behauptet. Gebaut.

Vier Dinge, die wir liefern — hier auf der Seite, nicht als Screenshot. Klicken, tippen, Tastatur benutzen.

03.1

Ein Formular, das niemanden ausschließt

Prüft während des Tippens, fragt den Server nach der E-Mail, fasst Fehler oben zusammen — und lässt sich komplett per Tastatur bedienen.

  • Inline-Validierung
  • asynchrone Prüfung
  • Fehlerzusammenfassung
  • Fokusführung
  • WCAG 2.1 AA
Probieren Sie max@example.com — die Adresse ist vergeben.
Mindestens 10 Zeichen.
Tab, Enter, Escape — alles funktioniert.
03.2

Live-Daten ohne Flackern

Eine Kennzahl, die sich im Sekundentakt bewegt, ohne die Seite zu bewegen. Pausierbar, deterministisch, und unter reduzierter Bewegung ruhig.

  • Echtzeit-Stream
  • SVG-Sparkline
  • prefers-reduced-motion
  • stabile Layouts
Anfragen / Minute
97 5
Auslastung
54 %
Spitze134
Fenster40Werte

Simulierte Daten, deterministisch erzeugt (Seed 7). Gleiche Kurve bei jedem Laden.

03.3

Bedienung wie ein Werkzeug

Eine Befehlspalette, wie Sie sie aus dem Editor kennen. Sie navigiert diese Seite wirklich — mit ⌘K, Pfeiltasten und Escape.

  • Tastaturkürzel
  • Fokus-Falle
  • ARIA-Dialog
  • Suchranking
Funktioniert auf der ganzen Seite — auch jetzt, ohne den Knopf.
03.4

Ein System, das sich erklärt

Die Architektur dieser Seite — nicht als Schaubild, sondern als das, was sie gerade ausgeliefert hat. Jeder Knoten erklärt seinen Teil; eine Anfrage läuft auf Knopfdruck durch.

  • Edge-Rendering
  • statische Assets
  • Worker
  • CI/CD
  • Motion Path
Ihr Browser

Fragt die Seite an und bekommt fertiges HTML. JavaScript ergänzt Verhalten — den Cursor, die Demos — und ist für nichts davon Voraussetzung.

Knoten wählen: Tab, Klick oder Zeiger.
04

Vier Schritte, keine Überraschungen

Jeder endet mit etwas Greifbarem — und mit der Möglichkeit, aufzuhören.

  1. 01

    Klären

    Ein Gespräch über das Problem, nicht über die Lösung. Am Ende steht eine schriftliche Einschätzung: Machbarkeit, Risiken, grobe Größenordnung — kostenfrei und unverbindlich.

  2. 02

    Entwerfen

    Architektur, Datenmodell und Schnittstellen werden festgelegt, bevor Code entsteht. Jede getroffene Entscheidung wird mit ihrer Begründung festgehalten.

  3. 03

    Bauen

    Lieferung in kurzen Abständen gegen eine laufende Umgebung. Fortschritt ist sichtbar, nicht berichtet — und Änderungen am Umfang sind jederzeit möglich.

  4. 04

    Übergeben

    Betrieb, Dokumentation und Einarbeitung des internen Teams. Danach entscheidet der Kunde, ob wir bleiben — nicht ein Vendor-Lock-in.

05

Bewährt statt modisch

Gewählt nach dem Problem und danach, ob Ihr Team es in einem Jahr noch bedienen kann.

Sprachen

  • TypeScript
  • Python
  • SQL
  • Bash

Frontend

  • React
  • Next.js
  • Tailwind CSS
  • Design Systems

Backend

  • Node.js
  • PostgreSQL
  • REST & GraphQL
  • Directus

Betrieb

  • Docker
  • GitHub Actions
  • Infrastructure as Code
  • Vercel & Cloudflare
Aus dem Repository dieser SeiteStand a3e8bcf · .github/pipeline.yaml
deployment:
  provider: cloudflare-workers
  cloudflare:
    config: wrangler.jsonc
    # populateCache copies the prerendered [slug] pages into the asset bundle
    # (static-assets incremental cache, see open-next.config.ts); without it
    # every generateStaticParams route is a 404 on the Worker.
    build_command: npm run build && npx opennextjs-cloudflare build && npx opennextjs-cloudflare populateCache local

  # Three environments, one name each, identical in GitHub / Cloudflare /
  # Infisical. See ~/docs/operations/ENVIRONMENT_CONVENTION.md. `development`
  # is local-only and never deployed, so it has no entry here.
  #
  # Feature-branch PRs are deliberately NOT deployed: PR pipelines build, lint
  # and test only. The first deployment of a change is the merge to `dev`.
  environments:
    - name: preview
      trigger:
        event: push
        branch: dev
      auto_deploy: true

    - name: production
      trigger:
        event: push
        branch: main
      auto_deploy: true

Der Block, der genau diese Seite ausliefert — kein Beispiel, die Konfiguration. Beim nächsten Build wird er neu gelesen.

Diese Liste ist eine Momentaufnahme, kein Bekenntnis. Wenn Ihr Team bereits auf einem anderen Stack arbeitet, ist das in der Regel das bessere Argument als unsere Gewohnheit.

06

Drei Wege zu uns

Ohne Preisliste — eine belastbare Zahl entsteht nach der Klärung, nicht davor.

01Fester Umfang

Projekt

Ein abgegrenztes Vorhaben mit definiertem Ergebnis, Termin und Festpreis.

  • Umfang und Abnahmekriterien vorab schriftlich
  • Festpreis nach der Entwurfsphase
  • Übergabe inklusive Dokumentation
02Nach Aufwand

Laufende Begleitung

Feste Kapazität pro Monat für Vorhaben, deren Umfang sich mit den Erkenntnissen verändert.

  • Vereinbarte Kapazität, monatlich kündbar
  • Priorisierung gemeinsam mit dem Kunden
  • Transparente Aufwandserfassung
  • Kein Mindestvolumen über den Monat hinaus
Der Regelfall
03Punktuell

Beratung

Zweitmeinung, Architektur-Review oder Technologieentscheidung — zeitlich klar begrenzt.

  • Schriftliche Empfehlung als Ergebnis
  • Auch ohne Folgeauftrag
  • Termin in der Regel innerhalb einer Woche
07

Bevor Sie fragen

Die Antworten, die im ersten Gespräch sonst die erste Viertelstunde kosten.

01Wie groß muss ein Projekt sein?

Es gibt keine Untergrenze. Ein zweitägiges Architektur-Review ist genauso willkommen wie eine Anwendung, die ein Jahr läuft. Wenn ein Vorhaben besser bei jemand anderem aufgehoben ist, sagen wir das im ersten Gespräch.

02Warum stehen hier keine Preise?

Weil eine belastbare Zahl erst nach der Klärungsphase entsteht. Sie erhalten eine schriftliche Größenordnung, bevor irgendein Aufwand berechnet wird — das erste Gespräch und die Einschätzung sind kostenfrei.

03Arbeiten Sie auch an bestehenden Systemen?

Ja, das ist der Regelfall. Vor Änderungen an einem gewachsenen System steht eine Bestandsaufnahme: was läuft, was hängt daran, und was bricht bei einer Änderung. Ein Neubau wird nur vorgeschlagen, wenn er tatsächlich günstiger ist als die Reparatur.

04Was passiert am Ende des Projekts?

Code, Infrastruktur-Definitionen und Zugänge gehören dem Kunden und liegen in dessen Konten — nicht in unseren. Zur Übergabe gehört die Einarbeitung des internen Teams. Eine weitere Zusammenarbeit ist eine Option, keine Voraussetzung.

05Wo liegen unsere Daten?

Standardmäßig in der EU. Wenn ein Vorhaben einen Dienst außerhalb der EU erfordert, wird das vorab benannt und begründet, statt es in einem Auftragsverarbeitungsvertrag zu verstecken.

06Ist Barrierefreiheit inbegriffen?

Ja. Seit dem 28. Juni 2025 gilt der European Accessibility Act, der für Webinhalte auf WCAG 2.1 Stufe AA verweist. Wir bauen von Anfang an dagegen — nachträgliche Barrierefreiheit ist teurer und wird selten vollständig.

08

Reden wir.

Sie bekommen eine ehrliche Ersteinschätzung — inklusive der Fälle, in denen wir abraten.

Antwortzeit
In der Regel am nächsten Werktag.
Standort
Mainz, DeutschlandMainz
Optional.
Was soll entstehen, und was steht dem gerade im Weg? Ein paar Sätze genügen.