HiveGrid-Marketing/webinar/slides/Screenshots.md

Webinar: Screenshots, Schritt für Schritt

Stand: 16.10.2026. Die Klickpfade sind im Code von hivegrid-cloud geprüft (Stand 03.10.), nicht in der laufenden Demo. Steht auf dem Bildschirm etwas anderes, gilt der Bildschirm. Sag mir dann Bescheid.

Im Webinar gibt es keine Live-Demo. Die Software wird über diese Bilder gezeigt.

Stand 16.10.: von Claude per Browser gemacht

Alle Bilder stammen aus Staging, Betrieb „Breisgau Wärme & Haustechnik - PDS Entwicklung“ (pds-demo-entwicklung), Fenster 1440 × 900. Sie sind in Praesentation.html, PDF, PowerPoint und im Online-Deck eingebaut. Im Online-Deck liegen sie als Assets, die Zuordnung steht in bauen.py (BLOBS). Wird ein Bild neu gemacht, muss es dort neu hochgeladen werden.

Datei	Stand	Was dafür in Staging angelegt oder geändert wurde
S01	fertig	Formular „Beratung und Vor-Ort-Termin“ aus der Vorlage „SHK Angebotsanfrage“, veröffentlicht, erlaubte Domain www.breisgau-waerme.de
S02	fertig	nichts. Liste gefiltert auf Murat Aydin und Alina Weber. Die Gruppen gibt es seit 02.10. nicht mehr.
S03	fertig	nichts. Lead „Matthias Arnold“, Schritt 3 „Projektziel“, abgebrochen
S04	fertig	nichts. Fenster 1728 × 1080, Spalten Kalkulation bis Verloren. Zwei Testkarten nur im Bild ausgeblendet.
S05	fertig	nichts. Fenster 1728 × 1080, Spalten Auftragsprüfung bis Montage
S06	fertig	Projekte „Angebot Heizungsmodernisierung Roth“, „Wärmepumpe Lorenz, Weingut Falkenstein“ und „Neue Heizung Anfrage Neumann“ stehen jetzt auf „Gewonnen“
S07	fertig	nichts. Zwei QA-Vorlagen nur im Bild ausgeblendet.
S08	fertig	Automation „Angebot nachfassen“, inzwischen pausiert
S09	fertig	„Wärmepumpe Walter“ nach „Angebot versendet“ geschoben, dadurch ein echter Lauf mit Aufgabe
S10	fertig	Automation „Störung oder Wartung richtig verteilen“, Entwurf
S11	fertig	Automation „Neues PDS-Projekt vorbereiten“, Entwurf. Gezeigt wird der Auslöser „Projekt wurde angelegt“, ausgelöst durch PDS.
S12	fertig	Projekt „Wärmepumpe Familie Becker“ mit Projektchat: Nachrichten, Demo-Foto „Befund Umwälzpumpe.jpg“ und eine Umfrage. Dazu vier Direktnachrichten und die Gruppe „Montageteam“, damit die Chatliste voll ist. Testchats nur im Bild ausgeblendet.
S13	fertig	die Chat-Liste in der App fürs Handy (/m/chat), 390 × 815. Testchats nur im Bild ausgeblendet.
S14	fertig, nur ein Name	Ankündigung „Neue Arbeitskleidung ab November“, angeheftet, bestätigt
S15	entfällt	Dejan, 16.10.: Die Slide zeigt nur S16. Urlaub sagt David als Satz.
S16	fertig	Nachweis „Unterweisung (DGUV V1)“ für Lukas Brandt, gültig bis 15.10.2026
S17	fertig	Safe „Großhändler-Portale“ mit drei Einträgen (ausgedachte Zugänge)
S18	Platzhalter	Dejan, 16.10.: Was das Angebot konkret wird, ist noch offen. Platzhalter bleibt.

In allen Bildern steht als Name „Demo Entwicklung“, so heißt der Staging-Zugang.

---

Ablage und Namen

• Ordner: Finder › Dokumente › GitHub › HiveGrid Marketing › webinar › slides › screenshots
• Name: S01.png bis S18.png, großes S, immer zweistellig
• Wenn alle da sind: Bescheid sagen. Claude baut sie ins Deck ein und schneidet sie bei Bedarf zu.

---

Einmal einrichten: Chrome auf 1440 × 900

So kommt jedes Bild genau im Format der Slides heraus, ohne Adressleiste und Tabs.

