01/01/2023
Project:

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.

Vragen? Neem contact met mij op, of keer terug naar het overzicht