OSBSA Bilişim
de

Webentwicklung und individuelle Anwendungen

Eine Unternehmensseite zeigt Informationen. Hier geht es um etwas anderes: Wir schreiben eine Anwendung, die Bestellungen annimmt, Bestand abbucht, Angebote erzeugt und entscheidet, wer was sehen darf. Wenn bei Ihnen ein Prozess über Excel-Tabellen läuft, reden wir vermutlich darüber.

Vielleicht brauchen Sie das nicht

Individuelle Entwicklung ist teuer und nicht für jedes Unternehmen nötig. Wenn Ihre Seite Informationen zeigt, Formulare sammelt und einen Blog führt, reicht ein fertiges Redaktionssystem. Das zu sagen nützt unserem Umsatz nicht, aber eine falsche Investition später zu korrigieren kostet mehr.

Die Trennlinie ist diese: Gibt es auf der Seite Regeln oder nur Inhalte? Wenn es keinen Preis, keine Berechtigung und keine Berechnung gibt, die sich von Nutzer zu Nutzer ändert, können Sie hier aufhören zu lesen.

Worin liegt der Unterschied zum Design?

Auf einer Unternehmensseite heißt eine Seite ändern: den Text ändern. Hier wirkt sich das Ändern einer einzigen Regel auf alle Bildschirme, Berechtigungen und Auswertungen aus, die daran hängen.

Deshalb ist die Hälfte der Arbeit nicht Programmieren, sondern die Regeln richtig aufzuschreiben. Darum nennen wir auch keinen Preis, bevor der Leistungsumfang steht.

Die beiden Arbeiten im Vergleich
UnternehmensseiteIndividuelle Anwendung
ErgebnisSeiten, die Informationen zeigenEine Anwendung, die arbeitet
DatenText und BilderBestellungen, Bestand, Nutzer
NutzerBesucherBesucher und berechtigte Nutzer
Maß für KomplexitätZahl der SeitenZahl der Geschäftsregeln und Rollen
TestaufwandDarstellung und FormulareRegeln, Berechtigungen, Datenintegrität
PflegeInhalte aktualisierenRegeln ändern, Versionen verwalten

Womit entwickeln Sie?

Wir wählen nach drei Fragen: Wird es lange unterstützt, findet sich ein Entwickler, der es übernimmt, und können Suchmaschinen die Inhalte lesen, ohne JavaScript auszuführen?

Der Stack, den wir einsetzen
EbeneWahlBegründung
SpracheTypeScriptFängt Fehler beim Schreiben ab statt zur Laufzeit; hält den Code lesbar für den, der ihn übernimmt
FrameworkNext.js und ReactSeiten entstehen auf dem Server, der erste Aufruf ist schnell, Suchmaschinen sehen die Inhalte direkt
ServerseiteNode.js, Server Actions und API-RoutenFrontend und Backend in einer Sprache und einem Repository; das senkt die Integrationskosten
DatenbankPostgreSQL oder MariaDBTransaktionssicherheit, referenzielle Integrität, breite Hosting-Unterstützung
DatenzugriffPrismaSchema in einer Datei, nachvollziehbare Migrationshistorie, geringeres Risiko für SQL-Injection
ValidierungZodDieselbe Regel greift im Formular und auf dem Server
SitzungenSignierte Cookies, Passwörter mit bcrypt gespeichertKeine Klartextpasswörter, Berechtigungen werden serverseitig geprüft
OberflächeUnser eigenes Komponentenset auf Tailwind CSSKeine Theme-Abhängigkeit, ungenutzte Styles werden nicht mitgeschleppt
DateienS3-kompatibler Speicher, Konvertierung nach AVIF und WebPGroße Dateien belasten den Anwendungsserver nicht
AuslieferungGit, automatischer Build, getrennte TestumgebungFehlerhafte Versionen lassen sich zurücknehmen, niemand kopiert Dateien von Hand auf Produktiv