1. In Chrome in die Demo einloggen.
2. Entwicklertools öffnen: Cmd + Option + I.
3. Gerätesymbolleiste einschalten: Cmd + Shift + M. Über der Seite erscheint eine Leiste.
4. In der Leiste „Responsive“ lassen, Breite 1440 und Höhe 900 eintragen.
5. Rechts in der Leiste auf ⋮ klicken und „Gerätetyp hinzufügen“ und „Gerätepixelverhältnis hinzufügen“ wählen. In der Leiste dann Gerätetyp Desktop und Pixelverhältnis 2 einstellen. Ohne „Desktop“ verhält sich die Maus wie ein Finger, und manche Menüs gehen nicht auf.
6. Foto machen: ⋮ in der Leiste, dann der Eintrag für den Screenshot (englisch „Capture screenshot“, nicht die volle Größe). Chrome legt ein PNG in Downloads ab.
7. Die Datei umbenennen, zum Beispiel in S01.png, und in den Ordner screenshots ziehen.

Wenn ein Menü beim Fotografieren zugeht (kann bei S12 passieren): Cmd + Shift + 4 drücken und einen Rahmen um die Seite ziehen. Den Zuschnitt macht Claude.

---

Vor dem ersten Bild

• Wo: in der Kunden-Demo auf demo.hivegrid.de, eingeloggt als Admin.
• Nachtreset: Die Demo-Betriebe pds-demo-entwicklung und kwp-demo-entwicklung werden jede Nacht um 3 Uhr zurückgesetzt. Wenn du in einem davon arbeitest: vorbereiten und fotografieren am selben Tag.
• Wegklicken, falls sichtbar:
  • das gelbe Banner zur Passwort-Richtlinie
  • den blauen Knopf „Vorschau“
  • die Leiste „Als App installieren“, mit „Später“
• Keine Testdaten im Bild wie „QA Test“ oder „CODX-E2E“, keine echten Kunden.
• Für S14 und S15 brauchst du einen zweiten Zugang. Die Demo-Kollegen können sich nicht einloggen.
  1. Einstellungen › „Team & Zugriff“ › „Mitglied hinzufügen“.
  2. Eine zweite E-Mail-Adresse nehmen, auf die du Zugriff hast.
  3. Als Namen einen Beispielnamen eintragen, zum Beispiel Jonas Becker.
  4. „E-Mail senden“ anlassen und die Einladung annehmen.
  • Am einfachsten meldest du dich als Jonas in einem privaten Chrome-Fenster an.

---

Teil 1: Von der Anfrage zum Auftrag

S01: Formular mit Link und QR-Code

Slide „Jeder Weg führt an dieselbe Stelle.“

1. Seitenleiste: Kommunikation › Formulare.
2. Formular „Beratung und Vor-Ort-Termin“ anklicken. Es öffnet sich der Reiter „Fragen“.
3. Oben steht „Lead-Verknüpfung · Inaktiv“. Auf „Aktivieren“ klicken.
4. Es erscheint das gelbe Banner „Änderungen sind noch nicht live.“ Auf „Änderungen veröffentlichen“ klicken.
5. Oben auf „Einbetten & QR“ klicken. Das Fenster „Embed Studio“ geht auf.
6. Reiter „Einbauen“ wählen.
7. Foto: „Öffentlicher Link“ und QR-Code sind zu sehen. Speichern als S01.png.

Achtung:

• Nicht auf „Veröffentlichung zurücknehmen“ klicken.
• Im Link steht der Name des Demo-Betriebs. Prüf, ob der aufs Bild darf.

S02: Die Lead-Liste

Slide „Was liegen bleibt, fällt auf.“

1. Seitenleiste: Kunden › Leads › „Leads“.
2. Oben „Alle“ wählen.
3. Foto: die Liste mit der Spalte „Nächste Aktion“, also „überfällig“, „fällig“ und so weiter. Speichern als S02.png.

Geändert: Die Gruppen „Überfällig“ bis „Droht kalt zu werden“ gibt es seit dem 02.10. nicht mehr. Die Liste ist jetzt eine einzige, das Dringendste steht oben. Das Skript ist angepasst.

S03: Aus dem Lead wird ein Projekt

Slide „Aus der Anfrage wird ein Projekt.“

