BERLIN · MO–FR 9–18 UHR · TEL 0172 9718102 LOKAL/--:--:-- · WEBSITE-CHECK IN UNTER 60 SEKUNDEN
Projekte & Arbeitsweise

Kein Portfolio-Theater. Ein Prozess, den du prüfen kannst.

Ich zeige dir hier keine gekauften Stock-Referenzen und keine erfundenen Erfolgszahlen. Stattdessen: zwei Projekte, Schritt für Schritt dokumentiert. Diese Website selbst und eine komplette Demo, deren Zahlen du nachmessen kannst.

Case 001Diese Website

So ist die Seite entstanden, die du gerade ansiehst.

Jedes Kundenprojekt läuft durch dieselben vier Schritte. Hier siehst du sie mit den echten Arbeitsständen dieses Projekts.

Schritt 1 · Analyse & Zielbild

Dauer: 1 Gespräch
Die Ausgangsfrage

Wer soll anfragen (kleine Unternehmen), was hält sie ab (Preis-Angst, Zeit-Angst, schlechte Erfahrungen) und woran erkennt man, dass die Seite arbeitet (Anfragen über Formular und Terminbuchung)?

Das Ergebnis

Ein Steckbrief des Projekts: Angebot, Zielgruppe, die drei größten Einwände und wie jede Sektion der Seite genau einen davon beantwortet. Erst wenn das steht, wird über Design geredet.

Schritt 2 · Struktur & Texte zur Freigabe

Freigabe vor dem Bau
Was du bekommst

Den kompletten Seitenaufbau und alle Texte als Dokument, bevor eine Zeile Code existiert. Änderungen kosten hier fünf Minuten statt fünf Stunden.

Design mit Begründung

Auch das Design wird hergeleitet statt gewürfelt: Die Farben dieser Seite (Werkstatt-Papier, Signal-Orange) kommen aus der Welt ihrer Zielgruppe: verlässlich, direkt, kein Konzern-Blau. Für jede Entscheidung gibt es ein Warum.

Schritt 3 · Umsetzung in Versionen

3 Versionen bis zur Abnahme
Version 1 → 3

Diese Seite ging durch drei dokumentierte Versionen: erst stabil und funktional, dann Design-Recherche gegen aktuelle Top-Referenzen, dann der eigenständige Look mit eigener Schrift, Rasterlinien und Signatur-Details.

Jede Version gesichert

Jeder Arbeitsstand liegt versioniert im Archiv. Nichts geht verloren, jede Entscheidung ist nachvollziehbar, und zu jedem Stand kann man zurück.

Schritt 4 · Qualitätsprüfung vor Abnahme

Dokumentierter Prüfbericht
Echte Zahlen dieser Seite

Startseite unter 12 KB übertragen (komprimiert, ohne Bild), keine einzige Verbindung zu Drittservern beim Seitenaufruf, Schriften selbst gehostet, keine Cookies. Deshalb braucht diese Seite auch kein Cookie-Banner.

Geprüft wird u.a.

Lesbarkeit der Kontraste (rechnerisch, nicht nach Gefühl), Bedienbarkeit per Tastatur, Verhalten auf kleinen Bildschirmen, Ladezeit, Datenschutz-Außenkontakte und ob irgendwo Platzhalter oder Floskeln stehen geblieben sind.

// Genau dieser Prüfbericht gehört bei jedem Kundenprojekt zur Abnahme.
Case 002Demo-Projekt Routenwerk

Ein komplettes Kundenprojekt, als Demo offengelegt.

ROUTENWERK ist ein fiktives Reise-Studio mit einer echten Website: Logo-Entwicklung, Brand-Guidelines als PDF, 11 Seiten, Barrierefreiheit auf Bestwert, 0 € Hosting im Monat. Die Case Study legt alles offen, inklusive der Messwerte.

ROUTENWERK · Studio für Abenteuerreisen

Live: routenwerk.pages.dev
Der Umfang

Marke mit Logo-Konzepten zur Auswahl, Brand-Guidelines als 28-seitiges Handout, 11 Website-Seiten inklusive Rechtstexten, Buchungs- und Kontaktstrecke, Guide-Downloads und interaktiver Weltkarte.

Die Eckdaten

Barrierefreiheit 100/100, Startseite komplett unter 450 KB, null Cookies, null fremde Server beim Aufruf. Jede Zahl ist auf der Case-Study-Seite erklärt und selbst nachmessbar.

// Ehrlich gesagt: Das Studio ist erfunden, damit ich zeigen kann, wie ich arbeite. Website, Prozess und Zahlen sind echt.
Case 003Demo-Projekt Tragwerk

Eine Seite, die sich auf den Besucher einstellt.

TRAGWERK ist eine erfundene Physiotherapie mit einer echten Website. Wer eine Praxis sucht, sucht nie „Physiotherapie“, sondern wegen seiner Schulter. Also fragt die Seite gleich am Anfang, wo es weh tut, und stellt sich darunter auf die Antwort ein.

Physiotherapie Tragwerk · Berlin-Friedrichshain

Live: physiotherapie-tragwerk.pages.dev
Die Idee

Sechs Beschwerdebilder stehen zur Auswahl, genau an der Kante der ersten Bildschirmfüllung. Wer eines antippt, liest ab da eine Seite, die über seine Beschwerde spricht: der Ablauf, die Leistungen und die Terminstrecke ändern sich mit. Sechs Fassungen derselben Seite statt sechs Unterseiten, die niemand pflegt.

Die Eckdaten

165 KB beim ersten Aufruf, sechs Dateien, null fremde Server, null Cookies. Die Anpassung läuft ohne eine Zeile JavaScript. Jede Zahl steht auf der Case-Study-Seite und ist im Browser selbst nachmessbar.

// Ehrlich gesagt: Die Praxis ist erfunden, damit ich zeigen kann, wie ich arbeite. Website, Mechanik und Zahlen sind echt.
Warum so?

Weil du prüfen können sollst, was du kaufst.

01

Prozess schlägt Portfolio

Schöne Screenshots kann jeder zeigen. Ob ein Projekt gut läuft, entscheidet der Weg dorthin: Freigaben, Versionen, Prüfung. Den lege ich offen.

02

Nichts Erfundenes

Hier stehen keine ausgedachten Kundenstimmen und keine Fantasie-Prozentzahlen. Was du hier liest, kannst du an dieser Seite selbst nachprüfen.

03

Dein Projekt kommt hierher

Die nächsten Plätze auf dieser Seite gehören echten Kundenprojekten, mit deren Erlaubnis und echten Ergebnissen.

// Platz für Case 004: vielleicht dein Projekt. Der Prozess oben ist derselbe.
Nächster Schritt

Lass uns über dein Projekt reden.

Der Website-Check zeigt dir in unter 60 Sekunden, wie Google deine aktuelle Seite bewertet. Was die Messung nicht sieht, schaue ich mir selbst an. Danach entscheidest du.

  • Kostenlos & unverbindlich
  • Antwort in 2 Arbeitstagen
  • Festpreis ab 790 €