Functionaliteiten van de nieuwe website

Design system, volledig uitgewerkt en vastgelegd in code: kleuren, typografie, ruimtematen, hoeken, schaduwen en beweging. Eén bron, dus de site kan niet uit elkaar lopen.

Kleursysteem op basis van het brand book. De vier merkkleuren krijgen gelijk visueel gewicht. Alle combinaties zijn doorgemeten op leesbaarheid en waar nodig zijn tekstveilige varianten toegevoegd.

Typografie, twee lettertypen uit het brand book (League Spartan en Hanken Grotesk), met licentie voor commercieel gebruik. Vier bestanden, op de eigen server geplaatst.

Comic-burst als merkelement, opnieuw getekend als vectorvorm. Schaalt scherp mee, is voorleesbaar en doorzoekbaar, en weegt vrijwel niets.

Eigen iconenset voor de zes diensten en de drie ingangen, getekend in de vormtaal van het logo.

Logovarianten afgeleid uit het bestaande bestand: compacte versie zonder payoff voor kleine formaten, los beeldmerk, favicons, app-iconen en een maskable icoon.

Beeldbewerking: alle fotografie omgezet naar moderne, lichte bestandsformaten in meerdere maten. Van 3,1 MB naar 0,9 MB, zonder zichtbaar kwaliteitsverlies.

Deelafbeeldingen (og:image) per sectie, zodat een gedeelde link op WhatsApp, LinkedIn of in een e-mail netjes oogt. Op de oude site ontbraken die.

Homepage met drie ingangen: voor de jongere, voor ouders en naasten, en voor verwijzers.

Dienstenoverzicht als echte overzichtspagina. Op de oude site toonde deze pagina letterlijk dezelfde tekst als Begeleid wonen.

Zes dienstpagina's: begeleid wonen, ambulante begeleiding, gezinsondersteuning, crisisopvang, dagbesteding en systeemtherapie.

Drie eigen pagina's voor de woonvormen: Veilige Haven Wonen, Herstel Wonen en Onafhankelijk Wonen, gepresenteerd als één route met stappen.

Verwijzerssectie, vier pagina's: ingang, aanbod met criteria en financiering, plaatsingsroute, en kwaliteit. Volledig nieuw; hier kwam de instroom vandaan en er was geen enkele pagina voor.

Pagina voor ouders en naasten. Nieuw. De oude site sprak alleen de jongere aan, terwijl ouders vaak degenen zijn die zoeken en bellen.

Over ons, met het oprichtersverhaal, plus Wie je tegenkomt en Kwaliteit en jouw rechten.

Werken bij, met werkgeversverhaal en sollicitatieproces, en twee vacaturepagina's op nette webadressen.

Blog: overzicht, 11 artikelen en 5 themapagina's.

Contact, met routebeschrijving, gevelfoto en per e-mailadres waarvoor u het gebruikt.

Vijf juridische pagina's: privacyverklaring, cookieverklaring, klachtenreglement, vertrouwenspersoon en disclaimer.

Eigen 404-pagina die de bezoeker terugbrengt in plaats van laat stranden, met het telefoonnummer erbij.

Menubalk en voettekst met kruimelpad, uitklapmenu, mobiel menu en een doorspringlink naar de inhoud.

Aanmeldcheck van vijf vragen. Vervangt de oude zorgtool. Alle zes diensten staan er nu in, in plaats van drie, en er is een aparte route voor ouders en voor verwijzers.

Eerlijke uitkomst. Valt iemand buiten de leeftijdsgroep of past Cosmo Zorg niet, dan zegt de check dat en verwijst naar huisarts, wijkteam, CIZ of Stichting MEE.

Werkend aanmeldformulier op een eigen server. Slaat de aanmelding eerst op en verstuurt daarna pas de e-mail, zodat een storing in de mail nooit een hulpvraag laat verdwijnen.

Werkt zonder JavaScript. Ook op een oude telefoon of met een blokkering komt de aanmelding aan. Met bevestigingspagina en een aparte pagina als het misgaat.

Pagina "Hoe werkt aanmelden" met de vier stappen en welke indicatie waar vandaan komt.

Veelgestelde vragen, 15 vragen in drie groepen, ook bruikbaar als antwoordbron voor zoekmachines.

Telefoonnummer altijd bereikbaar in de menubalk, en groot bovenaan de crisispagina.

Redactieomgeving op `/admin`, waarin de redactie zelf teksten wijzigt en publiceert. Geen technische kennis nodig.

Eigen inlogdienst. Inloggen gaat met één knop. Zonder deze voorziening zou elke redacteur zelf een toegangstoken moeten aanmaken en elke negentig dagen vernieuwen.

Artikelen beheren: schrijven, wijzigen, publiceren, met foto en thema.

Team en auteurs beheren, met foto, functie en verhaal per medewerker.

Pagina's samenstellen uit zeven soorten secties: tekst, verhaal met foto, uitspraak in een kader, uitspraak over de volle breedte, uitgelicht blok, kaarten naar andere pagina's, en veelgestelde vragen. De redactie bepaalt zo zelf de indeling.

Menubalk in het CMS. De redactie wijzigt het menu zelf, inclusief uitklapmenu's.

Mediabeheer: foto's uploaden en hergebruiken.

Beveiliging tegen een kapot menu. Wijst een menu-item naar een pagina die niet bestaat, dan stopt de publicatie met een melding in plaats van een foutmelding op elke pagina van de site tegelijk.