Was wir nicht einsetzen, gehört ebenfalls auf die Liste: Flash, FrontPage, Fireworks und klassisches ASP kommen in keinem unserer heutigen Projekte vor. Wurde Ihre Seite damit gebaut, ist die anstehende Arbeit kein Update, sondern eine Neuentwicklung.

Welche Arbeiten übernehmen Sie?

  • Händler- und Serviceportale: Preise nach Rolle, Bestellerfassung, Kontenübersicht
  • Verwaltung von Produktkatalog und technischen Dokumenten, Varianten- und Maßtabellen
  • Angebotsprozesse: vom Formular zum PDF-Angebot, mit Freigabe- und Änderungsverfolgung
  • Reservierungs- und Terminsysteme, mit Kapazität und Erinnerungen
  • Interne Verwaltungsbereiche: Anfragen, Aufgaben, Dokumente, Berechtigungen
  • Anbindungen: ERP, Buchhaltung, Versand, E-Rechnung, Zahlungsterminal, Marktplätze
  • Übernahmen: Code-Durchsicht, Dokumentation, schrittweise Erneuerung

Wie entsteht eine Anbindung?

Eine Anbindung heißt, dass zwei Systeme miteinander sprechen, ohne dass dieselben Daten zweimal erfasst werden. Hier bleiben Projekte am häufigsten stecken: Die Dokumentation der Gegenseite ist lückenhaft, Feldnamen passen nicht zusammen, und nirgends steht, was im Fehlerfall geschieht.

Deshalb teilen wir die Arbeit in drei Teile. Eine Feldzuordnungstabelle: welches Feld wem entspricht. Fehlerfälle: was passiert, wenn die Verbindung abreißt oder Daten abgelehnt werden. Und die Wiederholungslogik. Bevor diese drei nicht schriftlich vorliegen, fangen wir mit dem Code nicht an.

  • ERP und Buchhaltung: Übertragung von Produkten, Bestand, Konten und Preisen
  • E-Rechnung und E-Archiv: Belegerzeugung über einen Integrator
  • Versand: Sendung anlegen, Barcode, Abgleich der Sendungsnummer
  • Zahlung: Bank-Zahlungsterminal oder Zahlungsdienstleister; Kartendaten erreichen uns nie
  • Marktplätze: Abgleich von Produkten und Bestand, Abholen der Bestellungen

Was tun Sie für die Sicherheit?

Sicherheit ist kein eigenes Modul, sondern eine Gewohnheit, die in jedem Schritt gilt. Das sind unsere Mindestregeln:

  • Alles, was aus dem Browser kommt, wird auf dem Server erneut geprüft; die Prüfung im Browser ist nur Bequemlichkeit für den Nutzer
  • Passwörter werden mit bcrypt gehasht und nirgends im Klartext gespeichert
  • Berechtigungen werden auf dem Server geprüft; ein versteckter Button ist keine Berechtigungsgrenze
  • Ratenbegrenzung, Honeypot und Bot-Prüfung an Login- und Formularendpunkten
  • Parametrisierte Datenbankabfragen, Prüfung von Typ und Größe beim Datei-Upload
  • Kartendaten landen nie auf unserem Server, sie bleiben im Rahmen des Zahlungsanbieters
  • Datenverzeichnis, Aufbewahrungsfristen und Löschverfahren, wie es KVKK, das türkische Datenschutzgesetz, verlangt
  • Nach dem Einrichten der Sicherung wird eine Rückspielung tatsächlich erprobt; eine ungeprüfte Sicherung ist keine

Wem gehört die Software am Ende?

Das System läuft auf Ihren Namen: Die Domain gehört Ihnen, der Zugang liegt bei Ihnen, die Daten darin sind Ihre. Ihre Produkt-, Kunden- und Bestelldaten können Sie jederzeit exportieren. Sie zahlen uns keine Jahreslizenz dafür, dass die Seite online bleibt.

