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
  • Master plan
  • User Experience Design
  • User Interface Design
  • Content strategy
  • Technical concept
  • IIlustration + Iconography
  • Animation
  • Technical implementation
German Design Awards
Excellent Communications Design
IF Design Award 
Innovation
DPOK
Winner Corporate Website
MOBILEWEB AWARD 
Best Food Industry Mobile Website
CSS Design Awards 
UX Design
CSS Design Awards 
UI Design
The Webby Awards
Official Honoree
AWWWARDS 
Honors
CSS Design Awards 
Special Kudos
BGL Mobile und Tablet versions

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.

BGL Project overview
BGL Project overview
BGL Tablet Version
BGL Design Wireframe
BGL Working Out Of Office Tag
BGL Mobile Version

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.

BGL Technik