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.

About this project

Context
Internship assignment
Client
Internetbureau Brancom
Role
Full-stack developer
Status
Mostly complete, functional

Built with

  • HTML
  • PHP
  • SCSS
  • JavaScript
  • jQuery
  • Bootstrap
  • FontAwesome
  • Custom WordPress

More work

More projects

Yuki Chatbot

For Yuki, we created a chatbot that answers questions about their sales data in HubSpot CRM in plain language and prepares proposals itself, built on top of the same AI that enriches sales notes and Chamber of Commerce data in the background.

READ MORE : Yuki Chatbot

NodForSped

NodForSped is a racing game developed in Python with PyGame, in which players choose from four cars and race against a computer opponent. The game features three challenging levels and a leaderboard for score tracking.

READ MORE : NodForSped

Heemzicht site

The Heemzicht website, a composition of custom HTML, PHP, and Bootstrap 5, together with fully custom styling in SCSS and streamlined management via WordPress. A perfect mix of design and functionality.

READ MORE : Heemzicht site

Questions? Contact me or return to the overview