Web-Engineering

Web-Plattformen, die in Produktion bestehen

Enterprise-Webanwendungen, Headless-Frontends und Design-Systeme, gebaut für Performance, Barrierefreiheit und die Suchmaschinen und KI-Crawler, die sie lesen.

Das Web ist Ihr öffentlichstes Engineering-Artefakt. Wir bauen server-gerenderte, messbare, barrierearme Plattformen auf React und Next.js, demselben Stack, auf dem diese Website läuft, und behandeln Core Web Vitals, SEO und Barrierefreiheit als Engineering-Anforderungen, nicht als Nachträge.

Server-renderedCore Web VitalsAccessible

Der Anruf, den wir meistens bekommen

Ein Relaunch ging schief oder kam nie an: Die Agentur lieferte ein Design, die Seite ist langsam, Rankings sind gefallen, das CMS kämpft gegen jede Redakteurin, und niemand kann sagen, warum der Funnel leckt. Das Unternehmen braucht eine Web-Plattform, die wie Produktionssoftware behandelt wird, mit Performance-Budgets und einer Deploy-Pipeline, vor der sich niemand fürchtet.

Wenn eine Website konstruiert werden muss, nicht zusammengeklickt

Die meisten Unternehmensseiten werden aus einem Baukasten oder einer gekauften Vorlage zusammengesetzt, und sie funktionieren, bis Wachstum sie langsam macht, schwer rankt oder unmöglich änderbar werden lässt. Eine Website braucht echtes Engineering, wenn Geschwindigkeit und Core Web Vitals beeinflussen, was Sie verdienen, wenn Barrierefreiheit eine rechtliche und reputative Anforderung ist, wenn Such- und KI-Antwortmaschinen entscheiden, ob Käufer Sie finden, und wenn die Seite das Eingangstor zu einem Produkt ist und nicht eine Broschüre. Wenn eine Vorlage einen einfachen Marketingauftritt wirklich abdeckt, sagen wir das und weisen Sie auf den schlankeren Weg hin, statt überzubauen.

  • Performance und Core Web Vitals bewegen Conversion und Ranking, nicht nur einen Score
  • Barrierefreiheit ist eine Anforderung, die Sie erfüllen müssen, kein nettes Extra
  • Such- und KI-Antwortmaschinen entscheiden, ob Käufer Sie überhaupt finden
  • Die Seite ist das Eingangstor zu einem Produkt, mit Logins, Daten und echter Funktionalität

Wie der Web-Stack zusammenspielt

Besucher & Edge / CDN
Next.js App (SSR / ISR)
API- & Datenschicht
CMS / Commerce
Monitoring & Web Vitals

Ein technisch durchdachter Web-Stack: am Edge gerendert, schnell ausgeliefert, an Performance-Budgets gemessen und an Ihre Content- und Commerce-Systeme angebunden.

Wo Teams das einsetzen

Konkrete Situationen, für die ein konstruierter Web-Build gemacht ist, über verschiedene Teams und Phasen hinweg.

Mittelstand

Die Marketingseite lädt auf dem Smartphone langsam und Leads springen vor dem Formular ab.

Wir bauen sie servergerendert mit einem echten Performance-Budget neu auf, sodass sie auf dem Telefon schnell bleibt und Core Web Vitals Sie keine Conversions mehr kosten.

Marketing-Verantwortliche

Wettbewerber ranken vor Ihnen und die neuen KI-Antwortmaschinen zitieren Ihre Seiten nie.

Wir konstruieren technisches SEO und strukturierte Daten in den Build, sodass Such- und KI-Crawler jede Seite sauber lesen können, in jeder Sprache.

Compliance-gebundene Teams

Sie müssen Barrierefreiheitsauflagen erfüllen und die aktuelle Seite scheitert daran still und leise.

Wir bauen nach WCAG mit Tastatur-, Kontrast- und Screenreader-Tests in der Pipeline, sodass Barrierefreiheit verifiziert ist, nicht angenommen.

Produktteams

Sie brauchen eine echte Web-App mit Logins und Dashboards, nicht noch eine Broschürenseite.

Wir bauen sie auf Next.js mit typisierten Verträgen zu Ihrem Backend, sodass die öffentliche Seite und das Produkt hinter dem Login eine saubere Codebasis teilen.