Publiceren is één knop. Wat de redactie opslaat, staat binnen enkele minuten online.

Sitemap, automatisch bijgewerkt bij elke publicatie. De oude site had er geen.

23 doorverwijzingen (301) van oude naar nieuwe adressen, stuk voor stuk tegen de live server getest. Hieronder de zes blogartikelen waarvan het oude adres een ander onderwerp beschreef dan het artikel. Zonder deze regels raakt Cosmo Zorg de opgebouwde vindbaarheid van die pagina's kwijt.

Unieke titel en samenvatting per pagina. Op de oude site stond elke titel dubbel ("Over ons Over ons - Cosmozorg").

Structuurgegevens voor Google (schema.org): organisatie, zorgaanbieder, vestiging, kruimelpad, diensten, artikelen, veelgestelde vragen en vacatures. Vacatures kunnen daardoor in Google for Jobs verschijnen.

Toegang voor AI-zoekmachines expliciet geregeld, inclusief llms.txt en een volledige tekstversie van de site. Steeds meer mensen zoeken zorg via een AI-assistent; dan komt het antwoord uit uw eigen tekst en niet uit een oud forum.

Interne verwijzingen tussen diensten, woonvormen, artikelen en de verwijzerssectie.

Herschreven en aangevulde teksten. De drie dienstpagina's die minder dan 500 tekens hadden zijn volwaardig gemaakt; de te formele systeemtherapiepagina is herschreven op begrijpelijk taalniveau.

Niveau WCAG 2.2 AA als uitgangspunt voor de hele site.

Taalniveau B1. Korte zinnen, actieve vorm, geen vaktaal zonder uitleg. Noodzakelijk voor een doelgroep met een licht verstandelijke beperking.

Volledig te bedienen met alleen een toetsenbord, met zichtbare focus.

Geschikt voor schermlezers: correcte koppenstructuur, beschrijvende teksten bij alle afbeeldingen, en een gesproken melding bij elke stap van de aanmeldcheck.

Alle knoppen en links minimaal 44 bij 44 pixels, ook op een telefoon.

Beweging gaat uit wanneer de bezoeker dat in zijn apparaat heeft ingesteld. Van belang bij prikkelgevoeligheid.

Werkt in de contrastmodus van Windows.

Toegankelijkheidsverklaring op de disclaimerpagina, met een adres voor meldingen.

Geen cookies en geen cookiebanner. Er is niets om toe te staan of te weigeren.

Geen scripts van derden. Geen Google Analytics, geen trackingpixels van sociale media. Wie een pagina over crisisopvang bezoekt, meldt dat niet aan een advertentienetwerk.

Geen ingesloten kaarten of video's. Die plaatsen cookies vóórdat een bezoeker iets aanklikt. Er staan gewone links naar buiten.

Lettertypen op de eigen server, niet via de Google-CDN. Het bezoek wordt dus niet aan Google gemeld.

Aanmeldgegevens blijven in eigen beheer. Het formulier draait op de eigen server, zonder tussenpartij, zonder externe softwarepakketten.

Privacy- en cookieverklaring die letterlijk beschrijft wat de site doet, controleerbaar en zonder standaardtekst.

Statische website. Geen database en geen CMS-installatie die kan worden gekraakt of verouderen. Dit is meteen de belangrijkste beveiligingsmaatregel.

Snelheid. Vlakke bestanden, geoptimaliseerd beeld, alleen de benodigde lettertypen.

Automatisch publiceren. De server haalt zelf op, bouwt en zet online: circa 34 seconden voor 50 pagina's, elke twee minuten gecontroleerd. Twee onafhankelijke routes, zodat een storing bij één ervan het publiceren niet stillegt.

Serverinrichting: webserver, beveiligingsinstellingen, caching, HTTPS, doorverwijzing van www naar het hoofdadres, en drie achtergronddiensten (publiceren, aanmeldingen, inloggen).

Aparte publicatiegebruiker zonder beheerrechten.

Handmatig publiceren als terugvaloptie, met één opdracht.

Versiebeheer. Elke wijziging is terug te draaien, ook een wijziging van de redactie.

Meegeleverde configuratie voor drie hostingsoorten, zodat de site niet vastzit aan één leverancier.

Geautomatiseerde controle over alle pagina's op koppenstructuur, beschrijvingen bij afbeeldingen, bedienbaarheid, dubbele verwijzingen, titels en samenvattingen. Laatste meting: 0 fouten.

Geautomatiseerde contrastmeting van alle tekst zoals die werkelijk op het scherm verschijnt. Laatste meting: 0 problemen.

Functionele test van de aanmeldcheck, de menu's en de veelgestelde vragen: 36 controles, alle geslaagd.

Controle op mobiel en desktop, met een echte telefoonbreedte.

Deze controles zijn herhaalbaar en horen bij de oplevering. Bij elke toekomstige wijziging is binnen een minuut te zien of er iets stuk is gegaan.

Handleiding voor de redactie.

Merkdocumentatie: tone of voice met woordenlijst, design system, sitemap met alle doorverwijzingen, en een inventaris van het beeldmateriaal.

Overzicht van openstaande vragen, 17 punten, elk met vindplaats en reden.

Technische documentatie voor bouwen, publiceren en controleren.

Volledige broncode, eigendom van Cosmo Zorg.