Anfragen Menü

// websites & apps für betriebe und vereine

Websites & Apps, die zu deinem Betrieb passen.

Ich entwickle für Betriebe und Vereine Websites und Web-Apps, die im Browser laufen – auf dem Handy wie am Rechner, ganz ohne App-Store. Bodenständig umgesetzt, verständlich erklärt und so gebaut, dass sie dir im Alltag Arbeit abnehmen.

  • Ein Ansprechpartner
  • Klarer Umfang vor dem Start
  • Auch für kleine Vorhaben
  • Salon LenajetztTermin bestätigt: Donnerstag, 14:30 Uhr bei Lena
  • Trattoria Lucevor 2 Min.Tisch für 4 – Freitag, 19:30 Uhr reserviert
  • Phone Pointvor 8 Min.Dein Handy ist abholbereit
  • Imbiss am Marktvor 12 Min.Bestellung #42 ist um 12:15 Uhr fertig
// Nachrichten, die deine Kundschaft automatisch bekommt.

// fertige seiten

So kann deine Seite aussehen.

Vier Beispiele, jedes mit eigener Handschrift – live und klickbar. Trag deinen Betriebsnamen ein und sieh ihn direkt auf der Seite.

Gerade zu sehen: Trattoria Luce (erfundener Betrieb)Warmes Kerzenlicht, Cormorant, Karte auf Papier

Demo in voller Größe öffnen

// so funktioniert's

Vorne einfach. Hinten durchdacht.

Deine Kundschaft sieht eine klare Seite. Dahinter sorgt durchdachte Logik dafür, dass Termine im Kalender und Bestellungen in der Küche landen – ohne Umweg über dich.

Die Karte wechselt von selbst. Mit der Maus darüber hält sie an.

// Für deine Kundschaft: ausfüllen, absenden, fertig.

reservierung.flowautomatisch
  1. 01 · Anfrage4 Personen, Freitag, 19:30 UhrPOST /reservierung
  2. 02 · PrüfungPassender Tisch ist freiif (tische.frei(4, "19:30")) …
  3. 03 · EintragenIm Reservierungsbuch vermerktbuch.eintragen(tisch12, gast)
  4. 04 · BestätigungGast und Service sind informiertmail.senden(gast); tablet.zeigen(service)

// Kein Telefon-Ping-Pong mehr während des Service.

termin.flowautomatisch
  1. 01 · BuchungSchneiden & Föhnen, Donnerstag 14:30POST /termin
  2. 02 · Kalender45 Minuten frei bei Lenakalender.frei(45, "Lena")
  3. 03 · EintragenTermin steht im Salon-Kalenderkalender.eintragen(termin)
  4. 04 · ErinnerungErinnerung am Vortag – weniger vergessene Terminesms.planen(kunde, "-1 Tag")

// Kein Telefonieren mehr zwischen zwei Kunden.

probetraining.flowautomatisch
  1. 01 · AnfrageFormular geprüft und angenommenPOST /probetraining
  2. 02 · ZuordnungAlter 12 → Team Jugendif (alter < 14) team = "jugend"
  3. 03 · SpeichernAnfrage abgelegt, Status sichtbaranfragen.speichern({ status: "offen" })
  4. 04 · InfoDie Trainingsleitung bekommt alle Infosmail.senden(trainer.jugend)

// Die Anfrage landet direkt bei den richtigen Leuten.

vorbestellung.flowautomatisch
  1. 01 · Bestellung3 Artikel, Abholung 12:15bestellung.empfangen()
  2. 02 · KücheViel los? Abholzeit wird angepasstif (küche.voll()) zeit += 10
  3. 03 · BonBon landet direkt in der Küchedrucker.bon(bestellung)
  4. 04 · InfoTom erfährt, wann alles fertig istsms.senden(tom, "Fertig um 12:15")

// Weniger Schlange, weniger Zettel, mehr Überblick.

reparatur.flowautomatisch
  1. 01 · AbfrageAuftrag R-2041 wird gesuchtGET /auftrag/R-2041
  2. 02 · WerkstattStatus aus der Werkstatt-Listewerkstatt.status("R-2041")
  3. 03 · PrüfungReparatur fertig → abholbereitif (fertig) auftrag.abholbereit()
  4. 04 · InfoKunde bekommt automatisch Bescheidsms.senden(kunde, "Abholbereit")

// Weniger Anrufe à la „Ist mein Handy schon fertig?“