Die Übergabe des Quellcodes ist ein eigenes Thema. Die tatsächlichen Kosten von Software liegen nicht im Betrieb, sondern im Entwerfen, Schreiben und Dokumentieren; deshalb steckt die Codeübergabe nicht im Paketpreis. Wer sie möchte, spricht sie im Gespräch an, und wir schreiben Preis und Umfang in den Vertrag. Wir sagen das von vornherein, damit später keine Überraschung kommt.

Ist die Codeübergabe vereinbart, enthält die Übergabedatei das Git-Repository, eine Datenbanksicherung samt Schemadateien, die Liste der Umgebungsvariablen, die Konten der Drittanbieter, eine Installationsanleitung und eine Liste der bekannten Lücken. Den letzten Punkt schreiben wir bewusst auf. Keine Software wird lückenlos übergeben; ehrlich ist, wer die Lücken zu Papier bringt.

Unser Ablauf in sieben Schritten

Jeder Schritt endet mit etwas Greifbarem in Ihrer Hand. Sie müssen nie raten, an welcher Stelle das Projekt gerade steht.

  1. 01

    Erstgespräch

    Wir sprechen darüber, was Sie verkaufen, an wen, und was die Seite leisten soll. Haben Sie schon eine, sehen wir sie gemeinsam am Bildschirm durch. Heraus kommt eine schriftliche Bedarfsnotiz.

  2. 02

    Angebot und Vertrag

    Umfang, Lieferzeit, Korrekturrunden und Preis halten wir schriftlich fest. Im selben Dokument sehen Sie auch, was nicht dazugehört: Beim Unterschreiben sollen beide Seiten dieselbe Arbeit vor Augen haben.

  3. 03

    Inhalt und Seitenstruktur

    Wir erstellen die Seitenkarte und nehmen Texte und Bilder auf. Wo Inhalte fehlen, klären wir hier, wer sie schreibt.

  4. 04

    Design

    Zuerst zeichnen wir die Startseite, nach Ihrer Freigabe die Vorlagen der Unterseiten. Hier ist der Punkt für Änderungswünsche: Sobald die Umsetzung beginnt, wird das Design eingefroren.

  5. 05

    Umsetzung

    Programmierung, Redaktionsbereich, Formulare und Anbindungen. Sie bekommen eine Vorschauadresse und sehen selbst, wo die Arbeit steht, ohne nachzufragen.

  6. 06

    Test und Start

    Geschwindigkeit, Darstellung auf dem Handy, Barrierefreiheit, Formularstrecke und die Weiterleitungen der alten Adressen prüfen wir einzeln durch. Vor einer sauberen Liste geht nichts live.

  7. 07

    Übergabe und Betreuung

    Wir gehen den Redaktionsbereich mit Ihnen durch und richten Search Console und Analytics selbst ein. In der ersten Zeit nach dem Start behalten wir Platzierungen und Fehlerprotokolle im Auge.

Pakete

Alle

Start

Die Mindestausstattung, um sichtbar zu sein

Kein Festpreis

Zwei Dinge bestimmen den Preis: wie viele Seiten es werden und wer die Texte schreibt. Ohne ein Gespräch über beides nennen wir keine Zahl.

  • Eine Website, die erklärt, was Sie tun: Startseite und Unterseiten
  • Wer vom Handy aus schaut, liest ohne zu zoomen
  • Wer das Formular ausfüllt, landet in Ihrem Postfach; es gibt auch einen WhatsApp-Button
  • Die Route zu Ihrer Adresse öffnet sich mit einem Tippen aus der Karte
  • Text und Bilder ändern Sie selbst im Redaktionsbereich
  • In der Adressleiste erscheint keine Warnung „nicht sicher“
  • Wer nach Ihrem Firmennamen sucht, sieht bei Google den richtigen Titel, die Beschreibung und die Adresse
  • Wer woher kam, verfolgen Sie in Search Console und Analytics
  • Bilder werden verkleinert und konvertiert, damit die Seite auch im Mobilfunknetz nicht bremst
  • Seiten, die sich mit der Tastatur bedienen lassen und mit Screenreadern funktionieren
  • Bei der Übergabe gehen wir den Redaktionsbereich gemeinsam durch; Domain, Zugang und Inhalte bleiben auf Ihren Namen
  • Blog- und Newsbereich
  • Produktkatalog und technische Datentabellen
  • Eine zweite Sprache
  • Warenkorb, Zahlung und Bestellverfolgung
  • Individuell für Sie entwickelte Software
