Referenzen
Zwei Anwendungen, vier Websites.
Zwei Anwendungen — eine aus eigenem Antrieb, eine für einen Kunden — und vier vollständig gebaute Websites aus vier Branchen. Die Aufgabe ist in allen Fällen dieselbe: zunächst verstehen, wie tatsächlich gearbeitet wird, und erst danach entwickeln.
01 — Eigenes Projekt · Datensystem
TELL
Ein Analysesystem, das elf Datenquellen einsammelt und jeden Morgen um sieben von allein einen Bericht schreibt.
Ein eigenes Projekt, kein Kundenauftrag. Es steht hier, weil es etwas zeigt, was an einer Website nicht sichtbar wird: wie ein System aussieht, das täglich ohne Aufsicht arbeitet.
Die Aufgabe. Börsengeschäfte von Fondsmanagern, Vorständen und Abgeordneten sind in den USA öffentlich meldepflichtig — aber erst nach Tagen oder Monaten, verteilt auf getrennte Register, jedes mit eigenem Format und eigenen Kennungen. Einzeln sind die Meldungen wertlos. Interessant wird erst, was sie gemeinsam zeigen.
Die Lösung. Elf Quellen werden automatisch abgerufen — Wertpapieraufsicht, Kongressmeldungen, Gesetzesregister, Zinsentscheidungen, Kurs- und Konjunkturdaten — und auf ein gemeinsames Schema gebracht. Rund 37.700 Meldungen liegen ausgewertet vor. Eine Oberfläche macht sie durchsuchbar, ein Zeitplan stößt den Tageslauf an, und am Ende steht ein Bericht, den niemand anfordern muss.
Warum es hierher gehört. Die Anwendungsbereiche sind austauschbar: Was hier Meldungen der Wertpapieraufsicht sind, ist im Betrieb eine Lieferantenliste, ein Maschinenprotokoll oder eine Kassenauswertung. Die Arbeit dahinter ist dieselbe — Daten aus Quellen holen, die nicht zusammenpassen, sie zusammenführen, prüfbar machen und in einen Ablauf bringen, der ohne Zutun weiterläuft.
- Kernstück
- Tageslauf ohne Aufsicht
- Quellen
- 11, täglich abgerufen
- Datenbestand
- rund 37.700 Meldungen
- Gebaut mit
- Python, React, DuckDB
TELL handelt ausschließlich auf Demokonten der Handelsplätze; echtes Geld ist nicht im Spiel. Das System ist weder ein Angebot noch eine Empfehlung zur Geldanlage — es steht hier als Arbeitsprobe.
02 — Kundenprojekt · Webanwendung
cat-zahnsystem.de
Sechs Maße mit dem Zollstock, und die Bestellnummer steht fest — auf der Baustelle, ohne Katalog und ohne Anruf beim Händler.
Gemeinsam mit Holger Ester entwickelt. Erkannt hat das Problem er — im Betriebsalltag, wo es entsteht. Er hat es an mich herangetragen, gelöst habe ich es in der Software.
Die Aufgabe. Ein Baggerzahn sieht aus wie der nächste. Wer nachbestellt, vergleicht Fotos, ruft beim Händler an oder rät. Ein falsch bestellter Zahn heißt: Maschine steht, Rücksendung, neue Lieferzeit. Erschwerend kommt hinzu, dass ein eingesetzter Zahn sich abnutzt — die Länge stimmt dann nicht mehr mit dem Katalogmaß überein, und gerade das Maß, an dem die meisten es versuchen, führt in die Irre.
Die Lösung. Der Fahrer misst direkt an der Schaufel, ein Zollstock genügt. Sechs Maße, jedes mit einer Skizze daneben, die zeigt, wo außen und wo innen angesetzt wird. Ausschlaggebend ist das Innenmaß der Aufnahme: Es liegt geschützt im Zahn und verschleißt deshalb nicht. Die übrigen Maße grenzen die Bauform ein, und ein Häkchen für „verschlissen" nimmt der Längenangabe ihr Gewicht.
Warum es funktioniert. Am Ende steht keine Liste mit Möglichkeiten, sondern ein Treffer mit Prozentangabe — dazu jede Nummer, die zum Bestellen gebraucht wird: Hersteller, zwei Zulieferer, Sicherungsbolzen und Spannring. Die Anwendung legt außerdem Soll- und Messwerte nebeneinander, damit der Fahrer die Zuordnung selbst nachvollziehen kann, statt sie glauben zu müssen. Sie läuft im Browser des Telefons, ohne Installation, ohne Anmeldung.
- Eingabe
- sechs Maße, ein Zollstock
- Ergebnis
- Typ, Passung in Prozent, fünf Bestellnummern
- Systeme
- J-Serie, Advansys, K-Serie
- Läuft
- im Browser, ohne Installation
cat-zahnsystem.de aufrufen und selbst messen
Die Ansichten zeigen einen echten Durchlauf mit den Maßen 65 · 76 · 222 · 74 mm und einem Sicherungsbolzen 92 × Ø 14 mm.
Musterprojekte
Vier Branchen, vier fertige Seiten.
Damit Sie den möglichen Umfang einschätzen können, bevor Sie einen Auftrag erteilen.
Handwerk, Dienstleistung, Gastronomie und Beauty — jede Branche mit anderen Anforderungen, und für jede eine vollständig gebaute Website aus vier Seiten: mit Leistungsübersicht, Preisen, Team und Öffnungszeiten, Impressum und Datenschutzerklärung. Jede hat eine eigene Farbwelt, eigene Schriften und ein eigenes fachliches Merkmal — die Funktion, die dem Betrieb die häufigste Rückfrage abnimmt. Gemeinsam ist ihnen die Machart: von Hand entwickelt, ohne Baukastensystem, ohne Inhalte von fremden Servern, vollständig mit der Tastatur bedienbar.
- Handwerk Zimmerei — Holzbau und Dachdeckerei Vorher-Nachher-Schieber, Bauzeitachse, Notdienst in jeder Kopfzeile
- Dienstleistung Fahrzeugvermietung Preisrechner, der jede Position einzeln ausweist
- Gastronomie Steakhaus mit eigener Reifekammer Speisekarte mit Reifezeit und Herkunft, Garstufen-Skala
- Beauty Hair & Beauty Salon Preisliste mit Dauer je Behandlung, Terminanfrage in drei Schritten
03 — Musterprojekt · Handwerk
Zimmerei Brinkgerd
Holzbau und Dachdeckerei, Meppen.
Die Aufgabe. Eine Zimmerei möchte Sanierungen dokumentieren. Die Aufnahme eines fertigen Dachs ist wenig aussagekräftig, solange der Zustand davor nicht erkennbar ist. Und wer einen akuten Schaden hat, sucht keine Leistungsübersicht, sondern eine Telefonnummer.
Die Lösung. Ein Vorher-Nachher-Schieber, der über ein Eingabefeld läuft und deshalb auch mit der Tastatur bedienbar ist. Eine Bauzeitachse nennt zu jedem Schritt eine feste Dauer. Der Notdienst steht im Kopfbereich, auf jeder Seite.
Warum es funktioniert. Dunkel und sachlich gesetzt: Tannenschwarz als Grund, Lärchenholz für alles Handelnde — Knöpfe, Notdienst, gebaute Zeit. Maße und Zahlen stehen in einem stumpfen Grün daneben und drängen sich nicht vor.
- Kernstück
- Vorher-Nachher-Schieber
- Schriften
- Bricolage Grotesque, IBM Plex Sans
- Umfang
- 4 Seiten
04 — Musterprojekt · Dienstleistung
NORDSPUR
Fahrzeugvermietung, Lingen (Ems).
Die Aufgabe. Eine Autovermietung veröffentlicht ihre Tarife. Der Tagespreis ist prominent ausgewiesen, die Endsumme ergibt sich jedoch erst am Schalter aus Kilometerpaket, Zusatzfahrer und Selbstbeteiligung. Genau daraus entstehen Beschwerden.
Die Lösung. Ein Preisrechner, der jede Position einzeln ausweist, bevor überhaupt angefragt wird. Die Fahrzeugklassen tragen nachgebaute Nummernschilder — rein in CSS, ohne ein einziges Bild.
Warum es funktioniert. Der Kopfbereich ist Nacht, danach kippt die Seite hart ins Helle: Fahrt oben, Rechnung unten. Wer die Summe vorher sieht, fragt an, ohne sich hinterher zu ärgern.
- Kernstück
- Preisrechner mit Aufschlüsselung
- Schriften
- Space Grotesk, Manrope
- Umfang
- 4 Seiten
05 — Musterprojekt · Gastronomie
GLUT & GRAT
Steakhaus mit eigener Reifekammer, Osnabrück.
Die Aufgabe. Ein Steakhaus reift sein Fleisch selbst. Auf der Karte steht „Dry Aged, 45 Tage" — für die Gäste bleibt jedoch unklar, was diese Angabe für das bestellte Stück bedeutet. Auch Garstufen wie „medium rare" werden sehr unterschiedlich verstanden.
Die Lösung. Die Karte nennt zu jedem Cut die Reifezeit und die Herkunft. Eine Temperaturleiste von 48 bis 68 Grad zeigt, was hinter jeder Garstufe steckt. Der Kopfbereich flimmert wie Glut und reagiert auf das Scrollen.
Warum es funktioniert. Der Gast bestellt, was er meint, und nicht, was er zu meinen glaubt. Dunkel, warm, zwei Akzente statt einem — die Seite sieht aus wie der Raum, in dem gegessen wird.
- Kernstück
- Garstufen-Skala
- Schriften
- Big Shoulders, Public Sans
- Umfang
- 4 Seiten
06 — Musterprojekt · Beauty
LICHTUNG
Hair & Beauty, Rheine.
Die Aufgabe. Ein Salon veröffentlicht seine Preisliste. Sie nennt zwar den Preis, nicht aber die Dauer der Behandlung — dabei ist gerade das vor einer Terminbuchung die häufigste Frage.
Die Lösung. Die Behandlungskarte zeigt die Dauer als Balken neben dem Preis. Man sieht auf einen Blick, was ein Termin kostet und wie viel Nachmittag er braucht. Die Terminanfrage läuft in drei Schritten.
Warum es funktioniert. Kein Rosa, kein Glitzer: ein dunkler Pflaumenton als Grund, Champagner und Blush als einzige Akzente, Cormorant Garamond für die Überschriften. Ein Salon darf aussehen wie eine Zeitschrift, nicht wie ein Katalog.
- Kernstück
- Dauer-Balken in der Preisliste
- Schriften
- Cormorant Garamond, Karla
- Umfang
- 4 Seiten
Alle vier Musterprojekte im Überblick
Die vier Betriebe dieser Musterprojekte sind Beispiele; die Seiten wurden dafür vollständig gebaut.
Ihr Projekt
Sprechen wir über Ihr Vorhaben.
Schildern Sie mir, an welcher Stelle in Ihrem Betrieb Bedarf besteht. Das Erstgespräch ist kostenlos und unverbindlich.