Zum Inhalt springen
Zum Entwurf

Systra Studios × Elektro Schwarzer

Eine Website, die Anfragen und Bewerbungen bringt

Was wir vorhaben, was es kostet und wie es danach weitergeht, steht hier. Die offenen Fragen weiter unten könnt ihr direkt auf dieser Seite beantworten, oder wir gehen sie zusammen am Telefon durch.

Stand 29. Oktober 2026

Website
4.200 €
einmalig, ohne USt.
Dauer
1 bis 2 Wochen
ab Auftragserteilung
Zahlung
2 Raten
je 50 %
Stand
Entwurf
Startseite steht

01Stand heute

Worauf die Seite heute läuft

Die jetzige Seite hat 16 Unterseiten und keinen Blog. Gebaut ist sie aus einem gekauften Theme und mehreren Plugins, die alle eigene Updates brauchen.

  • WordPressContent-System mit Plugins
  • BethemeGekauftes Baukasten-Theme
  • Slider RevolutionSlider-Plugin
  • WP RocketCaching gegen lange Ladezeit
  • Borlabs CookieCookie-Banner
  • Ninja FormsKontakt- und PV-Formulare
  • Rank MathSEO-Plugin
  • StratoDomain und Hosting, PHP 8.4

Lighthouse, mobil gemessen

Lighthouse-Bericht für elektroschwarzer.de: Leistung 37, Barrierefreiheit 91, Best Practices 100, SEO 92
Googles Messwerkzeug für Websites, Startseite von elektroschwarzer.de am 29. Oktober 2026. Unser Ziel für die neue Seite: 95 oder mehr in allen vier Kategorien.

Heute gemessen, Startseite

  • Auf dem Handy erscheint der größte Inhalt erst nach 9,7 Sekunden. Gut sind unter 2,5.
  • Die Seite ist 1,7 Sekunden lang blockiert und reagiert nicht auf Eingaben.
  • An 11 Stellen ist der Kontrast zu schwach, etwa graue Bildunterschriften mit 2,3 : 1 und rote Schrift auf Grau mit 4,1 : 1. Nötig sind 4,5 : 1.
  • Zoomen ist auf dem Handy gesperrt.
  • Beim ersten Aufruf verdeckt der Cookie-Banner die ganze Seite.

Was die Seite außerdem über sich sagt

  • Auf mehreren Seiten gibt es Links ohne Linktext.
  • Versteckte Elemente lassen sich trotzdem per Tastatur ansteuern.
  • Links sind teils nicht vom umgebenden Text zu unterscheiden.

Aus der eigenen Erklärung zur Barrierefreiheit vom 26. Juni 2025. Kontrast und Zoom nennt sie auch, beides ist oben nachgemessen. Diese drei Punkte hat Lighthouse auf der Startseite heute nicht gefunden, auf Unterseiten können sie noch auftreten.

02Leistungen

Das ist alles enthalten

Gestaltung und Aufbau

Die ganze Seite neu, mit allen Unterseiten.

  • Neugestaltung

    Jede Seite neu entworfen und neu gebaut, nicht das alte Layout aufgehübscht.

  • Alle 16 Seiten

    Startseite, vier Leistungsseiten, Über uns, Ansprechpartner, Karriere mit Stellen und Ausbildung, Kontakt, PV-Anfrage und die Pflichtseiten.

  • Formulare, die ankommen

    Kontakt, PV-Anfrage und Bewerbung gehen direkt in euer Postfach, je nach Thema an mail@ oder pv@.

  • PV-Rechner

    Besucher sehen in drei Klicks, was ihr Dach bringt, und fragen direkt an.

  • Entwürfe zum Anklicken

    Keine Screenshots, sondern eine echte Seite. Die Startseite steht schon.

Sichtbarkeit

