Zum Inhalt springen
DoxPongStudios

ARBEITSWEISE · 05 PHASEN

Qualität ist kein Zufall. Sie ist ein Ablauf.

Jedes DoxPong-Projekt durchläuft denselben Prozess: fünf Phasen mit klaren Zwischenständen, dokumentierten Entscheidungen und Ergebnissen, die Sie im Browser sehen — nicht in Präsentationsfolien.

  1. PHASE 01

    Analyse

    Ziele, Zielgruppen, Inhalte, Prozesse: Wir zerlegen das Vorhaben, bevor gestaltet wird. Sie erhalten eine ehrliche Einschätzung — auch, wenn weniger reicht als gedacht.

  2. PHASE 02

    Architektur

    Seitenstruktur, Datenmodell, Schnittstellen, Infrastruktur: die tragenden Wände. Entscheidungen, die später teuer wären, fallen hier — dokumentiert und nachvollziehbar.

  3. PHASE 03

    Design

    Eine eigene visuelle Sprache für Ihr Unternehmen: Farben, Typografie, Komponenten, Bewegung. Konsistent vom Button bis zum Angebots-PDF — kein Template.

  4. PHASE 04

    Entwicklung

    Typisierter Code, Tests, Reviews. Gebaut, damit die nächste Erweiterung leichter wird, nicht schwerer. Sie sehen Zwischenstände im Browser, nicht in Präsentationsfolien.

  5. PHASE 05

    Launch & Betrieb

    Deployment, Monitoring, Backups, Updates. Ein System ist erst fertig, wenn es zuverlässig läuft — und dann beginnt die eigentliche Verantwortung.

02Technologie

Ein kleiner Stack, bis in die Tiefe beherrscht.

Wir setzen nicht auf jede neue Bibliothek, sondern auf wenige, bewährte Werkzeuge — dafür kennen wir sie bis ins Detail. Das hält Systeme wartbar, sicher und schnell.

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Backend

  • Node.js
  • NestJS
  • PostgreSQL
  • Prisma
  • Redis
  • REST-APIs

Infrastruktur

  • Linux
  • Docker
  • Caddy
  • CI/CD
  • Backups
  • Monitoring

Qualität

  • Tests
  • Security-Reviews
  • Core Web Vitals
  • Accessibility
  • SEO-Architektur

Warum das für Sie zählt: Systeme aus wenigen, sauber beherrschten Bausteinen haben weniger Angriffsfläche, weniger Abhängigkeiten und weniger Überraschungen. Jede Technologie auf dieser Liste betreiben wir selbst in Produktion — nichts davon ist Buzzword-Dekoration.

Aufgeklappter Laptop mit Code-Editor auf einem hellen Schreibtisch
ABB. 02Entwicklung im Alltag (Symbolbild)

03Relaunch

Website-Relaunch, ohne bei Google von vorn anzufangen.

Der häufigste Relaunch-Fehler ist unsichtbar: Die neue Website ist schöner — aber die über Jahre aufgebauten Google-Platzierungen sind weg, weil alte Adressen ins Leere laufen. Das ist vermeidbar.

Suchmaschinen bewerten nicht nur Inhalte, sondern Adressen: Jede indexierte Unterseite Ihrer alten Website hat ein Standing, das sich über Jahre gebildet hat. Verschwindet die Adresse beim Relaunch kommentarlos, verschwindet auch das Standing — und mit ihm Besucher, Anfragen und Sichtbarkeit.

Deshalb gehört zu jedem DoxPong-Relaunch eine vollständige Inventur der alten Website: Welche Seiten sind indexiert, welche ranken, welche werden verlinkt? Jede relevante Alt-Adresse erhält eine dauerhafte Weiterleitung (301) auf ihr neues Ziel — nicht pauschal auf die Startseite, sondern auf die inhaltlich passende Seite. Metadaten, strukturierte Daten und die interne Verlinkung ziehen mit um.

Nach dem Go-live endet die Arbeit nicht: In den ersten Wochen beobachten wir Crawling-Fehler und Indexierung in der Google Search Console und korrigieren nach, bevor aus einem toten Link ein Rankingverlust wird. Genau so wurde auch diese Website umgezogen — mit einer dokumentierten Weiterleitungs-Karte für jede Alt-Adresse, die ein neues Ziel brauchte.

RELAUNCH-CHECKLISTE

  • Inventur: Rankings, indexierte Seiten, eingehende Links
  • Weiterleitungs-Karte: jede Alt-Adresse → passendes neues Ziel (301)
  • Migration von Titeln, Metadaten und strukturierten Daten
  • XML-Sitemap neu einreichen, Canonicals prüfen
  • 4 Wochen Nachbeobachtung in der Search Console

04Zusammenarbeit

„Ich habe keine Zeit für Texte“ — kennen wir. Ist eingeplant.

Die häufigste Sorge vor einem Website-Projekt ist nicht das Geld, sondern der eigene Aufwand. Deshalb ist die Zusammenarbeit so organisiert, dass Ihr Anteil klein und klar umrissen bleibt.

01

Ihr Fachwissen, unsere Struktur

Sie müssen keine Texte liefern. Wir stellen die richtigen Fragen — im Gespräch, nicht per Fragebogen-Marathon — und machen daraus Struktur und Formulierungen. Sie korrigieren, statt zu schreiben.

02

Feste Feedback-Punkte

Statt endloser Abstimmungsschleifen gibt es definierte Zwischenstände: Architektur, Design, Inhalte, Testversion. Jeder Stand ist im Browser klickbar — Sie bewerten am echten Ergebnis.

03

Ein Ansprechpartner

Kein Weiterreichen zwischen Projektleitung, Design und Technik: Sie sprechen durchgehend mit der Person, die Ihr System baut und später betreibt.

05Qualität

Woran wir uns messen lassen.

„Hochwertig“ behauptet jede Agentur. Wir machen Qualität messbar — mit Werkzeugen, die jeder nachprüfen kann: Google Lighthouse für Performance und SEO, axe für Barrierefreiheit.

Jedes Projekt wird vor der Abnahme im echten Browser geprüft: Ladezeit und Layout-Stabilität (Core Web Vitals), Tastaturbedienung und Kontraste (Barrierefreiheit nach WCAG-Kriterien), Metadaten und strukturierte Daten (technisches SEO) — auf Mobilgeräten genauso wie auf großen Monitoren.

Damit das keine leere Behauptung bleibt: Nebenstehend die aktuellen Messwerte dieser Website — mobil gemessen am Produktions-Build, trotz Videos, Fotos und Animationen. Dieselben Werkzeuge, dieselben Maßstäbe legen wir an Ihr Projekt an.

DIESE WEBSITE · LIGHTHOUSE (MOBIL, PRODUKTION, MEHRERE LÄUFE 07/2026)

93–96

Performance

100

Accessibility

100

Best Practices

100

SEO

Zusätzlich: 0 axe-Verstöße (WCAG 2.2 AA), Layout-Stabilität CLS 0. Performance schwankt zwischen Läufen simulationsbedingt leicht — alle Messwerte sind im Projekt-Repository dokumentiert und jederzeit reproduzierbar.

So würde Ihr Projekt ablaufen — beginnen wir mit Phase 01.

Projekt besprechen