Bonafarm Group Brands

For this project, we were tasked with developing multiple websites for various brands under the Bonafarm Group.

All websites are built on a custom CodeIgniter-based CMS, ensuring a consistent frontend structure and HTML markup across all of them. However, the primary challenge was to maintain this shared HTML structure while achieving distinct visual identities for each brand.

Bootstrap was the required styling framework. To create a unique look for each site, I extensively customized Bootstrap's default styles using its SASS API and implemented additional custom components.

Site interactivity is primarily handled with vanilla JavaScript, incorporating GSAP and ScrollTrigger for scroll-based animations, as well as Swiper.js for horizontal content sliders. For accessible overlays, I utilized Bootstrap's built-in Offcanvas JavaScript module.