Since it was founded in 1927, the Berchtesgadener Land dairy has followed the central tenets of sustainability. This cooperative society is fully owned by its farmers, who number around 1,700, and was also one of the first organic dairies in Bavaria. As an ambassador for fair and responsible trading, it is committed to being a guiding light in animal welfare and in the preservation of biodiversity.
Format D has developed the company’s new online presence. This relaunch came hand in hand with a new design concept - it has been brought up to date but is still authentic to the brand values of the farmers, the cooperative and the animal welfare.
- Communication strategy
- Digital rebranding
- User experience concept
- User interface design
- Content strategy
- Technical concept & implementation
- IIlustration & animation
- E-commerce
Dive into the Berchtesgaden landscape with parallax effects
We were overwhelmed by the experience and insights that we gained from our on-site visits. One thing was certainly clear: this wealth of experience needed to be made tangible for the visitors to the website as well. Therefore, right from the start, the parallax slider takes the user from the homepage straight into the world of the Berchtesgadener Land dairy, while giving them relevant information to help them along. The website is characterized by a strong visual and emotive design concept which builds on the bounty of insights into the countryside and trade that make the dairy cooperative so special. But that's not all - an extensive product database, a recipe area and a login portal for distributors and farmers are also part of the site.
The corporate website – so much more than just a brand ambassador
Once more, Neos CMS, the innovative, modern content application framework, was used as the
basis here, enabling the customer to manage content via front-end editing right down to the
minute details. Conceptual revision of the product range structure was required for the complex product database with filters; in order to enable fast and reliable search and filtering results, we have put our faith in Elasticsearch. Furthermore we used 2D WebGL renderer pixi.js for the parallax slider on the homepage and lottie.js for the SVG animations to implement the front end’s wow factor.