1. Seitenleiste: Kunden › Leads › „Leads“.
2. Den Lead „Sonnenwinkel Wohnbau GmbH“ öffnen (oder „Werkraum Nord GmbH“). Beide sind schon qualifiziert und freigegeben.
3. Oben rechts auf „Lead zu Projekt konvertieren“ klicken.
4. Foto: das Fenster mit „1. Daten prüfen“, „2. Kontakt & Firma“ und „3. Projektziel“. Speichern als S03.png.
5. Das Fenster schließen.

Achtung:

• Nicht auf „Projekt erstellen“ klicken.
• Ist der Knopf grau: In „Lead-Details“ die „Lead-Phase“ auf „Qualifiziert“ und die „Freigabe“ auf „Ja“ stellen, dann oben „Speichern“.

S04: Vertriebs-Pipeline

Slide „Vom Verkauf in die Abwicklung.“, links

1. Seitenleiste: Projekte › Pipelines › „Vertrieb“. Die Ansicht „Karten“ ist schon an.
2. Die Spalten sind breit. Mit Cmd + Minus verkleinern, bis „Gewonnen“ mit drauf ist, meist 50 bis 67 %.
3. Foto: Spalten von „Anfrage“ bis „Gewonnen“ mit Karten. Speichern als S04.png.

In der Demo heißen die Spalten: Anfrage, Erstgespräch, Angebot in Vorbereitung, Angebot versendet, Rückfrage, Verhandlung, Gewonnen, Verloren.

S05: Auftrags-Pipeline

Slide „Vom Verkauf in die Abwicklung.“, rechts

1. Seitenleiste: Projekte › Pipelines › „Aufträge“.
2. Gleicher Zoom wie bei S04, bis „Abgeschlossen“ drauf ist.
3. Foto: Spalten von „Beauftragt“ bis „Abgeschlossen“. Speichern als S05.png.
4. Zoom zurück auf 100 %: Cmd + 0.

S06: Übergabe

Slide „Gewonnen. Was geht mit in die Abwicklung?“

1. Seitenleiste: Projekte › Pipelines › „Vertrieb“.
2. Rechtsklick auf die Karte „Heizungsmodernisierung Lindenhof“ in der Spalte „Angebot versendet“, dann „Verschieben nach Gewonnen“.
3. Fenster „Als gewonnen markieren?“: auf „Als gewonnen markieren“ klicken.
4. Das Fenster „Übergabe auswählen“ geht auf, mit den Reitern Notizen, Dateien, Aufgaben und Termine.
5. Foto. Speichern als S06.png.
6. Mit „Abbrechen“ schließen.

Achtung: Nicht auf „Auswahl übernehmen“ klicken. Das verschiebt das Projekt in die Aufträge.

---

Teil 2: Automatisierung

S07: Vorlagen

Slide „Eingebaut, mit fertigen Vorlagen.“

1. Seitenleiste: Automation › Automationen.
2. Oben rechts auf „Neue Automation“ klicken, dann auf „Vorlage wählen“.
3. Foto: das Fenster „Automation-Templates“ mit den Vorlagen-Karten. Speichern als S07.png.
4. Das Fenster schließen.

Geändert: Einen Reiter „SHK-Vorlagen“ gibt es nicht mehr. Die Vorlagen stehen alle in einer Ansicht.

S08: Angebot nachfassen

Slide „Wenn das passiert, dann mach das.“

1. Seitenleiste: Automation › Automationen.
2. In der Zeile „Angebot versendet: in drei Tagen nachfassen“ auf „⋯“ klicken, dann auf „Duplizieren“. Die Kopie öffnet sich als Entwurf.
3. Oben auf den Namen klicken, „Angebot nachfassen“ tippen, Enter.
4. Die Kopie hat 4 Notizen. Eine behalten. Bei den anderen jeweils „⋮“ › „Löschen“.
5. Foto in der Ansicht „Bauen“: „Status gewechselt“, „Aufgabe anlegen“, „Benachrichtigung senden“ und eine Notiz. Speichern als S08.png.

Achtung: Die Kopie nicht aktivieren. Du brauchst sie gleich noch für S11.

S09: Ein Lauf mit Rückgängig

Slide „Nichts läuft, ohne dass du es einschaltest.“

1. Seitenleiste: Projekte › Pipelines › „Vertrieb“.
2. Eine Karte aus „Angebot in Vorbereitung“ nach „Angebot versendet“ ziehen. Dadurch läuft die echte Automation einmal.
3. Seitenleiste: Automation › Automationen. „Angebot versendet: in drei Tagen nachfassen“ anklicken, oben auf „Aktivität“.
4. In der obersten Zeile ohne das violette „Probelauf“ auf „Details“ klicken.
5. Foto: links „Schritt-für-Schritt-Verlauf“, rechts „Rückgängig-Zeitfenster“ mit „Noch 23 Std … rückgängig möglich“. Speichern als S09.png.

