Brancom website
De Brancom website, gebouwd met custom HTML, PHP, jQuery/JS en Bootstrap 5, gecombineerd met SCSS-styling en een krachtige back-end op basis van WordPress. Inclusief een blogmodule, interactieve Mega Menu en contactformulieren met ReCaptcha.
Projectoverzicht
Nieuwe website voor Brancom
Tijdens mijn stageperiode bij Internetbureau Brancom kreeg ik de opdracht om hun nieuwe bedrijfswebsite te realiseren. Het design was al ontworpen, en ik heb de website technisch opgebouwd met behulp van WordPress en een eigen ontwikkeld custom theme. Ondanks de beperkte tijd aan het einde van mijn stage is het grootste deel van de website voltooid en functioneel.
Gebruiksvriendelijk
Contentbeheer met WordPress
De website is gebouwd op WordPress, waarbij gebruik werd gemaakt van de plugin Advanced Custom Fields (ACF). Hiermee kon ik een gebruiksvriendelijke back-end creëren, zodat teksten en afbeeldingen eenvoudig aangepast kunnen worden zonder in de code te duiken. De HTML-layout is geschreven met het Bootstrap 5-framework, en de styling is gerealiseerd in custom SCSS.
Showcase
Case: Webshop voor Verstegen
Brancom heeft ook de webshop voor Verstegen gerealiseerd, een grote naam in kruiden en specerijen. Hoewel mijn bijdrage hier beperkt was, heb ik met trots een kleine rol gespeeld in dit project. Bekijk hier de Verstegen-webshop om een indruk te krijgen van dit indrukwekkende project.
Blogmodule
Blog functionaliteit
Een van de belangrijkste functies is de blogmodule, die gebruikt wordt voor het publiceren van nieuwsartikelen en updates. Deze functionaliteit is gebouwd met WordPress Custom Post Types, waardoor er eenvoudig nieuwsitems en andere content kunnen worden toegevoegd. Deze blogmodule is een waardevolle toevoeging voor het regelmatig updaten van de website en het verbeteren van de SEO.
Contact
Contactformulier met Spambeveiliging
De website bevat meerdere contactformulieren, waaronder een uitgebreid formulier op de contactpagina. Deze zijn voorzien van Google ReCaptcha voor spambeveiliging. Hierdoor is het voor bezoekers eenvoudig en veilig om contact op te nemen, terwijl ongewenste berichten worden tegengehouden.
Interactiviteit
Complexe navigatie
Een van de meest opvallende kenmerken van de website is het Mega Menu, met een triple nested page layout voor een overzicht van de Diensten. Voor de interactieve delen, zoals de sliders, heb ik jQuery en externe libraries gebruikt. De icons zijn afkomstig uit de FontAwesome library.