Naar de hoofdinhoud
De homepagina aanpassen

Beheer het uiterlijk van je homepagina en maak hem uniek voor je community

Nola Moreau avatar
Geschreven door Nola Moreau
Meer dan een maand geleden bijgewerkt

We hebben de homepage van ons platform vernieuwd om je bewoners te helpen je gemeenschapsinitiatieven beter te begrijpen en zich er beter bij aan te sluiten. Onze nieuwe contentwidgets en verbeterde lay-out maken het voor bewoners gemakkelijker dan ooit om:

  • Vind actieve participatiemogelijkheden in een oogopslag

  • Relevante projecten ontdekken die zijn afgestemd op hun interesses, buurt of eerdere acties

  • Volg de voortgang van de gemeenschap met duidelijke "Wat hebben we gedaan" secties

  • Blijf op de hoogte van lopende projecten en aankomende evenementen

Platformbeheerders kunnen de lay-out van de homepagina aanpassen om deze uniek te maken voor hun community. De paginabouwer biedt veel mogelijkheden om een structuur te maken die geschikt is voor jouw behoeften. Om te beginnen met het ontwerpen van je homepage, klik je op "Pagina's & menu" in het beheerpaneel. Klik dan op "Bewerk" naast "Home".

Je ziet nu de paginabouwer voor de startpagina:

  • Links zie je alle beschikbare inhoudswidgets en lay-outelementen die je naar je homepage kunt slepen.

  • In het midden zie je een voorbeeld van je huidige startpaginastructuur

  • Aan de rechterkant zie je de instellingen van een geselecteerd element

Voor het bovenste gedeelte van je homepage raden we aan om:

  1. De inhoudswidget "Spotlight" gebruiken om een lopend project of lopende map te markeren

  2. Gebruik de inhoudswidget "Hero Banner" om statische informatie op je platform toe te voegen.

Misschien wil je er iets bovenop promoten? Misschien wil je je eerst richten op de hoofdvisie? Of is de widget met voorstellen misschien belangrijk voor je? Je kunt zelf bepalen hoe je met de deelnemers wilt communiceren.

Spotlight Widget

Deze widget markeert een specifieke map of project en linkt bezoekers naar de bijbehorende pagina. Je kunt de beschrijving van de afbeelding & van de markering aanpassen, standaard wordt de beschrijving gebruikt die je op project-/mapniveau hebt gedefinieerd.

Gepubliceerde projecten & Mappen

Met deze widget kun je alle mappen en projecten die je wilt weergeven en opnieuw ordenen. In tegenstelling tot de huidige module "Projecten" (die dynamisch alle mappen & projecten laat zien in de volgorde waarin ze op het tabblad "Projecten" in de backoffice staan), heb je met deze module volledige controle over welke projecten & mappen worden getoond en in welke volgorde.

Deze widget kan geen voltooide, concept- of gearchiveerde projecten of mappen weergeven.

Open voor deelname

Als bezoeker is het soms moeilijk te begrijpen waar je input nodig is, omdat de deelname (een enquête, het uploaden van je idee...) begraven kan liggen in een project in een map. Deze module toont alleen fasen binnen projecten waar mensen aan kunnen deelnemen (een enquête invullen, ideeën toevoegen, vrijwilligerswerk doen, enzovoort).

  • ze worden gerangschikt naar urgentie (een enquête die morgen wordt afgesloten krijgt voorrang boven een enquête die volgende maand wordt afgesloten)

  • als een gebruiker is geregistreerd, heeft dit invloed op de zichtbaarheid, zodat alleen relevante projecten worden getoond waaraan hij of zij kan deelnemen

  • als admin kun je de volgorde of wat er wordt weergegeven niet aanpassen

Afgewerkte projecten

Met deze module kunnen beheerders projecten laten zien die al klaar zijn, zodat gebruikers de resultaten kunnen zien.

  • Deze module geeft prioriteit aan projecten met een actieve (wat betekent dat de einddatum van het project in de toekomst ligt) rapportagefase aan het einde van het project.

  • Het toont ook voltooide (d.w.z. het project is gepubliceerd maar de einddatum ligt in het verleden) & gearchiveerde projecten, gerangschikt op welke het meest recent zijn afgesloten.

Gebieden & Onderwerpen

(nog steeds niet vrijgegeven)

Met deze module kunnen bezoekers onderwerpen selecteren waarin ze geïnteresseerd zijn of het gebied waarin ze wonen om projecten te bekijken die op die onderwerpen zijn getagd.

  • Als een bezoeker geen account heeft, toont de module de gebieden & onderwerpen die je op platformniveau hebt gedefinieerd om uit te kiezen.

  • Als een bezoeker is ingelogd, zal de module zich automatisch aanpassen aan hun selectie van gebieden & onderwerpen. Als ze die niet geselecteerd hebben, wordt hun eerste keuze opgeslagen bij interactie met de module (als ik bijvoorbeeld een gebruiker ben zonder een wijk geselecteerd te hebben, als ik "Gebied X" selecteer in deze module, wordt dat opgeslagen als mijn wijk).

Gevolgde items

Als gebruiker is het soms moeilijk om de projecten terug te vinden waaraan je in het verleden hebt deelgenomen. Deze module toont geregistreerde gebruikers de projecten die ze volgen, gerangschikt volgens de laatste projecten waarin ze actief waren. Bezoekers zonder account zien deze module niet.

