← all projects

// websites & cms

Biophen

Brand site for a natural liquid-soap range - product sliders, ingredient hotspots and a store finder in four languages.

Client
Biophen
Agency
albo albo
Type
Websites & CMS
Biophen

// preview

0:000:00
Desktop walkthrough - click to play

// overview

Brand website for Biophen, a natural liquid-soap range. Custom WordPress build on Bedrock with a Sage theme and Blade templates. The homepage is one long page: an animated hero, product lines, brand benefits, a where-to-buy directory and a contact form. Each line - Botanical, Harmony and Mineral - is a paired Slick slider, with thumbnail navigation synced to the product story, and hotspots on the bottle photos open the ingredient list. Editors manage lines, copy, images, PDFs and retailer logos from ACF. Polylang serves Polish, English, German and Hungarian; the store finder appears on the markets that sell the products in shops.

// my contributions

  • Sage theme on Bedrock, with Blade templates and a Webpack / Sass build
  • Synced product sliders with ingredient hotspots and downloadable PDFs
  • ACF-managed product lines and retailer directories, offline and online
  • Polylang in PL, EN, DE and HU, including form validation messages
  • Scroll-spy navigation, AOS section reveals and GSAP anchor scrolling