Ontwerp een homepage rond één helder aanbod en één vervolgstap. Koppel drie echte bezoekerstaken aan onderdelen, volg een mobile-first wireframe en gebruik de briefing en controlelijst.
Een homepage moet een onbekende bezoeker binnen enkele seconden vertellen wat je doet, voor wie het is en wat diegene hierna kan doen. De rest van de pagina ondersteunt die drie antwoorden. Deze gids werkt één duidelijk aangeduid voorbeeld uit: de fictieve tandartspraktijk "Riverside Family Dental", van aanbod tot wireframe en ingevulde briefing.
Formuleer het aanbod in één zin die een klant begrijpt: "Tandheelkunde voor het hele gezin in Riverside, ook ’s avonds op afspraak." Kies daarna de ene actie die je het liefst wilt: "Maak een afspraak."
Bedenk de drie meest voorkomende redenen waarom mensen op je homepage komen en geef elke reden een onderdeel. Voor de voorbeeldpraktijk:
| Taak van de bezoeker | Onderdeel dat antwoord geeft |
|---|---|
| "Doen ze wat ik nodig heb?" | Dienstenlijst: controles, kindertandheelkunde, spoed, bleken |
| "Kan ik terecht op een tijd die mij uitkomt?" | Openingstijden met avondplekken, boekingsknop, geaccepteerde verzekeringen |
| "Kan ik ze vertrouwen?" | Profielen van tandartsen met kwalificaties, foto’s van de echte praktijk, echte beoordelingen |
Beantwoordt een onderdeel geen echte taak? Verwijder het of verplaats het naar een andere pagina.
De meeste homepagebezoeken van lokale bedrijven komen vanaf een telefoon. Ontwerp daarom eerst de smalle versie:
[ Logo ] [ Boeken ]
------------------------------------------
H1: Gezinstandheelkunde in Riverside,
ook ’s avonds op afspraak
Korte regel: Nieuwe patiënten welkom. De meeste verzekeringen geaccepteerd.
[ Maak een afspraak ] Bel (tik om te bellen)
------------------------------------------
Diensten (4 korte kaarten, elk met een link naar de eigen pagina)
------------------------------------------
Openingstijden + locatie + kaartlink
------------------------------------------
Maak kennis met de tandartsen (foto, naam, kwalificatie)
------------------------------------------
Beoordelingen (echt, met naam en bron)
------------------------------------------
FAQ (3 tot 5 vragen die mensen echt stellen)
------------------------------------------
[ Maak een afspraak ] Voettekst: adres, telefoon, openingstijden
Op desktop staan dezelfde onderdelen naast elkaar in kolommen; de volgorde verandert niet.
HOMEPAGEBRIEFING
Bedrijf + plaats:
Aanbod in één zin (H1):
Primaire actie (tekst op knop):
Secundaire actie:
Bezoekerstaak 1 -> onderdeel:
Bezoekerstaak 2 -> onderdeel:
Bezoekerstaak 3 -> onderdeel:
Bewijs dat we echt kunnen tonen:
Stijl (twee of drie woorden):
In We.Inc kun je deze briefing als startbeschrijving plakken. De bouwer maakt er een homepageontwerp van dat je daarna met klikken kunt bewerken.
Kies een startpunt uit de sjablonen voor bedrijfswebsites of lees hoe de websitebouwer van We.Inc werkt. Met het Free-abonnement publiceer je maximaal 3 sjabloonsites op een we.inc-adres. Bouwen met AI en eigen domeinen zijn beschikbaar vanaf Starter voor $20/maand (prijzen). De websitekostencalculator helpt opties vergelijken. Lees voor meer uitleg over homepages ook hoe je een homepage ontwerpt.
Begin met het bouwen van je bedrijfswebsite
Een kop die zegt wat je doet en voor wie, één primaire actie, onderdelen die de belangrijkste bezoekersvragen beantwoorden (diensten, beschikbaarheid, vertrouwen), contactgegevens en links naar verdiepende pagina’s.
Zo lang als nodig is om de belangrijkste bezoekerstaken te beantwoorden, maar niet langer. Voor de meeste kleine bedrijven zijn dat vijf tot acht korte onderdelen.
Nee. Het is een verzonnen voorbeeld en het afgebeelde ontwerp is een voorbeeld dat We.Inc op basis van een prompt maakte.
Gratis beginnen · Geen creditcard nodig