anfrage.flowautomatisch
  1. 01 · AnfrageWohnzimmer, 25 m², KW 12POST /anfrage
  2. 02 · VorkalkulationGrobe Schätzung aus der Flächekalkulation.schätzen(25)
  3. 03 · PlanungFreie Termine in KW 12 gefundenkalender.frei("KW 12")
  4. 04 · InfoDer Meister hat alles auf dem Handypush.senden(meister)

// Anfragen kommen sortiert an – auch unterwegs.

// deine branche

So könnte es bei dir aussehen.

Sieben Beispiele aus dem Alltag. Vorne die Website zum Ausprobieren, umgedreht das Werkzeug fürs Team.

Beispiel 1 von 7WebsiteWerkzeug fürs Team

Vereine

Deine Vereinsseite, immer aktuell.

Trainingszeiten, Spieltermine und Neuigkeiten an einem Ort. Der Vorstand pflegt alles selbst, Anfragen für ein Probetraining landen direkt beim richtigen Team.

  • Trainingszeiten und Hallenplan
  • Probetraining online anfragen
  • Neuigkeiten selbst einstellen
So etwas für meinen Verein Live-Demo ansehen
…/probetrainingZum Ausprobieren
TeamsSpielplanVerein
Nächstes HeimspielSV Musterstadt – TuS BeispielSamstag, 15:00 · Sportpark

Probetraining anfragen

Training: Di 17:00 · Halle 2

// was mit deiner eingabe passiert

  1. Anfrage für die E-Jugend kommt reinanfrage
  2. Das Trainerteam der E-Jugend bekommt sie aufs Handyteam
  3. Vorschlag: Di, 17:00 Uhr in Halle 2termin
  4. Am Vortag geht eine Erinnerung rauserinnerung

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für den Vorstand

Der Hallenplan ohne Excel-Chaos.

Wer trainiert wann in welcher Halle? Der Plan zeigt es auf einen Blick und meldet Überschneidungen, bevor zwei Teams vor derselben Tür stehen.

Beispiel 2 von 7WebsiteWerkzeug fürs Team

Friseursalons

Online-Termine für deinen Salon.

Deine Kundschaft bucht selbst, wann es passt. Der Kalender kennt die Dauer jeder Leistung und zeigt nur Zeiten, die wirklich frei sind.

  • Leistungen mit passender Dauer
  • Freie Zeiten pro Mitarbeiterin
  • Erinnerung am Vortag
So etwas für meinen Salon Live-Demo ansehen
…/terminZum Ausprobieren
LeistungenTeamTermin

Online-Termin buchen

Bei
Tag
45 Min. · nur passende Lücken

// was mit deiner eingabe passiert

  1. Schneiden & Föhnen dauert 45 Minutendauer
  2. Lena hat am Donnerstag um 14:30 Uhr eine passende Lückekalender
  3. Der Termin steht sofort im Salon-Kalendereintragen
  4. Am Vortag geht eine Erinnerung per SMS rauserinnerung

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für dein Team

Die Kundenkartei mit Farbrezept.

Letzter Besuch, Farbrezeptur und Wünsche auf einen Blick – am Platz oder auf dem Tablet. Statt Karteikasten und Zettel in der Schublade.

Beispiel 3 von 7WebsiteWerkzeug fürs Team

Restaurants

Deine Restaurantseite mit eigener Reservierung.

Speisekarte, Öffnungszeiten und Reservierung in deinem Stil. Neue Reservierungen erscheinen sofort im Tischplan deines Service-Teams.

  • Online-Reservierung
  • Tischplan für den Service
  • Speisekarte selbst pflegen
So etwas für mein Restaurant Live-Demo ansehen
…/reservierenZum Ausprobieren
KarteWeineReservieren
Heute geöffnet · 17:30–23:00Ein Abend wie in Italien.

Tisch reservieren

Personen4Tag
Tisch T5 ist frei

// was mit deiner eingabe passiert

  1. 4 Personen, Freitag, 19:30 Uhranfrage
  2. Tisch T5 ist frei und wird vorgemerkttischplan
  3. Der Service sieht die Reservierung sofort am Tabletservice
  4. Der Gast bekommt die Bestätigung per Mailbestätigung

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für den Service

Der Tischplan fürs Tablet.

Neue Reservierungen erscheinen sofort im Tischplan am Tresen. So etwas gibt es als Abo-Dienst – oder als eigene Lösung, die genau zu deinem Lokal passt.

Beispiel 4 von 7WebsiteWerkzeug fürs Team

Imbisse

Vorbestellen, abholen, fertig.

Deine Gäste bestellen online und holen zur gewählten Zeit ab. Mittags gibt es weniger Schlange, in der Küche mehr Überblick.

  • Online bestellen und abholen
  • Abholzeit nach Auslastung
  • Bon direkt in der Küche
