Als je een eigen partneromgeving hebt op Johan.nl, kun je deze volledig inrichten in jouw huisstijl. Zo worden jouw kleuren en merkafbeelding zichtbaar bij de programma’s die je aanbiedt. Dit zorgt voor een herkenbare en consistente uitstraling, waardoor je deelnemers een compleet white label portaal ervaren, geheel in jouw branding. Hieronder staan de mogelijkheden beschreven.
Huisstijl kleuren instellen
Voor een consistente merkbeleving binnen jouw partneromgeving op Johan.nl kun je je eigen huisstijl kleuren instellen. Hiermee zorg je ervoor dat de visuele uitstraling van jouw portaal aansluit bij jouw organisatie of merkidentiteit.
Wat je moet hiervoor aanleveren:
Primaire merk-kleur in hex-code formaat (bijv.
#1D4ED8voor blauw of#F97316voor oranje).
Deze kleur wordt gebruikt voor:Knoppen (buttons)
Hyperlinks
Accenten in het platform en e-mails (zoals CTA’s)
ℹ️ Tips voor het kiezen van een kleur:
Gebruik een kleur die herkenbaar is voor jouw merk of organisatie.
Zorg dat de kleur voldoende contrast biedt op witte of lichte achtergronden (voor leesbaarheid en toegankelijkheid).
Kies één duidelijke hoofdkleur.
Merkafbeelding voor branding instellen
Je kunt je partneromgeving op Johan.nl personaliseren door een eigen merkafbeelding te uploaden. Deze afbeelding draagt bij aan de herkenbaarheid van jouw merk binnen het platform en in e-mails. Volg onderstaande richtlijnen om een geschikte afbeelding aan te leveren:
Formaat en verhouding afbeelding
Gebruik een portretformaat afbeelding: dit betekent dat de afbeelding hoger is dan breed.
Aanbevolen verhouding: bijv. 4:5 of 3:4.
Voorbeeldgrootte: 800 x 1000 pixels.
Vierkante of liggende afbeeldingen worden niet goed weergegeven, met name op mobiele apparaten.
Deze afbeeldingen wordt enkel voor de deelname/start routes toegepast (ga bij je account manager of dit ook van toepassing is).
Inhoud van de afbeelding
Kies een visueel herkenbaar element van jouw organisatie, zoals:
Een bedrijfsfoto
Een mascotte
Een productbeeld
Een portret (bijv. van een coach of programmabegeleider)
Vermijd het gebruik van tekst of belangrijke informatie in de afbeelding:
Tekst wordt mogelijk afgesneden of slecht leesbaar op kleinere schermen.
De afbeelding dient als sfeerelement, niet als informatie/communicatiebron.
Responsive afbeelding
De afbeelding wordt op verschillende schermformaten getoond (mobiel, tablet, desktop). Dit wordt 'responsive' genoemd.
Zorg dat het belangrijkste visuele element in het midden staat, zodat dit niet wegvalt bij automatische uitsnijdingen of schaalverkleining.
ℹ️ Tip: lever de afbeelding aan als PNG of JPG-bestand met een minimale resolutie van 800 pixels hoog voor optimale weergave.
Footer instellen in e-mails
De footer onderaan je e-mails is een verplicht onderdeel volgens wet- en regelgeving (zoals de Telecommunicatiewet en AVG). Het stelt ontvangers in staat om te zien wie de verzender is en hoe deze bereikbaar is. Een correcte e-mailfooter draagt bovendien bij aan de betrouwbaarheid van je communicatie en voorkomt dat je e-mails als spam worden gemarkeerd.
Zorg ervoor dat je footer minimaal de volgende twee onderdelen bevat:
Korte bedrijfsomschrijving
Geef in 1 tot 2 zinnen aan wat je organisatie doet. Dit is bedoeld om de ontvanger te informeren over de identiteit en missie van de afzender.
Voorbeeld:
“X helpt bedrijven bij duurzame inzetbaarheid door inzicht en actie op PMO-resultaten.”
Tips:
Houd het kort toegankelijk en duidelijk.
Vermijd dus vakjargon!
Sluit aan bij je positionering richting klanten of deelnemers.
Fysiek adres van je organisatie
Dit is verplicht zodat ontvangers weten waar je gevestigd bent, en om transparantie te bieden.
Voorbeeld:
“Kantoorstraat 12, 1234 AB Amsterdam”
Let op:
Gebruik een volledig postadres (straatnaam, huisnummer, postcode en plaats).
Een postbus is niet voldoende volgens de wetgeving.
ℹ️ Extra tips
Voeg geen disclaimers of juridische lappen tekst toe in dit onderdeel - houd het functioneel.
Indien gewenst kun je hierna ook links opnemen naar je contactpagina en/of supportpagina. (Zie ook: navigatielinks toevoegen hieronder.)
Navigatie links toevoegen aan e-mails
Voor een professionele en toegankelijke communicatie is het belangrijk om onderaan je e-mails duidelijke links op te nemen naar je support- en je contactpagina. Dit helpt ontvangers om snel hulp te vinden of contact met je op te nemen en het verhoogt het vertrouwen in jouw organisatie. Deze links maken deel uit van de standaard footer in alle e-mails die via jouw partneromgeving op Johan.nl worden verzonden.
Verplichte links
Voeg beide onderstaande links toe in de footer van je e-mails:
Help- of supportpagina
Hier kunnen deelnemers of klanten terecht voor veelgestelde vragen, technische ondersteuning of hulp bij gebruik van het platform.Voorbeeld:
https://jouwdomein.nl/support
Contactpagina
Deze pagina bevat informatie over hoe iemand contact met je kan opnemen, bijvoorbeeld via e-mail, telefoon of contactformulier.Voorbeeld:
https://jouwdomein.nl/contact
ℹ️ Tips voor footer links
Gebruik korte en duidelijke linknamen, zoals:
“Neem contact op”
“Bekijk onze helpdesk”
“Klantenservice”
Houd het overzichtelijk en functioneel.
Belangrijke instructies
Houd bij het aanleveren van je branding en kleur instellingen rekening met het onderstaande aandachtspunten:
Branding wordt platformbreed toegepast
Alle instellingen (zoals kleuren en merkafbeelding) gelden voor alle projecten, inclusief reeds lopende projecten.
Lever complete en duidelijke materialen aan
Zorg voor een scherpe merkafbeelding (in portretformaat) en een correcte primaire kleur in hex-code.
Wijzigingen zijn direct zichtbaar in alle onderdelen
Na aanpassing worden de nieuwe instellingen automatisch doorgevoerd in het platform en in alle e-mails.
* Let op: aan de branding en white label instellingen kunnen kosten verbonden zijn. Neem hiervoor contact op met je account manager of via support@johan.nl.