Commerce-Teams

Das Storefront-Theme ist aufgebläht und jede Änderung riskiert, den Checkout zu zerbrechen.

Wir bringen Sie auf ein Headless-Frontend auf Ihrem Commerce-Backend, sodass der Katalog schnell bleibt und das Team Änderungen ohne Angst ausliefert.

Agenturen

Sie haben den Auftrag gewonnen, aber es fehlt die Senior-Frontend-Kapazität, ihn unter Ihrem Namen zu liefern.

Wir liefern es als abgegrenztes Arbeitspaket unter NDA, gebaut unter Ihrer Marke und für Ihren Kunden unsichtbar, wobei der Code durch Sie hindurchgeht, sodass Sie die Beziehung behalten.

Für wen das ist

Marketing und Commerce

Marketing- und Digital-Teams

Redakteure bekommen ein CMS, das hilft statt zu kämpfen; die Marke bekommt ein Design-System; Releases hören auf, Ereignisse zu sein.

Ein CMS und Designsystem, das Ihnen gehört, in der EU gehostet, DSGVO-konform, zum eigenständigen Betrieb durch Ihr Team übergeben.

Commerce-Verantwortliche

Storefronts und Portale, in denen Geschwindigkeit Umsatz ist: gemessen, budgetiert, überwacht auf den Templates, die zählen.

Performance-Budgets und ein Stack, den Sie kontrollieren, kein Lock-in, am Umsatz gemessen.

Angebot anfordern

Engineering-Führung

Plattform-CTOs

Headless-Architekturen, die das Frontend-Tempo von der Backend-Stabilität entkoppeln, mit Schnittstellen, auf die sich beide Seiten verlassen.

Headless-Schnittstellen und Ihr Code, modellneutral, in der EU gehostet, ohne Abhängigkeit von einem einzelnen Anbieter.

Pilot anfragen

Wie wir das Web konstruieren

Performance, Barrierefreiheit und Suche als Engineering-Anforderungen behandelt, vom ersten Commit an.

Performance-Budgets

Core Web Vitals werden in der CI gegen ein Budget verfolgt, sodass eine langsame Änderung erkannt wird, bevor sie Ihre Besucher erreicht.

Barrierefreiheit eingebaut

Gebaut nach WCAG mit Tastatur-, Kontrast- und Screenreader-Prüfungen in der Pipeline, sodass Barrierefreiheit verifiziert ist, nicht angenommen.

SEO und GEO durch Architektur

Server-Rendering, strukturierte Daten und saubere Semantik, sodass Suchmaschinen und KI-Antwortmaschinen jede Seite in jeder Sprache lesen können.

Headless und komponentengetrieben

Ein Headless-Frontend auf Next.js und React mit einem wiederverwendbaren Komponentensystem, sodass die Seite konsistent und schnell erweiterbar bleibt.

Typsicher von Ende zu Ende

Typisierte Verträge von Ihrem Backend und Ihrer Content-Quelle bis zur UI, sodass Inhalts- und Funktionsänderungen ausgeliefert werden, ohne Seiten zu zerbrechen.

Ihr Eigentum

Ihr Repository, Ihr Hosting, Ihr Content-Modell und Ihr geistiges Eigentum, übergeben mit Dokumentation und Runbooks, sodass jeder Entwickler es übernehmen kann.

Was wir bauen

Enterprise-Webanwendungen

Kundenportale, Dashboards und Self-Service-Oberflächen auf React und Next.js.

  • Server-Side-Rendering für SEO und First Paint
  • Typsicher von der API bis zur Komponente
  • Authentifizierung und Rollen sauber gelöst

Headless-Frontends

Frontends für Pimcore, Vendure und Headless-CMS-Backends.

  • Das Content-Modell respektiert, nicht bekämpft
  • Preview-Workflows für Redakteure
  • API-Verträge, die Redesigns überleben

Design-Systeme

Komponentenbibliotheken, mit denen zehn Teams eine Marke shippen.

  • Tokens statt hartkodierter Werte
  • Barrierefreiheit in den Komponenten verankert
  • Dokumentation, die Designer wirklich nutzen

Performance- und SEO-Engineering

