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.
Over dit project
- Context
- Stageopdracht
- Opdrachtgever
- Internetbureau Brancom
- Rol
- Full-stack developer
- Status
- Grotendeels voltooid, functioneel
Technieken
- HTML
- PHP
- SCSS
- JavaScript
- jQuery
- Bootstrap
- FontAwesome
- Custom WordPress
Meer werk
Meer projecten
Yuki/VISMA Chatbot
Voor Yuki hebben we een chatbot gemaakt die in gewone taal vragen over hun sales data in HubSpot CRM beantwoordt en zelf voorstellen klaarzet, gebouwd bovenop dezelfde AI die op de achtergrond verkoopnotities en KVK gegevens verrijkt.
LEES MEER : Yuki/VISMA Chatbot
NodForSped PyGame
NodForSped is een racespel ontwikkeld in Python met PyGame, waarin spelers kiezen uit vier auto's en racen tegen een computer tegenstander. Het spel bevat drie uitdagende levels en een leaderboard voor scoretracking.
LEES MEER : NodForSped PyGame
Heemzicht website
De Heemzicht website, een samenstelling van custom HTML, PHP, en Bootstrap 5, samen met volledig custom styling in SCSS en een gestroomlijnd beheer via WordPress. Een perfecte mix van design en functionaliteit.
LEES MEER : Heemzicht website