---
# System prepended metadata

title: Diagramme mit Mermaid
tags: [Mermaid]

---

# Diagramme mit Mermaid

## Customer Journey

Die **Customer Journey** ist ein Werkzeug aus der Marketing, um die Kontakte mit potentiellen Kunden einem Unternehmen bzw. einem Produkt.

Es gibt 5 Phasen:

1. Awareness: Aufmerksamkeit
2. Consideration: Abwägung/Entscheidung
3. Purchase: Kauf
4. Retention: Kundenbindung
5. Advocacy: Weiterempfehlung

**Touchpoints** sind Kontaktpunkte mit dem Kunden in den verscheidenen Phasen. Diese werden in einer Customer Journey Map dargestellt. 

**Persona** ist eine fiktive Person die als Beispiel für eine Zielgruppe mit bestimmten Eigenschaften genutzt wird. 
In unserem Beispiel kann die Persona 

In Mermaid gibt es eine extrem vereinfachte Form der Customer Journey.

Einfachste Form:

    ```mermaid
        journey
          title Titel
  
          Newsletter: Note 
    ```

```mermaid
journey
  Newsletter: 1 # Note 
```


```mermaid
journey
  title Erstkontakt
  
  Socia Media: 3
  Webseite: 5
  E-Mail: 1
  
```


```mermaid
journey
  title Titel

  section Medium 1
      A: 6
      B: 5
      C: 4
  section 2
      D: 3
      E: 2
      F: 1
```

---

### Typen von Diagrammen

Diagramme mermaid

- [x] flowchart
- [ ] sequenceDiagram
- [ ] classDiagram
- [ ] State Diagram
- [ ] erDiagram - Entity Relationship Diagram
- [ ] journey - User Journey
- [ ] gantt
- [ ] Pie Chart
- [ ] Quadrant Chart
- [ ] Requirement Diagram
- [ ] gitGraph
- [ ] C4 Diagram
- [x] mindmap
- [ ] timeline - Zeitleiste
- [ ] ZenUML

Diagramme mermaid

- [x] [Sankey](#Sankey-Diagramm)
- [ ] quadrantChart XY Chart
- [ ] Block Diagram
- [ ] Packet
- [ ] Kanban
- [ ] Architecture