Achtung:

• Nicht auf „Rückgängig ausführen“ klicken.
• Ein Probelauf reicht hier nicht. Es muss die echte Karte sein.
• Bleibt der Lauf auf „Eingereiht“ hängen, sag mir Bescheid.

S10: Störung oder Wartung

Slide „Die Automation kann auch entscheiden.“

1. Seitenleiste: Automation › Automationen. Oben „Serviceformular“ suchen.
2. „Serviceformular: Störung oder Wartung richtig verteilen“ anklicken. Die Ansicht „Bauen“ geht auf.
3. Oben steht ein grauer Hinweis. Damit er weg ist: Schalter „Aktiv“ ausschalten, dann „Automation pausieren“.
4. Foto: „Formular abgeschickt“, dann „Störung gemeldet?“ mit „Ja“ und „Nein“, dazu die bunten Notizen. Speichern als S10.png.
5. Danach den Schalter „Aktiv“ wieder an und „Automation aktivieren“.

S11: Bausteine aus dem Branchenprogramm

Slide „Auch dein Branchenprogramm kann eine Automation starten.“

1. Seitenleiste: Automation › Automationen. Die Kopie „Angebot nachfassen“ aus S08 öffnen.
2. Auf das kleine „+“ hinter einer Karte klicken. Rechts geht „Baustein hinzufügen“ auf.
3. Oben die Auswahl „PDS“ anklicken. In einer KWP-Demo heißt sie „KWP“.
4. Foto: die Bausteine, zum Beispiel „PDS-Projekt anlegen“. Speichern als S11.png.
5. Schließen, ohne etwas hinzuzufügen.

---

Teil 3: Das Drumherum

S12: Aus einer Chat-Nachricht wird eine Aufgabe

Slide „Ein Chat pro Projekt.“, links. Am Rechner fotografieren, nicht am Handy.

1. Seitenleiste: Organisation › Team-Chat.
2. Oben „Fußbodenheizung“ suchen, dann „Projektchat: Fußbodenheizung · Bäckerei Kornzeit GmbH“ öffnen.
3. Zur Nachricht mit dem Baustellenfoto scrollen.
4. Mit der Maus über die Nachricht fahren. Oben rechts an der Nachricht erscheint ein kleiner Pfeil nach unten. Draufklicken, oder Rechtsklick auf die Nachricht.
5. Foto: das Menü mit „Aufgabe erstellen“. Speichern als S12.png.

Wenn das Menü beim Fotografieren zugeht: Cmd + Shift + 4, siehe oben. Den Chat-Namen hat die Prüfung aus den Demo-Daten abgeleitet. Andere Projektchats mit Foto: „Heizungsmodernisierung · Hofgut Sonnenrain KG“, „Badsanierung · Praxiszentrum Am Tor“, „Wärmepumpeninstallation · Sportverein Eichwald e.V.“.

S13: Derselbe Chat am Handy

Slide „Ein Chat pro Projekt.“, rechts

1. Auf dem Handy die Demo im Browser öffnen und einloggen.
2. Als App installieren:
   • iPhone: in Safari auf „Teilen“, dann „Zum Home-Bildschirm“, dann „Hinzufügen“.
   • Android: in der Leiste „Als App installieren“ auf „Installieren“.
3. Die App vom Home-Bildschirm öffnen und, falls nötig, neu einloggen.
4. Unten auf „Chat“ tippen, oben „Fußbodenheizung“ suchen und denselben Projektchat wie bei S12 öffnen.
5. Foto am Handy, beim iPhone mit Seitentaste + Lauter. Per AirDrop auf den Mac schicken und als S13.png speichern.

S14: Ankündigung mit Lesebestätigungen

Slide „Ankündigungen statt Schwarzes Brett.“ Dafür brauchst du den zweiten Zugang (siehe oben).

1. Seitenleiste: Organisation › Personal › Ankündigungen. Oben rechts auf „Verwalten“ klicken, dann auf „Ankündigung erstellen“.
2. Felder ausfüllen:
   • Titel, zum Beispiel „Neue Arbeitskleidung ab November“
   • kurzer Inhalt
   • Zielgruppe „Alle“
   • Haken bei „Bestätigung verlangen“