So etwas für meinen Imbiss
…/vorbestellenZum Ausprobieren
KarteVorbestellen

Vorbestellen & abholen

  • Currywurst mit Pommes7,50 €2
  • Pommes rot-weiß3,80 €1
  • Cola 0,33 l2,50 €0
AbholungKüche gut ausgelastet
Summe 18,80 €

// was mit deiner eingabe passiert

  1. 2× Currywurst, 1× Pommes – 18,80 €bestellung
  2. Der Bon erscheint sofort auf dem Küchen-Monitorküche
  3. Abholung um 12:15 Uhr ist eingeplantzeit
  4. Sobald alles fertig ist, kommt eine Nachrichtnachricht

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für die Küche

Der Bestell-Monitor für die Küche.

Neue Bestellungen erscheinen sofort auf dem Bildschirm in der Küche, sortiert nach Abholzeit. Ein Tipp auf „Fertig“, und der Gast bekommt Bescheid.

Beispiel 5 von 7WebsiteWerkzeug fürs Team

Handyshops

Reparatur-Status online, weniger Anrufe.

Deine Kundschaft sieht selbst, wie weit die Reparatur ist. Sobald das Gerät abholbereit ist, geht eine Nachricht raus.

  • Status per Auftragsnummer
  • Beratungstermine online
  • Nachricht bei „abholbereit“
So etwas für meinen Shop
…/reparaturZum Ausprobieren
ReparaturZubehörTermin

Reparatur-Status

Beispiele:

Smartphone · Display-TauschAuftrag R-2041
  1. EingegangenMo
  2. Ersatzteil ist daDi
  3. Repariertheute
  4. Abholbereitab 14 Uhr

// was mit deiner eingabe passiert

  1. Auftrag R-2041 wird gesuchtabfrage
  2. Status aus der Werkstatt: Display getauschtwerkstatt
  3. Abholbereit – die Nachricht ging schon rausnachricht
  4. Die Werkstatt sieht alle offenen Aufträge auf einen Blickübersicht

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für deinen Verkauf

Dein eigener Tarifrechner.

Eigene Angebote und Bundles, kombiniert mit aktuellen Tarifen deiner Partner per Schnittstelle. Die Kundschaft vergleicht selbst, du berätst dort, wo es zählt.

Welche Schnittstellen möglich sind, hängt von deinen Partnern ab – das prüfen wir vorher gemeinsam.

Beispiel 6 von 7WebsiteWerkzeug fürs Team

Handwerk

Anfragen, die sortiert ankommen.

Statt unklarer Anrufe kommen Anfragen mit Fotos, Fläche und Wunschtermin. Und dein Team sieht, wer wann auf welcher Baustelle ist.

  • Anfrage mit Fotos
  • Grobe Vorkalkulation
  • Einsatzplanung fürs Team
So etwas für meinen Betrieb
…/anfrageZum Ausprobieren
LeistungenÜber unsAnfrage

Angebot anfragen

Was soll gemacht werden?
Fotos (3)

// was mit deiner eingabe passiert

  1. Streichen, ca. 25 m², KW 12anfrage
  2. Vorkalkulation: rund 7 Arbeitsstundenkalkulation
  3. Freie Termine in KW 12 werden vorgeschlagenplanung
  4. Der Meister hat alles unterwegs auf dem Handyhandy

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für die Planung

Der Einsatzplaner für dein Team.

Wer ist wann auf welcher Baustelle? Neue Aufträge ziehst du in die Woche, und alle sehen den Plan auf dem Handy.

Beispiel 7 von 7WebsiteWerkzeug fürs Team

Läden & Praxen

Online gefunden, vor Ort persönlich.

Deine Kundschaft sieht, was da ist, reserviert und holt im Laden ab. Für Praxen funktioniert dasselbe mit Online-Terminen.

  • Reservieren und abholen
  • Online-Termine für Praxen
  • Öffnungszeiten und Aktionen selbst pflegen
So etwas für meinen Laden
…/sortimentZum Ausprobieren
NeuSortimentAnfahrt
Heute bis 18:30 geöffnet
Für dich reserviertLeuchte Nord89 €
Für dich reserviertVase Klar39 € · nur noch 1

Praxis statt Laden? Gleiches Prinzip – mit Online-Terminen.

// was mit deiner eingabe passiert

  1. Leuchte Nord wird reserviertreservierung
  2. Sie liegt zwei Tage zurückzurücklegen
  3. Der Laden bekommt eine Nachricht aufs Handyinfo
  4. Nicht abgeholt? Danach ist sie wieder freifrei

