01/01/2023
Project:

Brancom site

The Brancom website, built with custom HTML, PHP, jQuery/JS and Bootstrap 5, combined with SCSS styling and a powerful back-end based on WordPress. Including a blog module, interactive Mega Menu and contact forms with ReCaptcha.

Project overview

New website for Brancom

During my internship at Internetbureau Brancom I was given the assignment to realize their new company website. The design was already made, and I built the website technically using WordPress and a custom theme I developed myself. Despite the limited time at the end of my internship the largest part of the website is completed and functional.

User friendly

Content Management with WordPress

The website is built on WordPress, using the Advanced Custom Fields (ACF) plugin. This allowed me to create a user-friendly back-end, so that texts and images can be easily adjusted without diving into the code. The HTML layout is written using the Bootstrap 5 framework, and the styling is realized in custom SCSS.

Showcase

Case: Webshop for Verstegen

Brancom also developed the webshop for Verstegen, a big name in herbs and spices. Although my contribution here was limited, I proudly played a small role in this project. View the Verstegen webshop here to get an impression of this impressive project.

Blog module

Blog functionality

One of the most important features is the blog module, which is used to publish news articles and updates. This functionality is built with WordPress Custom Post Types, which makes it easy to add news items and other content. This blog module is a valuable addition for regularly updating the website and improving SEO.

Contact

Contact form with spam protection

The website contains multiple contact forms, including an extensive form on the contact page. These are equipped with Google ReCaptcha for spam protection. This makes it easy and safe for visitors to get in touch, while unwanted messages are blocked.

Interactivity

Complex navigation

One of the website’s most notable features is the Mega Menu, with a triple nested page layout for an overview of the Services. For the interactive parts, such as the sliders, I used jQuery and external libraries. The icons come from the FontAwesome library.

Questions? Contact me or return to the overview