---
name: techonomy-to-be
description: Maak een TO-BE situatie slidedeck in Techonomy-stijl. Gebruik voor: gewenste situatie, roadmap, datastrategie, MarTech visie, aanbevelingen, toekomstige infrastructuur. Triggers: "to-be", "gewenste situatie", "roadmap", "datastrategie", "aanbevelingen", "toekomstige infrastructuur", "next steps".
---

# Techonomy TO-BE Situatie Deck

Maak een professionele TO-BE situatie presentatie in Techonomy-huisstijl. Dit deck schetst de gewenste situatie op basis van de AS-IS analyse, inclusief concrete aanbevelingen, infrastructuurvisie en roadmap.

## Stap 1: Intake (stel deze vragen eerst)

Stel de volgende vragen VOOR je begint — één voor één:

1. **Voor welke klant** is dit deck? (naam + branche)
2. **Wat zijn de belangrijkste gaps** uit de AS-IS? (of: "leid af uit context")
3. **Wat is de strategische ambitie** van de klant? (bijv. "centraal klantprofiel", "meer personalisatie", "hogere conversie")
4. **Welke oplossingsrichtingen** moeten worden uitgewerkt? (bijv. datawarehouse, CDP, e-mail automation, dashboarding)
5. **Wat is de tijdshorizon** van de roadmap? (bijv. 6 maanden, 1 jaar, kort/lang termijn split)
6. **Zijn er al concrete next steps** afgesproken, of moet de roadmap nog worden gevormd?

---

## Stap 2: Bouw het deck

### Vaste slidestructuur

#### COVER (slide 1)
- Layout: **Titeldia zonder afbeeldingsveld** (navy `#000031`)
- Titel: `To-Be situatie`
- Subtitel: `[Klantnaam] x Techonomy`
- Datum
- Logo: Techonomy® rechtsonder

#### AGENDA (slide 2)
- Layout: **Agenda / Inhoud**
- Vaste hoofdstukken:
  1. Terugblik huidige situatie
  2. TO-BE situatie
  3. [Pijler 1, bijv. Centrale data-omgeving]
  4. [Pijler 2, bijv. Klantprofiel opbouw]
  5. [Pijler 3, bijv. Data-gedreven activatie]
  6. Roadmap & next steps

#### HOOFDSTUK DIVIDER: Huidige situatie (slide 3)
- Layout: **(Sub-)Hoofdstuk**
- Tekst: `Huidige situatie — terugblik`

#### AS-IS TERUGBLIK (slide 4-5)
- Layout: **Alleen titel** + diagram of **Titel en object**
- Slide 4: Toon het AS-IS MarTech landschap diagram compact (verkorte versie)
- Slide 5: `Conclusies huidige landschap` — 3-4 kernpunten uit de AS-IS analyse:
  - Wat goed werkt
  - Wat versnipperd is
  - Wat de urgentste gap is
  - Hoe dit de business belemmert

#### HOOFDSTUK DIVIDER: TO-BE (slide 6)
- Layout: **(Sub-)Hoofdstuk**
- Tekst: `TO-BE situatie`

#### VAN ANALYSE NAAR ACTIE (slide 7)
- Layout: **Titel en 2 tekstblokken**
- Titel: `Van analyse naar actie`
- Links: Huidige uitdagingen (technisch + strategisch), bijv.:
  - `Technisch: Data verspreid over systemen, geen centrale opslag.`
  - `Strategisch: Geen centraal klantprofiel. Beperkte marketing activatie.`
- Rechts: Doelstellingen TO-BE, bijv.:
  - `Een centrale data-omgeving als fundament voor gepersonaliseerde communicatie.`
  - `360-graden klantprofielen als basis voor activatie en inzicht.`

#### KLANT PERSONA'S / USE CASES (slides 8-9, optioneel)
- Layout: **Titel en 2 objecten** of **Collage**
- Toon 2-3 persona's of use cases die in de TO-BE situatie mogelijk worden:
  - Naam + beschrijving + hoe de TO-BE dit mogelijk maakt
  - Gebruik cirkels met afbeelding of blokken