Was ihr bei Google habt, bleibt. Und es kommt mehr dazu.

  • Weiterleitungen

    Alle 16 bisherigen Adressen zeigen dauerhaft (301) auf die neuen Seiten. So geht keine Platzierung verloren.

  • SEO

    Titel und Beschreibungen aus Rank Math übernehmen wir, dazu saubere Überschriften, interne Links, Sitemap und sprechende Adressen.

  • Strukturierte Daten

    Elektrobetrieb, Adresse, Leistungen und Gründungsjahr maschinenlesbar über schema.org.

  • AEO und GEO

    So aufgebaut, dass ChatGPT, Perplexity und die KI-Antworten bei Google euch richtig wiedergeben.

  • Lokale Sichtbarkeit

    Abgestimmt mit dem Google Business Profil und Suchen rund um Münster.

  • Social Previews

    Geteilte Links sehen auf WhatsApp, LinkedIn und Facebook hochwertig aus.

Barrierefreiheit

Auch ohne Maus, ohne gute Augen und auf kleinen Displays nutzbar.

  • WCAG 2.2, Stufe AA

    Der internationale Standard, mit Blick auf das Barrierefreiheitsstärkungsgesetz (BFSG).

  • Kontrast und Zoom

    Genug Kontrast überall, Zoomen erlaubt. Genau die Punkte, die eure jetzige Erklärung offen nennt.

  • Tastatur und Screenreader

    Jede Funktion erreichbar, sichtbarer Fokus, beschriftete Formulare, Alternativtexte.

  • Reduzierte Bewegung

    Wer Animationen abschaltet, bekommt sie nicht.

  • Neue Erklärung

    Die Erklärung zur Barrierefreiheit schreiben wir passend zur neuen Seite neu.

Rechtliches

Die Pflichtseiten sind eingebunden. Die Texte gebt ihr frei.

  • Impressum

    Eigene Seite nach § 5 DDG, im Fuß verlinkt.

  • Datenschutz

    Nach DSGVO, passend zu den tatsächlich eingesetzten Diensten.

  • Cookies

    Einwilligung vor dem Laden externer Dienste, mit echter Ablehnen-Option. Ohne einwilligungspflichtige Dienste braucht es gar keinen Banner.

  • Freigabe

    Die Entwürfe kommen von uns, die Freigabe von euch oder eurem Anwalt.

Technik und Tempo

Schnell und stabil, auch auf dem Handy auf der Baustelle.

  • Lighthouse 95 plus

    Unser Ziel: mindestens 95 von 100 in allen vier Kategorien, mobil gemessen. Heute liegt die Leistung bei 37.

  • Core Web Vitals

    Ladezeit, Reaktionszeit und Stabilität werden gemessen und bleiben im grünen Bereich.

  • Optimierte Bilder

    Moderne Formate und passende Größen je Gerät.

  • Mobile First

    Entworfen ab Handy, geprüft auf Handy, Tablet und Desktop.

  • Sicheres Hosting

    HTTPS, Sicherungen und passende Leistung.

Werkzeuge

Womit gebaut wird, und wo die Seite danach liegt.

  • Kein WordPress, kein Baukasten

    Direkt gebaut statt aus Plugins zusammengesteckt. Schnell, und nichts muss wöchentlich aktualisiert werden.

  • Gebaut und gehostet bei Lovable

    Werkstatt und Server in einem. Ein Ansprechpartner, Änderungen sind in Minuten online.

  • Der Bauplan gehört euch

    Jede Änderung landet in einem Code-Archiv auf GitHub, das auf euren Namen läuft.

  • Domain und Mail bleiben

    elektroschwarzer.de bleibt bei Strato. Wir verbinden sie nur mit der neuen Seite, eure Postfächer bleiben unberührt.

  • Ohne Google im Hintergrund

    Die Schriften liegen bei uns, nicht bei Google. Schneller und eine Datenschutz-Sorge weniger.

Nach dem Launch

