een werken bij
website voor
team f&j

Ik heb tijdens mijn stage bij Team F&J een werken bij website mogen maken van ontwerp tot realisatie. Ik heb daarbij hulp gekregen van de professionals binnen het bedrijf.

tijdens dit project heb ik gewerkt aan

Onderzoeken

Ontdek hoe ik heb onderzocht wat een sterke werken-bij website maakt en waar gebruikers echt op letten.

UX/UI DESIGN

Bekijk hoe ik het ontwerp heb opgebouwd met focus op overzicht en gebruiksgemak.

rESPONSIVE WEBDESIGN

Zie hoe de website is uitgewerkt voor mobiel en desktop, met een soepele en consistente ervaring.

Mijn doel van de website was om het sollicitatie procces zo laag drempellig mogelijk te maken. Een frisse uitstraling met duidelijke informatie en uitleg. Dat begon bij onderzoeken wat een goede werken bij website bevat. Na mijn onderzoek ben ik op de volgende punten uitgekomen:

Onderzoek

Voor het ontwerpen van de werken-bij website heb ik eerst onderzocht wat een vacaturewebsite effectief maakt voor sollicitanten. Na het bekijken van verschillende soort gelijke werken bij websites heb ik 3 kernpunten opgeschreven waarmee ik aan de gang wil gaan: wat voor bedrijf dit is, waarom het aantrekkelijk is om hier te werken en of er een passende vacature beschikbaar is. daar vanuit kon ik wireframes gaan maken met de 3 punten in gedachte. hier onder zie je de menu structuur die ik daar uit gemaakt heb.

Ontwerp

In het ontwerp heb ik gekozen voor een duidelijke hero-sectie met een korte introductie van het bedrijf en directe toegang tot de vacatures. Daarnaast speelt cultuur een grote rol bij de keuze van kandidaten. Om dit zichtbaar te maken zijn elementen toegevoegd zoals medewerkerverhalen, teamfoto’s en een korte uitleg van de werksfeer binnen het bedrijf. uitgelicht: Vacature element Ook transparantie en gebruiksgemak zijn belangrijke factoren. Vacatures worden daarom overzichtelijk weergegeven met duidelijke functietitels, locatie en kerninformatie. Het sollicitatieproces is zo eenvoudig mogelijk gehouden om drempels voor kandidaten te verlagen. Hier ligt ik de stappen uit die ik gezet heb om bij het eindresultaat te komen.

Klik op de elementen om ze vergroot te bekijken

Bouwen

Na het onderzoek en ontwerpproces ben ik aan de slag gegaan in Elementor om de website te bouwen. Bij de bouw lag de focus op de details, zorgen dat de pagina’s in een keer goed werden opgebouwd. Tijdens mijn stage heb ik daar al veel ervaring in op gedaan en hier kwam dat allemaal samen.

Tijdens het bouwen is ook rekening gehouden met responsive design, zodat de website goed werkt op zowel desktop als mobiel. Daarnaast is er gelet op snelle laadtijden en een duidelijke structuur van de content, zodat de website prettig te gebruiken blijft.

Het doel van de bouw was om het ontwerp zo duidelijk en gebruiksvriendelijk mogelijk tot leven te brengen, zodat potentiële sollicitanten makkelijk informatie kunnen vinden en snel kunnen solliciteren. Tot slot heb ik als finishing touch ook nog animaties en hover effecten toegevoegd.

bonus: acf velden

Ik heb ook gebruik gemaakt van ACF. Dit is een plug-in voor WordPress waarbij je dynamische content kan maken. Ik heb hier aan de achterkant van de website veel gebruik van gemaakt.

Met ACF heb ik een extra WordPress menu item toegevoegd waarbij je een vacature toe kan voegen. daar krijg je dan velden die je in kunt vullen, zoals is het een “baan” vacature of een stage vacature. Afhankelijk daarvan kan de opmaak net iets anders zijn. Waaneer je bijvoorbeeld de optie baan vacature of stage vacature selecteert krijg je verschillende USP’s te zien aan de voorkant van de vacature pagina.

Ben je al benieuwd?

wil je de volledige website zien?

Ben je benieuwd naar hoe de hele website eruitziet? Neem dan gerust een kijkje. Zo kun je zelf door de verschillende pagina’s klikken en zien hoe het ontwerp en de inhoud samenkomen. Op die manier krijg je een goed beeld van hoe de website in de praktijk werkt.

Cover afbeelding voor werken bij Team F&J