Shoupapp
Een homepage heeft meer dan één banner nodig. De hero bovenaan draagt de hoofdboodschap, en een carrousel vraagt twee tot vier slides die als één set ogen, elk met een eigen kop, tekst en knop. Die voor elke campagne schrijven en vormgeven kost de meeste tijd. We namen één productfoto van een witte sneaker en vroegen de tool om een productbanner te maken met AI om twee slides: een lancering en een actie. Hieronder staat wat we invulden, wat eruit kwam en hoe je er een carrousel van maakt.
Hero banner of carrouselslide: wat elk nodig heeft
Kies het formaat op basis van waar de banner op de pagina staat:
| Plaatsing | Formaat | Taak |
|---|---|---|
| Hero op de homepage | Website-hero 16:9 of breed 2:1 | Eén hoofdboodschap voor het seizoen of de lancering |
| Carrouselslides | Op elke slide hetzelfde formaat | Eén boodschap per slide, in één beeldstijl |
| Categorie- of actiestrook | Smal 3:1 | Een korte regel en een knop |
| Socials en stories | Vierkant 1:1 of verticaal 9:16 | Dezelfde campagne buiten je site |
Van een korte briefing naar de definitieve bannertekst
Elk veld kun je zelf invullen of leeg laten. Lege velden worden voor je geschreven, in de campagnetaal die je kiest. Dit zijn de twee briefings en wat eruit kwam:
| Veld | Slide 1 | Slide 2 |
|---|---|---|
| Doel | Een product lanceren | Een uitverkoop promoten |
| Stijl | Kies voor mij | Gedurfd |
| Notitie van de winkel | Geen | Eén korte regel over 30% korting tot eind oktober |
| Kop | Home Starts Right Here | Weekend Ready, 30% Off |
| Subkop | Fresh comfort for every step you take | Limited-time October savings on everyday sneakers |
| Ondersteunende tekst | Introducing a clean, everyday sneaker made to welcome you home in style. | Step into the season with comfort that fits your weekend plans. Offer ends soon. |
| Knop | Shop Now, koraal | Shop The Sale, violet |
De gekozen campagnetaal was Engels, daarom zijn de teksten Engels. De notitie op slide 2 was één haastig getypte regel. De korting en de maand kwamen terug in de kop en de subkop, en de knop werd Shop The Sale in plaats van Shop Now, passend bij het doel.
Waarom de tekst echte letters zijn en geen deel van het beeld
Eerst wordt de scène gemaakt, zonder tekst, en daarna wordt de tekst er als echte letters overheen gezet. Dat heeft drie praktische gevolgen:
- Elk woord staat er precies. Prijzen, percentages en data verschijnen zoals je ze schreef, wat gegenereerde letters niet kunnen beloven.
- De tekst heeft ruimte. Het product staat aan één kant en de andere kant blijft rustig en vrij voor de tekst.
- De knop bepaal jij. Kies de kleur, of zet de knop uit voor een banner zonder call to action. De kleur van de letters wordt op contrast gekozen.
Een carrousel die als één set leest
- Eén formaat. Alle slides in dezelfde verhouding, zodat de carrousel niet in hoogte verspringt.
- Eén stijl. Houd dezelfde stijlkeuze aan of herhaal die van de eerste slide.
- Eén boodschap per slide. Lancering, voordeel en aanbod zijn drie slides, geen drie regels op één.
- Verander de scène, niet het product. Dezelfde foto in verschillende omgevingen houdt de set herkenbaar.
- Een duidelijke volgorde. Open met de lancering of het seizoen, eindig met het aanbod.
- Korte teksten. Een kop van maximaal 60 tekens en een knop van maximaal 30 blijven leesbaar op een telefoon.
Checklist voor bannertekst
- Controleer getallen, prijzen en data met het echte aanbod.
- Lees de kop hardop. Hij moet ook zonder beeld kloppen.
- Eén knop per slide, met een werkwoord.
- Bekijk de banner op telefoonbreedte en controleer of de tekst leesbaar blijft.
- Zorg dat de tekst het product niet bedekt.
Exacte pixelmaten per plaatsing staan in bannerformaten voor e-commerce.
Maak een hero banner van je eigen foto
Begin met één nette productfoto, kies een doel en een formaat, en laat de tekst leeg of schrijf je eigen. De tool om een productbanner te maken met AI bouwt de scène en zet de tekst. Voor socials met dezelfde foto gebruik je AI-productfoto's. Je originelen worden nooit overschreven. De kosten staan op de pagina prijzen en alle tools op de pagina producten. Probeer het met je volgende lancering: bekijk het op je eigen catalogus.
Vragen over hero banners
Kan ik een hero banner maken van één productfoto?
Ja. Upload de foto, kies een doel en een formaat zoals 16:9, en de scène en tekst worden rond het product gemaakt.
Wie schrijft de bannertekst?
Je kunt elke regel zelf schrijven. Elk veld dat je leeg laat, wordt voor je geschreven in de campagnetaal die je kiest.
Hoeveel slides heeft een carrousel nodig?
Twee tot vier is gebruikelijk. Elke slide draagt één boodschap in hetzelfde formaat en dezelfde stijl.