Ontwerp en WordPress-ontwikkeling
TestCrew IT: een eigen gezicht voor testspecialisten
Een website die laat zien waar je als testspecialist terechtkomt. Met ruimte voor de community, een duidelijke uitleg van FlexPlus en een directe route naar vacatures.
Inmiddels opgegaan in Cerios. TestCrew IT is overgegaan in moederbedrijf Cerios. Deze case toont de oorspronkelijke website, niet de huidige website van Cerios.
Oorspronkelijke website
- Klant
- TestCrew IT
- Rol Visual Sense
- Ontwerp en ontwikkeling
- Platform
- WordPress
- Huidige situatie
- Opgegaan in Cerios
De vraag achter de website
Niet alleen vertellen wat je doet, maar hoe het is om erbij te horen
TestCrew IT richtte zich op softwaretesten en de mensen die dat werk doen. De website moest vakinhoud uitstralen, maar ook duidelijk maken wat de organisatie als werkgever bood.
Ik bracht die twee kanten samen in het ontwerp en de WordPress-ontwikkeling. De homepage begint met Join the crew. Daarna volgen de testcommunity, het FlexPlus-principe en de beschikbare functies. Zo krijgt een bezoeker eerst context, voordat die een vacature opent.
Grote fotografie en rustige tekstvlakken wisselen elkaar af. Donkergroen, lichtgroen en een warme lichte achtergrond geven het geheel een herkenbaar karakter.
Van kennismaking naar interesse
Het verhaal en de vacatures horen bij elkaar
FlexPlus krijgt een eigen plek in het verhaal. Op vacaturepagina’s staan de functie, voorwaarden en vervolgstap direct bij elkaar.
De vacaturedetailpagina
Van interesse naar solliciteren
Een kandidaat wil weten wat het werk inhoudt, welke voorwaarden erbij horen en wat er na een reactie gebeurt. De detailpagina brengt die vragen bij elkaar.
De belangrijkste gegevens direct in beeld
Naast de introductie staan regio, salaris, opleidingsbudget en dienstverband in een apart overzicht. Je hoeft daarvoor niet de hele functieomschrijving door te lezen. De sollicitatieknop staat er meteen bij.
Van functie-inhoud naar een duidelijke volgende stap
De pagina beschrijft het werk, de arbeidsvoorwaarden, de organisatie en het gevraagde profiel. Daarna volgen directe contactmogelijkheden en de sollicitatieprocedure. Die laat zien welke stappen een kandidaat kan verwachten, van de eerste reactie tot het contract.
Ook op mobiel blijft reageren dichtbij
Op een kleiner scherm komen de vacaturegegevens direct na de introductie, vóór de langere tekst. Tijdens het verder scrollen krijgt de sollicitatieknop een vaste plek onderaan het scherm. Bij het contactblok verdwijnt die zwevende knop weer, zodat de twee oproepen elkaar niet overlappen.
Vaste velden, zonder iedere pagina opnieuw op te bouwen
Vacatures hebben een eigen plek in WordPress. Gegevens zoals regio, salaris en uren worden via vaste velden ingevuld. Dezelfde gegevens komen terug op de vacaturekaart en de detailpagina. Zo blijven presentatie en beheer bij elkaar, ook wanneer een functie verandert.
Special effects
Beweging die onderdeel is van het ontwerp
De website is geen verzameling stilstaande vlakken. Fotografie, kleurlagen en kleine interacties geven ritme aan het scrollen.
Fotografie die ten opzichte van de tekst verschuift
Geselecteerde beelden bewegen bij het scrollen omhoog ten opzichte van de omliggende inhoud. Dit parallaxeffect geeft diepte. De foto staat niet opgesloten in één tekstblok, maar verbindt verschillende delen van de pagina.
Kleurlagen die met het scrollen veranderen
Over de fotografie verschijnt geleidelijk een kleurlaag. De sterkte hangt samen met de positie van het beeld op het scherm. Daardoor verandert de verhouding tussen foto en achtergrond terwijl je verder leest.
Kleine reacties in de navigatie
Bij een muisbeweging over een menu-item verandert de kleur en schuift een pijltje in beeld. Het scrollpijltje bij de introductie brengt je vloeiend naar het volgende onderdeel. Kleine details, die wel bijdragen aan het karakter van de site.
Bladeren zonder de pagina te verlaten
Vacatures en sfeerbeelden staan ook in carrousels. Zo kun je tussen functies en beelden bladeren binnen hetzelfde verhaal. Vanuit een vacaturekaart ga je door naar de volledige functieomschrijving.
Wat er is gebouwd
Een eigen uitstraling, met praktisch beheer erachter
Ik bouwde een eigen WordPress-thema met herbruikbare inhoudsblokken en een apart onderdeel voor vacatures. Het ontwerp en het beheer sluiten zo op elkaar aan.
- Een samenhangende kennismakingCommunity, werkwijze en vacatures vormen één route, in plaats van losse onderwerpen zonder verband.
- Vacatures met een vaste opbouwFunctie-inhoud, voorwaarden en contactmogelijkheden krijgen op iedere vacaturepagina dezelfde herkenbare plek.
- Een ontwerp dat rekening houdt met mobielKolommen herschikken zich en vacaturegegevens komen op kleinere schermen eerder in beeld. Sommige beeldbewegingen blijven beperkt tot desktop.
Een afgerond hoofdstuk
Het oorspronkelijke TestCrew IT blijft hier zichtbaar
TestCrew IT is inmiddels opgegaan in moederbedrijf Cerios. De zelfstandige website maakt daarom geen deel meer uit van de huidige presentatie.
De beelden in deze case komen uit de oorspronkelijke website. Ze tonen het ontwerp, de inhoudelijke opbouw en de interacties die ik voor TestCrew IT ontwikkelde. Oude vacatures en contactgegevens in de screenshots horen bij die periode.
Wil je ook een website waarin uitstraling, inhoud en beheer samenkomen? Lees meer over websiteontwikkeling of bekijk mijn andere projecten.