Umfang ansehen
Empfohlenes Paket

Unternehmen

Für alle mit Produktkatalog und regelmäßigen Inhalten

Kein Festpreis

Der Preis bewegt sich mit der Zahl der Produkte, die Sie einpflegen, und damit, wo das Design ansetzt. Kommen Sie mit Ihrem Katalog, dann zählen wir die Posten gemeinsam durch.

  • Alles aus dem Start-Paket
  • Kein fertiges Theme, sondern ein für Sie gezeichnetes Design: Sie sehen nicht aus wie Ihr Wettbewerber
  • Produkt- und Leistungskatalog: Kategorien, technische Datentabellen, herunterladbare PDF-Dokumente
  • Blog: Jeder Beitrag, den Sie schreiben, öffnet in der Suche eine weitere Tür
  • Ihre bisherigen Arbeiten als Fallbeispiele aufbereitet, damit die Referenzfrage im Gespräch erledigt ist
  • Ein Angebotsformular, das Schritt für Schritt läuft, damit niemand vor einem langen Formular aufgibt
  • Häufige Fragen so ausgezeichnet, dass sie in Googles Antwortfeld erscheinen können
  • Titel und Beschreibung jeder Seite getrennt eingestellt, damit Ihre Seiten sich nicht gegenseitig die Platzierung nehmen
  • Die Adressen Ihrer alten Seite werden auf die neuen weitergeleitet, damit Ihre Position bei Google nicht zurückgesetzt wird
  • Geschwindigkeit als Übergabebedingung: im langsamen 4G LCP unter 2,5 s · INP unter 200 ms · CLS unter 0,05
  • Wo Besucher hängen blieben: verfolgt mit Heatmaps und Sitzungsaufzeichnungen
  • Eine llms.txt und eine Crawler-Richtlinie, damit KI-Werkzeuge Ihre Seite richtig lesen
  • Eine zweite Sprache
  • Warenkorb, Zahlung und Bestellverfolgung
  • Händlerportal und Anbindung externer Systeme
Umfang ansehen

Professional

Wenn Verkauf, Händlerverwaltung oder Anbindung nötig sind

Kein Festpreis

Den Preis bestimmt die Zahl der Anbindungen. Die Buchhaltungsanbindung ist eine Arbeit für sich, die Versandanbindung eine andere; welche Sie wirklich brauchen, klären wir im Erstgespräch.

  • Alles aus dem Unternehmen-Paket
  • Warenkorb, Bestellungen, Bestand und Gutscheine: Der Verkauf läuft über die Seite
  • Kartenzahlung über 3-D Secure, Kartendaten landen nie auf Ihrem Server
  • Versandanbindung: Die Sendungsnummer hängt sich von selbst an die Bestellung
  • Händler, Kunden und Personal werden getrennt berechtigt, niemand sieht, was er nicht sehen soll
  • Händlerpreislisten öffnen sich nur dem angemeldeten Händler
  • Eine zweite Sprache: Besucher aus dem Ausland lesen in ihrer eigenen
  • Datenaustausch mit Buchhaltung, ERP und E-Rechnung (mit Feldzuordnungsdokument)
  • Texte zu Fernabsatz, Rückgabe, Lieferung, Datenschutz und Cookies kommen fertig mit
  • Produktseiten können bei Google mit Preis und Verfügbarkeit erscheinen
  • Welches Produkt sich wie oft verkauft hat, welcher Kunde was gekauft hat: Auswertungen im Verwaltungsbereich
  • Änderungen werden zuerst in der Testumgebung erprobt, der laufende Verkauf bricht nicht ab