We raden ten zeerste aan om dit helemaal bovenaan je homepagina's te zetten, zodat gebruikers gemakkelijk kunnen terugvinden waar ze het laatst aan hebben deelgenomen.

Project & Mappen widget (legacy)

Gebruik deze widget om projecten & mappen in een raster op de homepage te tonen. Zoals het "legacy" gedeelte al aangeeft, zijn er een paar beperkingen:

  • We raden het gebruik van deze widget af, omdat hij moeilijker te gebruiken is voor gebruikers op mobiele apparaten.

  • De volgorde van de projecten is vooraf bepaald - je kunt deze alleen wijzigen door de volgorde aan te passen binnen het tabblad "Projecten", binnen "Alle", door mappen & projecten rond te slepen. Deze widget is te allen tijde een 1:1 weergave van je backoffice structuur.

  • We raden de nieuwe widget "Projecten & Mappen" aan.

Oproep tot actie widget

Met deze widget kun je aangepaste links en tekst als kaart toevoegen. Het kan worden gebruikt om op een flexibele manier iets onder de aandacht van bezoekers te brengen:

Homepage widget

Klik op de banner en rechts zie je alle opties om hem te configureren.

Je kunt kiezen uit een banner over de volle breedte, een banner met twee rijen en een banner met een vaste verhouding. Deze sjablonen zijn alleen zichtbaar op de homepagina voordat je inlogt of je registreert.

Wanneer gebruik je welke banner?

  • De volledige breedte banner is het beste voor een mooi visueel resultaat, maar werkt niet goed met tekst of cruciale elementen aan de zijkanten van een afbeelding. Deze banner wordt ook hergebruikt in de smalle versie van de banner die aan ingelogde gebruikers wordt getoond.

  • De banner met twee rijen is de banner die je nodig hebt als je niet wilt dat de bannertekst of knop boven op de afbeelding verschijnt. Deze banner wordt ook hergebruikt in de smalle versie van de banner die aan ingelogde gebruikers wordt getoond.

  • De Vaste verhouding is de beste variant als je tekst gebruikt of niet wilt dat de banner op verschillende apparaten net zo wordt bijgesneden als de volledige breedte banner. Als je deze banner gebruikt, tonen we bovenaan een effen achtergrond op basis van de primaire kleur van je platform wanneer gebruikers zijn ingelogd, in plaats van deze bannerafbeelding. Dit is om raar uitziende resultaten te voorkomen.

Bannerteksten voor geregistreerde & niet-geregistreerde gebruikers

Naast de homepagina banner sjablonen kun je ook de tekst in de banner bewerken. Er is een verschil tussen de tekst die op de homepagina wordt getoond voor en na het inloggen of registreren.

Deze tekst kan gebruikt worden om duidelijk te maken waar het platform voor dient en om een oproep tot actie te geven.

Banner-knop voor geregistreerde & niet-geregistreerde gebruikers

Om je banner te verrijken kun je er ook een knop aan toevoegen. In de banner voor het inloggen hebben we standaard een knop ingesteld om je te registreren. Als je een andere knop wilt, kun je 'Aangepast' selecteren en de tekst van de knop en de link waar hij naartoe moet leiden invullen. Je hebt ook de mogelijkheid om de knop uit te schakelen.

Voor de banner na het inloggen heb je ook de mogelijkheid om een knop toe te voegen. Dit kan handig zijn om gebruikers naar een bepaald project te leiden dat je onder de aandacht wilt brengen of naar een pagina met meer informatie over het platform.

Structure your content with columns, text & whitespace

Door de opmaakelementen te combineren kun je een meeslepend verhaal maken om complexere inhoud te structureren. Laten we het doornemen.

  • 2 kolommen & 3 kolommen geven je de mogelijkheid om kolommen te gebruiken die responsief zijn op mobiele telefoons. De kolomelementen kunnen ook in verschillende versies worden geconfigureerd als je ze selecteert.

  • Whitespace is een basishelperelement dat witruimte toevoegt boven of onder elk element, wanneer je dat nodig hebt.

  • Tekstelementen kunnen worden gebruikt om tekst met basisopmaak op het canvas te zetten.

  • Button elementen kunnen worden geplaatst op plaatsen waar je een duidelijke call-to-action wilt creëren. Knoppen hebben een instelbare grootte en kunnen worden gebruikt om te linken naar een interne of externe pagina.

  • Embed elementen zijn je go-to systeem om externe onderdelen in te sluiten, zoals een specifieke kaart of video.

  • Accordeonelementen zijn populair als een manier om FAQ's of andere gestructureerde vraag-antwoordinhoud te bundelen. Dit is erg handig onderaan een homepagina.

Afmetingen van afbeeldingen

Er zijn meerdere plaatsen waar je je platform kunt aanpassen met afbeeldingen (foto's of ontworpen visuals of graphics) om je platform aantrekkelijker te maken en de juiste look en feel over te brengen. De homepagina banner is er daar één van. In het volgende artikel vind je de exacte richtlijnen per afbeeldingstype om ervoor te zorgen dat je afbeeldingen correct worden weergegeven en er niet wazig uitzien:

Was dit een antwoord op uw vraag?