Audits und Fixes mit gemessenem Vorher und Nachher: Core Web Vitals, Crawlbarkeit, strukturierte Daten.

  • Performance-Budgets in der CI erzwungen
  • Strukturierte Daten für Suche und KI-Antworten
  • Findings nach Geschäftswirkung sortiert

So shippt Web-Arbeit

Alles shippt hinter Preview-Deployments: Jede Änderung ist auf einer URL sichtbar, bevor sie live ist, und Performance-Budgets lassen den Build scheitern, bevor sie Ihre Nutzer treffen.

So bauen wir es

  1. 1Audit und Architektur: messen, was existiert, entscheiden, was übernommen wird
  2. 2Bauen in wöchentlichen Schnitten mit Preview-Deployments und Performance-Budgets in der CI
  3. 3Launch mit Monitoring, dann eine gemessene Übergabe: Ihr Team deployt die letzte Woche mit uns

Was Sie bekommen

  • Eine Plattform, die Core Web Vitals auf den relevanten Templates besteht
  • Strukturierte Daten und Server-Rendering, das Suchmaschinen und KI-Crawler lesen können
  • Eine Deploy-Pipeline und Dokumentation, die Ihr Team ohne uns betreibt
Diagramm wird geladen...

Referenzarchitektur: CDN / Edge, Next.js SSR, API layer, CMS / Commerce, CI: tests + performance budgets, Monitoring + Web Vitals

Wie wir arbeiten

Vom ersten Gespräch bis zum System im Produktivbetrieb, und danach betreut.

    01

    Discovery und Planung

    Wir kartieren den Prozess, die Rahmenbedingungen und die Menschen, die ihn nutzen, und legen Umfang und Form des Systems fest, bevor eine Zeile Code entsteht.

    02

    Architektur und Design

    Wir entwerfen das Domänenmodell, die Daten und die Schnittstellen und halten die Entscheidungen schriftlich fest, damit das System verständlich bleibt, während es wächst.

    03

    Entwicklung, geprüft und getestet

    Wir bauen in kleinen, geprüften Schritten, typsicher und durch Tests abgedeckt, die bei jeder Änderung laufen, damit Regressionen auffallen, bevor Sie sie sehen.

    04

    Infrastruktur und Release

    Wir deployen in Ihre Cloud und Ihre Konten über eine automatisierte Pipeline, mit Releases, die Sie wiederholen und zurückrollen können, ohne Drama.

    05

    Beobachten und Überwachen

    Wir liefern Logging, Metriken und Alerts ab Tag eins, sodass wir Probleme früh sehen, oft bevor Ihre Nutzer sie melden.

    06

    Support und Weiterentwicklung

    Nach dem Launch beheben, erweitern und härten wir in einem Takt, der zu Ihnen passt, mit vollständiger Übergabe, damit Sie nie von uns abhängig sind.

Wie wir das Projekt steuern

Agile Sprints

Wenn der Umfang sich entwickeln wird: Wir liefern in kurzen Schritten und Sie steuern die Prioritäten, während das Produkt Form annimmt.

Festes Werkpaket

Wenn der Umfang definiert ist und Sie einen festen Preis brauchen: ein Vertrag mit Ergebnisverantwortung und festem Liefergegenstand.

Laufende Partnerschaft

Wenn das System live ist und wächst: ein Retainer für Änderungen, Support und neue Funktionen, mit Kündigungsfrist, die Sie bestimmen.

White-Label-Arbeitspaket

Wenn Sie die Lieferung unter Ihrer eigenen Marke verkaufen: Wir arbeiten unter NDA, in Ihren Repositories und mit Ihren Werkzeugen, geben das IP an Ihren Endkunden weiter, halten uns aus der Kommunikation mit Ihrem Kunden heraus, solange Sie uns nicht unter Ihrer Führung hinzuziehen, und bestätigen anhand von Abnahmekriterien, die vor der Umsetzung festgelegt wurden.

Vom Commit bis zum Betrieb in Ihrer Cloud

Ein einziger Lieferweg, den Sie von Anfang bis Ende nachvollziehen können: Jede Änderung durchläuft dieselben Kontrollpunkte, und derselbe Weg läuft rückwärts, wenn etwas zurückgenommen werden muss.