Umfang ansehen

Projektbezogen

Arbeiten, die in kein Paket passen

Wenn Ihre Geschäftsregeln vom Standard abweichen, mehrere Systeme miteinander sprechen sollen oder vorhandene Software übernommen wird, greift die Paketlogik nicht mehr. Wir erstellen zuerst einen technischen Leistungsumfang und kalkulieren über dessen Positionen. Das Gespräch zur Umfangsklärung ist kostenlos.

Umfangsgespräch anfragen

Zahlen finden Sie auf dieser Seite nicht. Ein Preis, der vor dem Gespräch über den Umfang genannt wird, deckt entweder zu viel oder zu wenig ab. In einem Gespräch klären wir den Umfang und schicken noch am selben Tag ein schriftliches Angebot, in dem jede Position eine eigene Zeile hat.

Häufige Fragen

Alle Fragen

Was kostet eine Unternehmenswebsite?

Vier Dinge bestimmen die Zahl: wie viele verschiedene Seitenvorlagen gebraucht werden, ob das Design von Grund auf entsteht, ob wir eine eigene Software für Sie schreiben und wer die Texte schreibt. Eine Preisliste veröffentlichen wir nicht, denn eine Zahl ohne Kenntnis des Umfangs deckt entweder zu viel oder zu wenig ab. Lassen Sie uns diese vier Punkte am Telefon durchgehen, dann geht das schriftliche Angebot noch am selben Tag raus. Was in den Paketen steckt, sehen Sie Posten für Posten unter /paketler.

Warum bekomme ich für dieselbe Arbeit so unterschiedliche Preise?

Weil die Angebote nicht dieselbe Arbeit beschreiben. Das eine meint die Installation eines fertigen Themes, das andere eine Oberfläche und eine Software von Grund auf. Stellen Sie beiden Anbietern vor dem Vergleich dieselben vier Fragen: Wird ein Theme benutzt, wie viele Korrekturrunden gibt es, wer schreibt die Texte, bei wem bleibt der Code nach der Übergabe? Stimmen die Antworten nicht überein, bringt es nichts, die Zahlen nebeneinanderzulegen.

Welche jährlichen Kosten entstehen, wenn die Website online ist?

Fest sind zwei Posten: die Verlängerung der Domain und das Hosting. Ein SSL-Zertifikat gibt es bei den meisten Einrichtungen kostenlos, das wird kein eigener Posten. Alles andere ist eine Entscheidung: Wartungsvertrag, monatliche Suchmaschinenarbeit, Werbebudget. Was davon Sie wirklich brauchen, besprechen wir im ersten Gespräch und schreiben es als eigene Zeile ins Angebot.

Ist ein Wartungsvertrag Pflicht?

Nein. Auch ohne Vertrag läuft Ihre Website, und die Inhalte ändern Sie selbst im Redaktionsbereich. Der Unterschied liegt woanders: Mit Wartung passieren Updates, Kontrolle der Sicherungen und Sicherheitspatches, ohne dass Sie etwas davon merken. Ohne Wartung rufen Sie uns an, wenn etwas kaputtgeht, und zahlen nach Aufwand.

Wie viel Budget brauche ich für Google Ads?

Das bestimmt der Klickpreis in Ihrer Branche, und zwischen Branchen liegen Welten. Sobald wir Ihr Konto geöffnet und Ihre Suchbegriffe angesehen haben, können wir binnen eines Tages eine realistische Spanne nennen. Eines gleich vorweg: Das Werbebudget geht direkt von Ihrem Konto an Google, unser Einkommen ist allein das Honorar für die Betreuung.

Klären wir den Umfang gemeinsam

Sagen Sie uns, welchen Prozess Sie auf den Bildschirm bringen wollen; wir entwerfen Bildschirmliste, Datenmodell und Geschäftsregeln und kalkulieren dann. Dieses Gespräch ist kostenlos.

Angebot anfordernSchreiben Sie uns auf WhatsApp