Die Seite kann ohne uns weiterlaufen. Muss sie aber nicht.

  • Einweisung

    Eine kurze Übergabe und eine knappe Dokumentation.

  • Pflegen oder abgeben

    Ihr schreibt uns kurz, was anders werden soll, und wir machen es. Im Pflegepaket ist das enthalten.

  • Selbst pflegen, wenn gewünscht

    Stellenanzeigen, Neuigkeiten oder ein Blog lassen sich zum Selbstbearbeiten einrichten. Heute gibt es keinen Blog, darum planen wir ihn nicht fest ein.

03Investition

Was es kostet

WebsiteFestpreis für alles aus den Leistungen oben.4.200 €einmalig
Zahlung
50 % bei Auftragserteilung, 50 % nach Abnahme und Live-Schaltung.
Dauer
Ein bis zwei Wochen ab Auftragserteilung, Korrekturrunden inklusive.
Erweiterungen
Neue Unterseiten oder Funktionen kalkulieren wir separat.
PflegeWir kümmern uns.39 €im Monat
Hosting inklusive
Die Seite liegt bei uns, darum müsst ihr euch nicht kümmern.
Kleinere Änderungen
Neue Stelle, andere Durchwahl, neues Foto: kurz schreiben, wir ändern es.
Updates und Sicherungen
Laufen im Hintergrund mit.
Laufzeit
Ab der Live-Schaltung, monatlich zum Monatsende kündbar.
Ohne Umsatzsteuer. Wir sind Kleinunternehmer nach § 19 UStG. Die Beträge sind Endbeträge, es kommt nichts dazu.

04Offene Fragen

Das klären wir zusammen

Antworten werden geladen.

Was die Seite leisten soll

Was soll die neue Seite vor allem besser machen?

Offen

Mehreres geht.

Was stört euch an der jetzigen Seite am meisten?

Offen

Gibt es Websites, die euch gefallen?

Offen

Gern auch aus einer ganz anderen Branche.

Bilder

Gibt es neuere Fotos oder Videos?

Offen

Baustellen, Drohnenflüge, das Team. Handyaufnahmen aus dem Alltag passen auch.

Anfragen

Sollen Anfragen automatisch vorbeantwortet werden?

Neu

Zu jeder Anfrage liegt dann gleich ein Antwortentwurf bereit, ihr prüft nur noch und schickt ab. Gern auch erst nach der Website.

Danach

Wer soll Inhalte später ändern?

Offen

Davon hängt ab, wie wir das Bearbeiten einrichten.

Wann soll die neue Seite stehen?

Offen

Sonst noch etwas

Was euch sonst noch auf dem Herzen liegt

Offen

Alles, was oben nicht gefragt war. Auch Halbfertiges.

05Ablauf

So geht es weiter

  1. 1ZusageEine kurze Nachricht per Mail oder WhatsApp genügt als Auftrag. Einen schriftlichen Vertrag legen wir gern bei, nötig ist er nicht.
  2. 2AnzahlungIhr bekommt von uns die Anzahlungsrechnung über 50 %. Danach geht es direkt los.
  3. 3Erste FassungNach etwa einer Woche stehen alle Seiten. Ihr schaut in Ruhe drüber.
  4. 4KorrekturrundenWir ändern, bis alles passt. Kurze Rückmeldungen per Mail oder WhatsApp reichen.
  5. 5Abnahme und Live-SchaltungIst alles abgenommen, verbinden wir die Domain und schalten die Weiterleitungen scharf. Erst dann wird die zweite Rechnung fällig.
  6. 6Danach weiter für euch daFür alles rund um Website, Social Media, Marketing und Automatisierung, zum Beispiel Antwortentwürfe zu jeder neuen Anfrage. Erst einmal aber die Website.

Lieber kurz sprechen?

Bucht euch einen Termin oder ruft an. In einer Viertelstunde gehen wir die offenen Fragen durch und zeigen euch den Entwurf.

Systra Studios für Elektro Schwarzer