Commit
CI-Gates
Artefakt
Staging
Produktion
Observability
Staging, Produktion und Observability laufen in Ihren Cloud-Konten
Rollback-Pfad:ObservabilityArtefakt oder Produktion

Wo Verfügbarkeit wichtig ist, vereinbaren wir sie als SLA-Ziel, nicht als gemessenes Versprechen.

Website-Baukasten, Agentur-Vorlage oder konstruierter Build?

Nicht jede Seite braucht Engineering. Hier sehen Sie, wo jede Option gewinnt, damit Sie in die investieren, die Ihr Fall verlangt.

Zum Vergleichen scrollen

Website-BaukastenAgentur-VorlageKonstruierter Build
Am schnellsten und günstigsten, um eine einfache Seite zu starten
Hält seine Core Web Vitals, während Inhalt und Traffic wachsen
Barrierefreiheit, hinter der Sie stehen können, getestet statt angenommen
Volle Kontrolle über SEO, strukturierte Daten und KI-Crawler-Ausgabe
Individuelle Funktionalität, Logins und echte Integrationen
Sie besitzen den Code, kein Abonnement, das ihn festhält
Auch in Jahren noch wartbar und erweiterbar

Wenn ein Baukasten oder eine saubere Vorlage einen einfachen Marketingauftritt abdeckt, sagen wir es Ihnen und weisen Sie auf den schlankeren Weg hin, statt überzubauen.

Warum Oronts

Warum Teams das Web mit uns bauen

Wir sind nicht die größte Agentur, die Sie engagieren können. Hier ist, warum Inhaber uns trotzdem für das Web wählen.

Ihnen gehört alles

Der Code, das Content-Modell und das geistige Eigentum gehören Ihnen, übertragen bei Lieferung. Kein Baukasten-Abonnement, das Ihre Seite festhält, keine Theme-Lizenz, kein Anbieter, den Sie nicht verlassen können.

Senior und gründergeführt

Die Menschen, die Ihre Seite konzipieren, bauen sie auch. Senior-Engineering bei Performance, Barrierefreiheit und SEO durchgehend, keine Übergabe an Junioren nach dem Pitch.

KI-nativ, schnell ohne Abstriche

Ein kleines Senior-Team mit einem KI-gestützten Workflow liefert schnell und hält das Frontend sauber, typisiert und barrierefrei, mit Performance-Budgets, die durchgesetzt statt versprochen werden.

Ein Festpreis-Einstieg

Unser 90-Tage-Produktionspilot bringt einen ersten nutzbaren, gemessenen Ausschnitt der Seite in festem Umfang und Preis live, sodass Sie uns an ausgelieferten Core Web Vitals messen, bevor Sie weiter zusagen.

build
$next build|
compiled successfully
generating static pages (5/5)
route / prerendered as static

Responsive von Grund auf

Jedes Layout passt sich an, vom Breitbildmonitor bis zum Taschenbildschirm.

Desktop
Tablet
Mobil

SEO und GEO in der Architektur verankert

Technisches SEO und KI-Crawler-Bereitschaft sind eingebaut, nicht nachträglich aufgesetzt.

SSR & SSG

Server-side Rendering und statische Generierung für schnellen First Paint und saubere Crawlbarkeit.

Structured data

JSON-LD für Organisations-, Breadcrumb- und FAQ-Markup, beim Build validiert.

Meta & Open Graph

Titel, Beschreibungen, Canonicals und Social Cards pro Seite und Sprache.

Sitemaps & hreflang

Generierte XML-Sitemaps mit hreflang und lastmod für jede lokalisierte Route.

Der Stack, auf dem wir bauen

Für den Einkauf gemacht

Die Antworten, die ein Einkaufsgremium prüft, bevor Sie fragen müssen.