Ein Beispiel – für deinen Betrieb passe ich jeden Schritt an.

Vorne ausprobieren, dann den Regler ziehen.

Für Praxen

Das Online-Wartezimmer.

Patientinnen und Patienten sehen auf dem Handy, wann sie dran sind, und warten im Café statt im Wartezimmer. Kurz vorher kommt eine Nachricht.

Alle Betriebe sind erfunden – die Ideen dahinter sind echt.

// spielwiese

Vorne tippen, hinten mitlesen.

Hier siehst du den Code, der bei einer Reservierung mitläuft. Jede Eingabe verändert ihn sofort – gesendet wird nichts.

Trattoria Luce

Tisch reservieren

Personen
2
Tag
Uhrzeit
So sieht's der Gast:

Hallo Gast, dein Tisch für 2 am Freitag um 19:30 Uhr ist reserviert.

// der weg einer anfrage

Von „Senden“ bis „Erledigt“.

Station für Station: So reist eine Anfrage durch deine Lösung. Der Lichtpunkt folgt dir beim Scrollen.

  1. form01AnfrageJemand bucht, bestellt oder fragt an – zu jeder Tageszeit.
  2. if02PrüfungRegeln greifen: Ist der Termin frei? Fehlt noch eine Angabe?
  3. db03DatenAlles landet geordnet an einem Ort statt in Zetteln und Postfächern.
  4. team04Dein TeamDie richtige Person erfährt es: in der Küche, am Tresen oder unterwegs.
  5. ✓05ErledigtDeine Kundschaft bekommt Bescheid. Du musstest dafür nichts tun.

// eigene lösung

Eigene Lösung statt Abo-Tool.

Für Reservierungen, Termine und Bestellungen gibt es fertige Abo-Dienste. Manchmal passen sie. Oft ist eine eigene, schlanke Lösung die bessere Wahl.

Fertiges Abo-Tool{codegefühl}
AbläufeStandard-Abläufe, an die du dich anpasstDie Lösung passt sich deinem Ablauf an
AuftrittSieht aus wie bei vielen anderenDeine Farben, dein Logo, deine Sprache
UmfangViele Funktionen, die du nie brauchstGenau das Nötige – später erweiterbar
KostenLaufende Gebühren, oft pro Monat oder PlatzKlarer Preis für den Bau, Betreuung nach Absprache

Und wenn ein fertiges Tool für dich genau richtig ist, sage ich dir das auch.

// leistungen

Was ich baue.

Von der Website bis zur Warenwirtschaft: Werkzeuge, die zu deinem Alltag passen.

auch größer

Auch ganze Systeme.

Neben Websites und kleinen Werkzeugen setze ich auch Anwendungen mit mehr Tiefe um.

Zum Beispiel eine Warenwirtschaft: Artikel und Lager, Aufträge und Verträge, Versand und Seriennummern – in einem System.

Für kleine und mittlere Betriebe – geplant in Etappen, das Wichtigste zuerst.

WarenwirtschaftBeispiel

  • Artikel & Lager
  • Aufträge & Verträge
  • Versand
  • Seriennummern

// klartext

Klartext statt Fachchinesisch.

Begriffe, die in Angeboten gern fallen – übersetzt in einen Satz Alltag. Mit dem Schalter siehst du beide Fassungen.

  • Schnittstelle

    Standardisierte API zur bidirektionalen Synchronisation heterogener Systeme.

    Zwei Programme reden direkt miteinander – niemand muss etwas abtippen.

    z. B. Die Online-Buchung landet von selbst in deinem Kalender.

  • Datenbank

    Persistente, relationale Datenhaltung mit referenzieller Integrität.

    Ein ordentlicher Aktenschrank, in dem nichts verloren geht und alles schnell gefunden wird.

    z. B. Alle Mitglieder mit Team, Beitrag und Eintrittsdatum.

  • Automatisierung

    Ereignisgesteuerte Workflow-Orchestrierung mit regelbasierter Verarbeitung.

    Wiederkehrende Handgriffe erledigen sich von selbst.

    z. B. Am Vortag geht automatisch die Termin-Erinnerung raus.

  • Responsive

    Viewport-adaptives Layout mit fluiden Breakpoints und Container-Queries.

    Die Seite sieht auf Handy, Tablet und Laptop gut aus.

    z. B. Die Speisekarte passt aufs Handy – ohne Zoomen.

  • Frontend & Backend

    Clientseitige Präsentationsschicht und serverseitige Geschäftslogik.

    Vorne das, was deine Kundschaft sieht. Hinten das, was dafür arbeitet.

    z. B. Vorne das Formular, hinten die Prüfung, ob der Tisch frei ist.

  • Web-App

    Browserbasierte Single-Page-Application mit clientseitigem State-Management.

    Ein Programm, das im Browser läuft – ohne Installation.

    z. B. Der Tischplan auf dem Tablet am Tresen.

  • Hosting

    Bereitstellung der Anwendung auf einer Server-Infrastruktur inklusive DNS-Auflösung.

    Der Platz im Internet, an dem deine Website wohnt.

    z. B. Deine Adresse, etwa dein-betrieb.de, zeigt genau dorthin.

  • Backup

    Redundante, versionierte Datensicherung nach dem 3-2-1-Prinzip.

    Eine Sicherheitskopie, falls doch mal etwas schiefgeht.

    z. B. Gelöschter Eintrag? Er lässt sich aus der Kopie zurückholen.