3. Auf „Ankündigung erstellen“ klicken.
4. Zurück zu Personal › Ankündigungen, die Karte öffnen und auf „Bestätigen“ klicken.
5. Als Jonas Becker einloggen, die Ankündigung öffnen und auf „Bestätigen“ klicken.
6. Wieder als Admin die Ankündigung öffnen und nach unten zu „Lesebestätigungen“ scrollen.
7. Foto: die Tabelle mit den Namen. Speichern als S14.png.

„Lesebestätigungen“ ist kein Reiter, sondern ein Abschnitt unten auf der Seite.

S15: Urlaubsantrag mit Hinweis auf die Plantafel

Slide „Personal hängt an der Plantafel.“, links. Auch hier brauchst du Jonas Becker.

1. Als Admin: Seitenleiste Projekte › Plantafel, dann auf „Termin anlegen“ klicken.
   • Projekt: beliebig
   • Monteur: Jonas Becker
   • Zeitraum: zum Beispiel Montag bis Dienstag nächster Woche
   • Auf „Plantafel-Eintrag speichern“ klicken.
2. Einen zweiten Termin genauso anlegen, Mittwoch bis Donnerstag.
3. Als Jonas: Seitenleiste Personal › Urlaub, dann auf „Antrag stellen“ klicken.
   • Art: Urlaub
   • Von/Bis: Montag bis Freitag nächster Woche
   • Genehmiger: du
   • Haken bei „Interne Verarbeitung im Personalprozess“
   • Auf „Antrag stellen“ klicken.
4. Als Admin: Seitenleiste Personal › Urlaub, Reiter „Genehmigungen“.
5. Foto: die Zeile mit dem gelben Hinweis „2 Einsatz/Einsätze auf der Plantafel im Zeitraum“. Speichern als S15.png.

Achtung: Erst fotografieren, dann genehmigen. Nach der Entscheidung verschwindet die Zeile.

S16: Monteur mit abgelaufenem Nachweis

Slide „Personal hängt an der Plantafel.“, rechts

1. Seitenleiste: Personal › Mitarbeiterverzeichnis. Einen Monteur öffnen, zum Beispiel Murat Aydin. Taucht er dort nicht auf, Jonas Becker nehmen, der hat seit S15 Einsätze.
2. In der Karte „Qualifikationen und Nachweise“ auf „Nachweis hinzufügen“ klicken.
   • Art: „Unterweisung (DGUV V1)“
   • „Gültig bis“: gestern. Heute zählt noch als gültig.
   • Auf „Speichern“ klicken.
3. Seitenleiste: Projekte › Plantafel, Ansicht „Tabelle“. Wer will, filtert „Monteur“ auf die Person.
4. Foto: das rote „Nachweis abgelaufen“ unter dem Namen. Speichern als S16.png.

In der Ansicht „Kalender“ ist der Hinweis nicht zu sehen.

S17: Passwort-Safe mit Aktivitäten

Slide „Passwörter an einem Ort.“

1. Seitenleiste: Organisation › Passwort-Safe, dann auf „Safe anlegen“ klicken. Name „Großhändler-Portale“, dann „Safe anlegen“.
2. Den Safe öffnen und über „Eintrag anlegen“ zwei, drei Einträge anlegen: Titel, Benutzername, Passwort.
   • Nur ausgedachte Daten, keine echten Zugänge.
   • Die Titel sieht man auf dem Foto nicht.
3. Im Reiter „Einträge“ bei den Passwörtern ein paar Mal auf „Anzeigen“ klicken.
4. Reiter „Aktivitäten“ öffnen.
5. Foto: Einträge wie „Geheimwert angezeigt“ mit Name und Uhrzeit. Speichern als S17.png.

Mehr als ein Name: über „Zugriff verwalten“ und „Zugriff gewähren“ Jonas freischalten. Als Jonas einmal auf „Anzeigen“ klicken.

---

Zum Schluss

S18: Die Automation hinter dem Angebot

Slide „So kommt das Angebot zu dir.“ Vorerst weglassen.

• Die Slide gibt es nur, wenn das Angebot über ein HiveGrid-Formular läuft. Das ist noch offen.
• In der Demo zeigt der Baustein „E-Mail senden“ immer einen roten Hinweis, weil dort kein Absender verifiziert ist. Für ein sauberes Bild braucht es einen Betrieb mit verifizierter Versanddomain.