Code-Eigentum
Ihre Repositories und Ihr IP, bei Übergabe per Work-for-Hire-Vereinbarung übertragen.
Hosting
Ihre Cloud, Ihre Region, Ihr Mandant. Wir deployen in Ihre Konten, nicht in unsere.
Daten
Kundendaten bleiben in der mit Ihnen vereinbarten Infrastruktur, und wir nutzen sie nicht zum Modelltraining.
Dokumentation
Architecture Decision Records, Runbooks und eine Übergabe, mit der Ihr Team arbeiten kann.
Support
Ein optionaler Retainer nach dem Launch. Sie sind nie darauf angewiesen, um weiterzulaufen.
Kontinuität
Volles Eigentum und Dokumentation bedeuten, dass jedes Senior-Team die Arbeit fortführen kann.
Auftragsverarbeitung
Ein AVV nach Art. 28 DSGVO mit TOM-Dokument, unterschriftsreif, bevor wir Produktivdaten berühren.
Unterauftragnehmer
Eine dokumentierte Liste der Subunternehmer; Sie genehmigen jeden Verarbeiter, bevor er eingesetzt wird.
Sicherheitsprüfung
Wir füllen Ihren Sicherheitsfragebogen aus und liefern die Sicherheitsnachweise, die Ihr Einkauf benötigt, etwa Versicherungsnachweis oder eine BSI-CyberRisikoCheck-Bestätigung, sofern erforderlich.
Abnahme
Definierte Abnahmekriterien je Meilenstein, sodass die Freigabe gegen einen schriftlichen Standard erfolgt, nicht gegen eine Meinung.

Wer verantwortet was

Ob Sie Oronts direkt beauftragen oder mit uns unter einem Generalunternehmer oder MSP arbeiten: Jedes Glied in der Lieferkette hat einen klaren Verantwortlichen.

Verantwortlichkeiten entlang der Lieferkette
VerantwortungOrontsGeneralunternehmer / MSPSieCloud- / Modellanbieter
Umsetzungs- und ErgebnisverantwortungOronts verantwortet Umsetzungs- und Ergebnisverantwortung
Code- und IP-EigentumSie verantwortet Code- und IP-Eigentum
Hosting & InfrastrukturSie verantwortet Hosting & InfrastrukturCloud- / Modellanbieter verantwortet Hosting & Infrastruktur
Datenverarbeitung (AVV / TOM)Oronts verantwortet Datenverarbeitung (AVV / TOM)Sie verantwortet Datenverarbeitung (AVV / TOM)
Sicherheitsfragebogen / NachweisOronts verantwortet Sicherheitsfragebogen / NachweisGeneralunternehmer / MSP verantwortet Sicherheitsfragebogen / Nachweis
AbnahmebestätigungSie verantwortet Abnahmebestätigung
Incident Response (vereinbarte SLA)Oronts verantwortet Incident Response (vereinbarte SLA)Generalunternehmer / MSP verantwortet Incident Response (vereinbarte SLA)

Wann wir nicht die Richtigen sind

  • Broschüren-Seiten, die ein Baukasten besser bedient; wir bauen Plattformen, keine Fünf-Seiter
  • Pixelgenaue Design-Reproduktion ohne Engineering-Scope dahinter
  • Abkürzungs-SEO; wir bauen für Rankings, die Algorithmus-Updates überleben

Engagement-Stufen

Oronts arbeitet mit ernsthaften Teams, die Senior-Delivery brauchen, kein Billig-Outsourcing.

Production Pilot
ab 25k EUR
Individualsoftware- und KI-Projekte
ab 50k EUR
Laufende technische Retainer
ab 15k EUR/Monat

Der genaue Preis hängt von Umfang, Verantwortung, Liefergeschwindigkeit, Teamgröße, Integrationen, Support-Erwartungen und Produktionsrisiko ab.

Häufig gestellte Fragen

React mit Next.js ist unsere Standardempfehlung. Wir nutzen Vue, wenn es besser zum Team oder Projekt passt.
Wir nutzen WordPress als Headless CMS, aber bauen das Frontend mit React/Next.js.
Barrierefreiheit ist Teil unseres Entwicklungsprozesses: semantisches HTML, ARIA, Tastatur- und Screenreader-Tests.
Ja. Wir auditieren bestehende Anwendungen und implementieren Verbesserungen inkrementell.
Jedes Projekt ist Mobile-First. Wir testen auf echten Geräten von 320px bis 4K.
Wir nutzen SSR/SSG mit Next.js für volle Crawlbarkeit. Kombiniert mit strukturierten Daten und Sitemaps.

Zeigen Sie uns die Web-Plattform

Bringen Sie die URL und die Beschwerde mit. Wir antworten mit Findings, nicht mit einem Pitch.