#### TO-BE INFRASTRUCTUUR DIAGRAM (slide 10)
- Layout: **Alleen titel** + groot diagram
- Titel: `TO-BE infrastructuur`
- Groepeer systemen in lagen:
  - `DATA SOURCES` — alle bronnen (naam per blok)
  - `DATA CENTRALISATIE` — datawarehouse / CDP (naam + technologie)
  - `ACTIVATIE` — marketing tools (e-mail, advertising, personalisatie)
  - `ANALYSE` — dashboarding / BI
- Gebruik kleurcodering per laag
- Toon pijlen voor datastromen
- Markeer nieuwe toevoegingen vs. bestaande systemen (bijv. met oranje highlight of `NEW`-badge)

#### PER PIJLER: UITWERKING (slides 11-25, 3-4 slides per pijler)

Voor elke strategische pijler (bijv. datawarehouse, klantprofiel, activatie):

**Pijler divider:**
- Layout: **(Sub-)Hoofdstuk** met nummer (`2.1`, `2.2`, `2.3`)
- Titel: naam van de pijler

**Wat is het / Waarom:**
- Layout: **Titel, object en afbeelding**
- Leg uit wat deze pijler inhoudt en waarom het nodig is
- Gebruik een uitleg-diagram of schema

**Hoe werkt het:**
- Layout: **Campagne structuur** of **Circulair proces**
- Stap-voor-stap uitleg (gebruik nummers 1-5)
- Toon de datastroom of het proces visueel

**Business impact / use cases:**
- Layout: **Resultaten / Titel en 6 tekstblokken**
- Concrete voorbeelden van wat dit oplevert:
  - `Van [huidige situatie] → [gewenste situatie]`
  - Kwantificeer waar mogelijk (bijv. `210.000 bezoekers → 70% onbekend → aanpak via QR opt-in`)

#### BUSINESS CASES (slides 26-30, optioneel maar sterk aanbevolen)
- Layout: **Quote + statistieken** of **Titel, object en afbeelding**
- Toon 2-3 concrete business cases:
  - Context: wat is het probleem
  - Kans: wat levert het op
  - Vereisten: wat is er nodig
  - Journey: hoe ziet het klantpad eruit
- Gebruik getallen voor impact (bijv. `310.000 bezoekers | 75% heeft smartphone`)

#### 360-GRADEN KLANTPROFIEL (slide 31, optioneel)
- Layout: **Titel, object en afbeelding**
- Toon een visueel profiel-kaart:
  - Naam (fictief)
  - Datavelden die worden bijgehouden
  - Databronnen die dit profiel voeden
  - Hoe het profiel wordt gebruikt voor activatie

#### HOOFDSTUK DIVIDER: Roadmap (slide 32)
- Layout: **(Sub-)Hoofdstuk**
- Tekst: `Roadmap & next steps`

#### FOCUSPUNTEN (slide 33)
- Layout: **Titel en 3 tekstblokken**
- Titel: `Focuspunten`
- Per pijler een kort blok:
  - Pijler naam
  - 2-3 bullets met prioriteiten

#### ROADMAP (slide 34)
- Layout: **Tijdslijn** of **Alleen titel + horizontale timeline**
- Titel: `Roadmap`
- Toon fasering (bijv. Q1/Q2/Q3 of Fase 1/2/3):
  - Per fase: naam + 2-3 activiteiten
  - Kleurcodering per pijler
- Gebruik horizontale tijdlijn met markeerpunten

#### DRIE PIJLERS IN DETAIL (slides 35-37)
- Layout: **Titel en 3 tekstblokken** (één slide per pijler, of samen)
- Per pijler:
  - Naam + nummer
  - Wat er concreet gedaan wordt
  - Verwacht resultaat

