Een modern gezicht voor een persoonlijk sportcentrum.

Wat is onderzocht?

De homepage is visueel bekeken in de browser. Daarnaast zijn de hoofdteksten en links van twaalf pagina’s geïnventariseerd: home, Over CivitaS, Meppel, Marknesse, Personal Training, Groepslessen Meppel, Small group training, Gezondheidscentrum Meppel, Lidmaatschap, Gratis proefles, Onze sporters aan het woord en Contact.

Dit is een inhoudelijke en kwalitatieve ontwerpanalyse. Er zijn geen bezoekersstatistieken, conversiecijfers, klantinterviews of meetgegevens over snelheid gebruikt. De gevolgen voor aanmeldingen zijn daarom hypotheses die je na invoering moet meten. De genoemde doelgroepen zijn afgeleid uit het aanbod en de teksten.

Primaire bronnen: homepage, Over CivitaS, aanbod.

De persoonlijke aanpak is het merk.

Een propositie beantwoordt de vraag waarom iemand juist voor CivitaS zou kiezen. De site legt de nadruk op begeleiding, deskundigheid, een prettige sfeer, groepslessen en ontspanning. Het verhaal van de oprichters maakt duidelijk dat herkenning, aandacht en gemotiveerd blijven centraal staan.

Mijn strategische samenvatting: CivitaS helpt mensen in Meppel en Marknesse op een persoonlijke en sociale manier aan hun gezondheid te werken, met sport en ontspanning op één plek. Dit is een interpretatie voor het ontwerp; deze zin vervangt geen bestaande webtekst.

De combinatie is overtuigender dan losse algemene kwalificaties. Woorden als kwaliteit en professionaliteit worden sterker wanneer bezoekers zien wie hen begeleidt en hoe andere sporters dat ervaren. Het ontwerp moet die onderbouwing dichter bij de belofte brengen.

Bronnen: merkverhaal, persoonlijke begeleiding, ervaringen.

Eén merk, meerdere redenen om te komen.

Het huidige brede aanbod rechtvaardigt een toegankelijke beeldtaal met uiteenlopende leeftijden en niveaus. Een toekomstige fotosessie kan leden, trainers, de ontvangst, groepslessen en ontspanning laten zien. Dat zou de eigen identiteit sterker maken dan algemene fitnessbeelden.

Afgeleid uit groepslessen, proefles en Personal Training.

Behoud de inhoud. Geef haar meer ruimte.

Wat werkt: de directe aanspreekvorm voelt persoonlijk. De introductie benoemt begeleiding én sfeer. De combinatie van bewegen en ontspannen past bij een centrum met meerdere functies. Het oprichtersverhaal en de ledenervaringen geven het merk een eigen gezicht.

Waar het minder scherp wordt: de introductie stapelt veel kwaliteiten in lange alinea’s. De brede aanspreekvorm maakt het welkom duidelijk, maar helpt nog weinig bij de keuze van een eerste activiteit. Algemene superlatieven zijn moeilijk te beoordelen zonder voorbeelden. Het sterke verhaal over persoonlijke aandacht staat verspreid over meerdere pagina’s.

De Personal Training-pagina beschrijft uitgebreid motivatie, begeleiding en doelen. Dat is nuttige inhoud, maar de lengte en herhaling vragen om duidelijke tussenkoppen en rustige leesbreedte. De lidmaatschapspagina verwijst naar twee externe inschrijfroutes. Zo ontstaat een extra overgang voordat iemand tarieven ziet; de mogelijkheden om dit te verbeteren hangen af van de leverancier.

Er staan ook kleine taal- en consistentiepunten in de teksten, zoals wisselend hoofdlettergebruik en formuleringen die een redactieronde verdienen. Deze zijn in de oorspronkelijke lopende teksten van de mockup bewust niet stilzwijgend herschreven. Redactie kan een aparte, expliciet goed te keuren stap zijn.

Ontwerpoplossing: één bestaande boodschap als grote openingskop, de volledige introductie eronder, heldere leesblokken en duidelijke routes naar verdieping. Daardoor kan dezelfde tekst sneller worden gescand.

Bronnen: introductie, lange aanbodtekst, lidmaatschapsroute.

Meer verschil tussen hoofdzaak en bijzaak.

1. De navigatie is druk. Veel bestemmingen, meerdere opvallende knoppen en uitgebreide submenu’s vragen tegelijk aandacht. Geef de hoofdroute ruimte en plaats ondersteunende links logisch in de footer of op overzichtspagina’s.
2. De openingsboodschap kan sterker samenkomen. In de huidige weergave staan de foto, de brede sloganbalk en de introductie relatief los van elkaar. Een samenhangend openingsvlak koppelt de boodschap direct aan de volgende stap.
3. De vestigingskeuze verdient meer context. Gebruik twee gelijkwaardige blokken met plaatsnaam, adres en routes naar rooster en lidmaatschap. Bewaak verschillen tussen de locaties; toon geen aanbod als op beide beschikbaar zonder controle.
4. Bewijs staat op afstand. De bestaande ervaringen zijn waardevol. Eén zorgvuldig gekozen ervaring op de homepage maakt de belofte tastbaarder, met een link naar alle verhalen.
5. Actualiteit vraagt beheer. Op 19 oktober 2026 staat een bericht over Pinksteren 2026 nog tussen de twee homepageberichten. Dat kan de indruk van actualiteit verzwakken. Behoud het in het archief en laat de homepage later actuele of blijvend relevante inhoud selecteren. In deze mockup blijft het bericht staan om de inhoud te behouden.
6. Vacatures domineren de eerste indruk. De huidige mededeling bovenaan gaat over werving. Geef een dergelijke mededeling een passende, tijdelijke positie zodat het hoofddoel van de homepage duidelijk blijft. De vacature blijft bereikbaar via nieuws en footer.