Fehlt ein Begriff? Frag mich einfach – ich erkläre ihn dir ohne Fachchinesisch.

// ablauf

So läuft’s.

Vier Schritte, klar abgegrenzt. Nach jedem weißt du, wo wir stehen.

  1. Erzählen

    Du schilderst deine Idee oder dein Problem, gern auch unsortiert.

    ErgebnisIch verstehe, worum es dir geht.

  2. Sortieren

    Wir klären gemeinsam, was jetzt nötig ist und was warten kann.

    ErgebnisEin schriftliches Angebot mit klarem Umfang.

  3. Bauen

    Ich setze eine schlanke erste Version um. Du siehst früh, wie sie sich anfühlt.

    ErgebnisEine erste Version zum Ausprobieren.

  4. Weiterdenken

    Wenn es passt, wächst die Lösung mit. Betreuung gibt es auf Wunsch dazu.

    ErgebnisEine Lösung, die mitwächst.

// über mich

Hi, ich bin Steffen.

Platzhalter: Foto und Text folgen

Hinter Codegefühl stecke ich – und du hast es direkt mit mir zu tun: vom ersten Gespräch bis zur fertigen Lösung. Ich spreche beide Sprachen: deine und die der Technik.

Hier stehen zwei, drei persönliche Sätze: was dich antreibt, was du an gut gelösten Abläufen magst und worauf du in der Zusammenarbeit Wert legst.

// fragen

Häufige Fragen.

Was viele vor dem ersten Gespräch wissen wollen. Deine Frage fehlt? Stell sie mir direkt.

Frage stellen
Was kostet eine Website oder Web-App?

Das hängt vom Umfang ab. Vor dem Start bekommst du ein schriftliches Angebot, das genau beschreibt, was gebaut wird. So weißt du vorher, woran du bist.

Wie klein darf ein Vorhaben sein?

Klein ist willkommen. Oft reicht ein erster Baustein – etwa eine Online-Reservierung –, der später wachsen kann.

Was, wenn ich noch nicht genau weiß, was ich brauche?

Dann sortieren wir das gemeinsam. Du erzählst, wo es hakt. Ich schlage vor, was sinnvoll ist und was warten kann.

Kann ich Inhalte später selbst ändern?

Wenn du das möchtest, ja. Dann baue ich es so, dass du Öffnungszeiten, Texte oder Termine ohne Technikwissen selbst pflegst.

Wie setzt du KI ein?

KI gehört heute dazu – ich nutze sie punktuell als Werkzeug. Das kommt dem Tempo deines Projekts zugute. Das Wesentliche bleibt aber bei mir: Ablauf verstehen, Architektur planen, entscheiden und Verantwortung tragen.

Wer kümmert sich nach dem Start?

Auf Wunsch ich: Updates, kleine Änderungen und neue Ideen. Wie das genau aussieht, legen wir vorher gemeinsam fest.

// kontakt

Drei Wege zu {codegefühl}.

Such dir aus, wie du anfangen möchtest. Alle drei Wege landen direkt bei mir – unverbindlich und gern auch unsortiert.

  • Unverbindlich
  • Ohne Fachchinesisch
  • Auch für kleine Vorhaben

Im Aufbau: Codegefühl ist in Gründung – Anfragen und Aufträge nehme ich derzeit noch nicht an. Das Formular ist eine Vorschau und verschickt nichts.

Deine Branche (optional)
Welche Bausteine brauchst du? Typisch für deine Branche ist markiert.

Wann passt es dir?

Deine Angaben nutze ich nur, um dir zu antworten. Mehr in der Datenschutzerklärung.