#### NEXT STEPS (slide 38)
- Layout: **Titel, object en afbeelding** of **Proces (circulair)**
- Titel: `Next steps`
- Concrete acties:
  - `Intern delen van deze rapportage en roadmap.`
  - `Roadmap optimaliseren op basis van feedback.`
  - `Vervolgafspraak plannen voor [datum/milestone].`
  - `[Specifieke beslissing / aanbeveling]`

#### AFSLUITING (slide 39, optioneel)
- Layout: **Logo** of **Titeldia met afbeeldingsveld**
- Techonomy logo groot
- Contactgegevens of CTA

---

## Stap 3: Stijlregels

### Kleuren (officieel Techonomy thema)
| Toepassing | Hex | Naam |
|---|---|---|
| Hoofdachtergrond donkere slides | `#000031` | Navy Dark |
| Primaire accent / highlight | `#0000DC` | Blue Primary |
| CTA, nadruk, urgentie | `#FF4600` | Orange |
| Gradient, statistieken, badges | `#D4145A` | Pink/Magenta |
| Lichte kaartachtergrond | `#E6EEEF` | Light Gray |
| Ondersteunende accent | `#94CEE5` | Light Blue |
| Tekst op donker | `#FFFFFF` | White |
| Tekst op licht | `#000031` | Navy |

**Gradiënten:**
- Blauw: `#000031 → #0000DC`
- Warm: `#D4145A → #FF4600`

### Typografie
| Font | Gebruik | Maat |
|---|---|---|
| **Orbitron Black** | Grote impacttitels, cover, chapter | 36–40pt (mega: 108pt) |
| **Orbitron** | Tussenkoppen, subkoppen, diagramlabels | 17–20pt |
| **Montserrat** | Body tekst (primair) | 15pt |
| **Montserrat** | Body tekst (secundair) | 13pt |
| **Montserrat Light** | Captions, subtekst | 9–10pt |
| **Arial** | Slidenummers, footers | 8–9pt |

### Layout-varianten
Alle layouts komen in twee versies:
- **`- 1`** = LICHT (witte achtergrond, navy tekst) — datarijke, tekstuele content
- **`- 2`** = DONKER (navy/blauw gradient, witte tekst) — impact

> Geverifieerd op de template-achtergronden. Cover, `(Sub-) Hoofdstuk` en `Logo` zijn altijd donker. Dit is omgekeerd aan oudere documentatie.

### Opmaakprincipes
- Afgeronde hoeken: **val=16667** (≈22–25px, standaard kaarten) of **val=6004** (≈8px, subtiel)
- Marge: **60pt** van de rand (= 80px op 96dpi) — links, rechts consistent
- Techonomy® logo rechtsonder op elke slide
- Slidenummer rechtsonder (Arial, 8–9pt)
- Aspect ratio: **16:9** — 960pt × 540pt (13.33" × 7.5")
- Maximaal 1 hoofdboodschap per slide

---

## Output

Bouw het deck **op de Techonomy-template** met de helper `thx_deck.py` — zo erft elk deck automatisch de juiste master, thema-kleuren, Orbitron/Montserrat fonts, gradients, kaarten en logo (exact als de referentiebestanden). Lees eerst `references/build-met-template.md` voor de werkwijze en de placeholder-map.

```python
import sys; sys.path.insert(0, ".claude/skills/techonomy-presentations/references")
from thx_deck import Deck
d = Deck()
s = d.add("Titeldia zonder afbeeldingsveld")
s.set(0, "Titel"); s.set(1, "Klant x Techonomy"); s.set(2, "Datum")
# ... voeg slides toe via de layout-namen uit de slidestructuur hierboven ...
d.add("Logo")
d.save("UITVOERPAD.pptx")
```

Gebruik de layout-namen uit de slidestructuur hierboven; dat zijn de echte template-layouts. Speciale visuals (funnel, tijdslijn, statistieken, tabel, diagram) bouw je op een `Alleen titel - 1` of `- 2` canvas met de thema-kleuren. Render daarna ter controle naar PDF met LibreOffice (zie build-gids).

Bestandsnaam:
`[JJJJMMDD] - [Klantnaam] x Techonomy - TO-BE.pptx`