Hoi Jamal, Sjakie hier! Ik heb een update voor je over ons project om welkomstvideo's voor elke medewerker te maken. Het rapport ligt bij je, maar ik loop er graag mondeling even snel doorheen.
Het idee is simpel: elke medewerker krijgt straks een leuke welkomstvideo van ongeveer dertig seconden op z'n profielpagina op team.haartips.nl. Dit maakt de pagina's een stuk persoonlijker en interactiever.
We zijn van plan om daarvoor HeyGen te gebruiken. De belangrijkste keuze die we moesten maken, was het type avatar. Je hebt twee opties: een 'Digital Twin' of een 'Photo Avatar'. De Digital Twin klinkt fancy, maar daarvoor moet elke medewerker zelf 2 tot 5 minuten op camera gaan staan praten, en dat is toch best veel gedoe voor zes mensen. Daarom stellen we de 'Photo Avatar' voor. Hiervoor gebruiken we gewoon een bestaande profielfoto die we al hebben liggen op de server. De kwaliteit is prima voor zo'n korte video en het scheelt ons enorm veel tijd en moeite – en HeyGen-credits, want het is voordeliger. De foto's die we nodig hebben, liggen al klaar.
Voor de video's hebben we een standaard script opgesteld van ongeveer 30 seconden. Daarin stelt de medewerker zich voor, vertelt over z'n specialiteit en wat hij of zij het leukst vindt aan het werk, en nodigt mensen uit voor een behandeling. Ik heb al veel ingevuld, maar ik zou het fijn vinden als jij nog even naar de 'jaren ervaring' en de specifieke 'specialiteiten' kijkt, en ze eventueel aanvult, vooral die van jezelf. De scripts maken we pas definitief als jij ze hebt goedgekeurd.
Wat betreft de technische kant van HeyGen: we gebruiken Nederlandse stemmen – Emma voor de vrouwen en Liam voor jou – en we zetten de spreeksnelheid iets rustiger dan standaard. We kunnen de video's zowel in portretstand (voor mobiel) als in landschapsformaat maken, afhankelijk van waar we ze precies willen inbedden. Als achtergrond kiezen we voor een warme salon-sfeer of een vage kapsel-foto. We beginnen met één testvideo, bijvoorbeeld van Asuman, zodat je de stem en de animatiestijl kunt beoordelen voordat we de rest maken.
Het inbouwen op de website is een kleine ingreep. We voegen gewoon een play-knop toe aan elke medewerkerstegel. Als je daarop klikt, opent een schermpje met de welkomstvideo. Heel eenvoudig en gebruiksvriendelijk.
Qua kosten: we schatten dat het totale project, inclusief een eventuele revisieronde, zo'n 24 tot 30 HeyGen-credits zal kosten. Ons huidige Creator Plan heeft er 15 per maand, dus dat betekent ongeveer twee maanden, of we kopen eenmalig wat extra credits bij. Maar geen zorgen, we verbruiken nog geen credit totdat jij akkoord bent.
Om dus verder te kunnen, heb ik nog een paar beslispunten van je nodig: 1. Ben je akkoord met de 'Photo Avatar'? 2. Wil je eerst een demo van de Nederlandse stemmen horen? 3. Wil je de 'jaren ervaring' en de 'specialiteiten' van de medewerkers nog even checken en aanvullen in het script? 4. Heb je een voorkeur voor het videoformaat: portret of landschap? 5. En als laatste, welke achtergrond vind je het mooist: salon-sfeer of een neutrale studiokleur?
Laat het me weten wanneer je er even naar hebt kunnen kijken. Ik wacht je feedback af voordat ik de eerste credit verbruik! Alvast bedankt!
Status: Voorbereiding. Geen credits verbruiken tot Jamal akkoord geeft.
Doel: Elke medewerker krijgt een 30-sec video op team.haartips.nl.
Keuze: Photo Avatar (niet Digital Twin).
Reden:
- Digital Twin vereist 2–5 minuten opnamen van de medewerker zelf die praat. Te veel gedoe voor 6 mensen.
- Photo Avatar werkt met één bestaande profielfoto — we hebben die al (faces-map op de VPS).
- Kwaliteit is goed genoeg voor een 30-sec welkomst op een teamprofielpagina.
- Kosten: ~1–2 HeyGen-credits per video vs 0 extra opnames van medewerkers.
Vereiste foto per persoon:
- Minimaal 512×512 px, liefst 1080×1080+
- Gezicht goed zichtbaar, neutraal/vriendelijk, licht
- Beschikbaar: /var/www/team-haartips/faces/<naam>/ op de VPS
Beste referentiefotos om te gebruiken (close-up varianten):
- asuman: asuman_shootref01_close.jpg
- jarlin: jarlin_shootref*_close.jpg
- maria: maria_shootref*_close.jpg
- noel: noel_shootref*_close.jpg
- jorah: jorah_shootref*_close.jpg
- jamal: jamal_shootref*_close.jpg
Hoi, ik ben [NAAM] van Haarvisie.
Ik werk al [JAREN] jaar in de kapsalon en mijn specialiteit is [SPECIALITEIT].
Wat ik het leukste vind? [PERSOONLIJKE TOUCH — 1 zin].
Wil je een keer langskomen voor [BEHANDELING]? Boek gerust een afspraak — ik help je graag verder.
Tot snel bij Haarvisie!
| Naam | Jaren | Specialiteit | Persoonlijke touch | Behandeling |
|---|---|---|---|---|
| Asuman | ~30 | Balayage & kleur | "Ik hou ervan als een klant de salon uitloopt met een glimlach" | kleur of balayage |
| Maria | — | Knippen & styling | "Elke dag is anders, dat maakt dit werk zo mooi" | knipbeurt of blow-dry |
| Noël | — | Heren- en damesknip | "Ik luister goed naar wat jij wil — geen verassingen" | knipbeurt |
| Jarlin | — | Extensions & looks | "Transformaties zijn mijn ding — van kort naar lang in 1 sessie" | extensions |
| Jorah | — | Krullen & textuur | "Ik leer je ook hoe je je haar thuis het beste verzorgt" | krullenbehandeling |
| Jamal | 30+ | Eigenaar & totaalvisie | "Haarvisie bestaat al since 1993 — kwaliteit zit in ons DNA" | consult of behandeling |
Actie voor Jamal: vul bij elke medewerker de exacte jaren in en check of de specialiteit klopt.
Scripts pas definitief na zijn goedkeuring.
haarvisie-<naam> (bijv. haarvisie-asuman)| Instelling | Waarde |
|---|---|
| Type | Photo Avatar |
| Taal | Nederlands (nl-NL) |
| Stem | HeyGen Dutch female — "Emma" (vrouwen) / "Liam" (Jamal) — of andere NL-stem, testen welke het beste klinkt |
| Spreeksnelheid | 0.95 (iets rustiger dan default) |
| Formaat | 9:16 portrait (1080×1920) voor mobiel; óók 16:9 (1920×1080) als we het in een breed vlak embedden |
| Resolutie | 1080p |
| Achtergrond | Salon-sfeer: gebruik de lichte studio-achtergrond óf een vaag gesatuurde kapsel-foto als background blur |
| Duur | ±30 sec (script is ~75 woorden @ 150 woorden/min) |
Aanbevolen workflow:
1. Maak eerst 1 testvideo (Asuman, zij is de easiest case)
2. Toon aan Jamal voor akkoord stem + animatie-stijl
3. Dan batch de overige 5
De site op team.haartips.nl (VPS: /var/www/team-haartips/index.html) toont:
- Medewerker tiles → kies gezicht → kapsel → outfit
- Profielfoto's zijn al aanwezig in /faces/<naam>/
Per medewerker-tile voegen we een ▶ play-knop toe. Bij klikken opent een modal met de HeyGen-video.
Stap 1 — Video hosten:
- Download de 6 .mp4-bestanden van HeyGen na productie
- Upload naar VPS: /var/www/team-haartips/videos/<naam>-welkomst.mp4
- Of: embed direct via HeyGen share-link (geen eigen hosting nodig, maar minder controle)
Stap 2 — HTML aanpassing in index.html:
<!-- Voeg toe in elke medewerker-tile -->
<div class="tile" onclick="pickPerson('asuman')">
<div class="n">Asuman</div>
<!-- NIEUW: video-badge -->
<button class="vid-btn" onclick="event.stopPropagation(); openVideo('asuman')" title="Bekijk welkomst-video">▶</button>
</div>
<!-- Video modal (1x onderaan body) -->
<div id="vid-modal" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:100; align-items:center; justify-content:center;">
<button onclick="closeVideo()" style="position:absolute;top:16px;right:20px;color:#fff;font-size:2rem;background:none;border:none;cursor:pointer">✕</button>
<video id="vid-player" controls style="max-width:90vw;max-height:80vh;border-radius:12px"></video>
</div>
<script>
const VIDEOS = {
asuman: 'videos/asuman-welkomst.mp4',
maria: 'videos/maria-welkomst.mp4',
noel: 'videos/noel-welkomst.mp4',
jarlin: 'videos/jarlin-welkomst.mp4',
jorah: 'videos/jorah-welkomst.mp4',
jamal: 'videos/jamal-welkomst.mp4',
};
function openVideo(name) {
const el = document.getElementById('vid-modal');
const vid = document.getElementById('vid-player');
vid.src = VIDEOS[name] || '';
el.style.display = 'flex';
vid.play();
}
function closeVideo() {
document.getElementById('vid-player').pause();
document.getElementById('vid-modal').style.display = 'none';
}
</script>
Stap 3 — CSS voor video-badge:
.tile { position: relative; }
.vid-btn {
position: absolute; top: 6px; right: 6px;
background: var(--gold); border: none; border-radius: 50%;
width: 28px; height: 28px; font-size: 11px;
cursor: pointer; color: #14110f; line-height: 28px; text-align: center;
}
.vid-btn:hover { transform: scale(1.1); }
| Onderdeel | HeyGen-credits |
|---|---|
| Photo Avatar aanmaken (6 personen) | ~6 credits (eenmalig) |
| Video genereren 30 sec × 6 | ~12–18 credits |
| Revisie (1 ronde) | ~6 credits |
| Totaal | ~24–30 credits |
HeyGen Creator Plan: 15 credits/maand. Dus 2 maanden, OF eenmalig bijkopen (~$29 voor 30 extra credits).
Vóór productie heeft Sjakie van Jamal nodig:
Opgesteld door Sjakie — 28 juli 2026 — wacht op akkoord Jamal vóór eerste HeyGen-credit wordt verbruikt.
\n```\n\n**Stap 3 \u2014 CSS voor video-badge:**\n\n```css\n.tile { position: relative; }\n.vid-btn {\n position: absolute; top: 6px; right: 6px;\n background: var(--gold); border: none; border-radius: 50%;\n width: 28px; height: 28px; font-size: 11px;\n cursor: pointer; color: #14110f; line", "slug": "heygen-werkinstructie-welkomstvideos", "title": "HeyGen Werkinstructie \u2014 Medewerker Welkomst-videos team.haartips.nl"}; 🎙️ Bespreek met Jarvis