Dit zijn kwalitatieve bevindingen. Er is niet vastgesteld hoeveel bezoekers hierdoor afhaken.

Bronnen: homepage en navigatie, sportersverhalen.

Eén website. Twee duidelijke vestigingen.

Op basis van het gesprek met de eigenaar zijn de belangrijkste taken nu leidend: nieuwe bezoekers zoeken informatie, tarieven, inschrijven en eventueel een proefles. Bestaande leden zoeken vooral openingstijden en het lesrooster.

Bovenaan staan vaste links naar lesrooster en openingstijden. Direct na de korte introductie volgen twee vestigingsblokken. Per locatie zijn tarieven en inschrijven, proefles, lesrooster en openingstijden bereikbaar. De gekozen locatie blijft zichtbaar en is altijd te wijzigen.

Meppel en Marknesse hebben elk een lokale overzichtspagina gekregen, met eigen adres, openingstijden, actuele-roosterlink en inschrijfbestemming. De keuze wordt waar browseropslag beschikbaar is onthouden. De expliciet geopende locatiepagina heeft altijd voorrang op een eerdere keuze.

Algemene uitleg blijft gezamenlijk. Partnerlogo’s horen bij Meppel. Het actuele rooster blijft leidend voor de beschikbaarheid van lessen. Op de bestaande site staan dezelfde lesnamen op beide aanbodpagina’s; dat wordt niet uitgelegd als bewijs dat elke les op beide locaties wordt aangeboden.

Inschrijven en de proeflesaanvraag verlopen via de bestaande locatiespecifieke routes. De mockup verwerkt zelf geen aanmeldingen.

Warm, helder en energiek.

De aangescherpte richting gebruikt kleuren uit het bestaande logo: helder cyaan (#06AFE8), petrolblauw (#286177) en antraciet (#242727). Voor witte knoptekst wordt een donkerder blauw (#007EAF) gebruikt; helder cyaan keert terug in accenten. Russo One geeft de koppen een stevig, hoekig letterbeeld dat het woordmerk benadert. Het exacte oorspronkelijke logolettertype is niet vastgesteld. Manrope vervangt Arial in de leestekst, navigatie en knoppen. De decoratieve sectienummers zijn verwijderd; de zes keuze-argumenten gebruiken vinkjes. Ruime marges en afgeronde beelden behouden de moderne opbouw.

Het bestaande logo is behouden. De huidige fotografie is hergebruikt om het concept op bestaande middelen te baseren. Sommige beelden voelen algemener of ouder; nieuwe eigen fotografie is een duidelijke latere kwaliteitsstap. De mockup claimt niet dat elk sfeerbeeld een eigen locatie of lid toont.

Toegankelijkheid als uitgangspunt: echte tekst in de pagina, betekenisvolle koppen, toetsenbordfocus, een springlink naar de inhoud, een bedienbaar mobiel menu en minder beweging bij een gebruikersvoorkeur daarvoor. Voor productie is nog een volledige toegankelijkheidscontrole nodig, inclusief contrastmetingen en gebruik met schermlezers.

Wat is behouden en wat is verplaatst?

Er zijn geen tarieven, resultaten, beoordelingen of klantenaantallen verzonnen. Korte navigatie- en sectielabels zijn voor de nieuwe structuur gecombineerd of toegevoegd. De mockup is geen volledige migratie van alle media, formulieren en pagina’s. De bronteksten van de twaalf onderzochte pagina’s zijn apart vastgelegd in de inhoudsinventaris.

Wat eerst moet gebeuren.

1. Nu: de uitgewerkte homepage en beide locatiepagina’s doorlopen met de eigenaar; controleren of de openingstijden, faciliteiten en aanmeldroutes kloppen.
2. Daarna: het definitieve aanbod per vestiging bevestigen, de resterende detailpagina’s uitwerken en de aanmeldroutes op mobiel testen.
3. Voor livegang: alle bestaande URL’s behouden of doorverwijzen; titels en beschrijvingen controleren; formulieren, toestemming, mobiel gebruik, toetsenbordbediening en laadtijd testen. Beeldrechten en de juiste bronbestanden van het logo bevestigen.
4. Later verbeteren: eigen fotografie, een aparte redactieronde en beter beheer van tijdelijke nieuwsberichten. Meet proeflesklikken én voltooide aanmeldingen; klikgroei alleen bewijst nog geen resultaat.

De mockup maakt de vestigingskeuze en de belangrijkste taken nu concreet. Gebruik hem om beide bezoekersroutes met de eigenaar te doorlopen voordat de bestaande site wordt omgebouwd.

Een klikbaar ontwerpconcept.

De mockup bestaat uit een homepage met vestigingskeuze, twee uitgewerkte locatiepagina’s, een openingstijdenoverzicht, een taakgerichte keuzepagina, eenvoudige doorklikpagina’s met oorspronkelijke hoofdteksten en deze analyse. De pagina past zich aan kleinere schermen aan. Sommige links leiden naar de bestaande site; aanmelding en betalingen worden niet door de mockup verwerkt.

De bestaande website is niet gewijzigd. De mockup is lokaal beschikbaar en er is geen publieke vervangende website gepubliceerd. Het ontwerp is een onderbouwde eerste richting, geen bewijs van hogere conversie en geen volledige technische of juridische audit.

Open de mockup →