Bernheim Forest Website
Elevating Bernheim Forest’s digital presence to meet an inspiring and bold new brand
![Bernheim Forest Website](https://cdn.sanity.io/images/0m66vvkr/production/009fa982f6dd3d4eab4db65fb3bc45c90be8a531-3340x1108.jpg?q=75&auto=format)
The Objective
Bernheim Forest has always been a treasured escape for area locals, but recent growth has led them to larger goals and aspirations: To become a regional destination. With this in mind, Bernheim's leadership team approached us to elevate their identity to help lead the way.
Before & After - Logo:
![Buffalo Construction, before and after logos](https://cdn.sanity.io/images/0m66vvkr/production/f5a094231411e82bcf049ed26cd5be1d2efa76dc-3272x375.png?q=75&auto=format)
Equipped with a fresh new look and design language, our next challenge was to design and develop a website that captured the same creativity and energy of the updated brand while prioritizing a top-notch user experience. Our Goal: To create a digital experience that would inspire and encourage visitors to close their browsers and visit Bernheim Forest.
Before & After - Website:
![Before and After screenshots of Bernheim website](https://cdn.sanity.io/images/0m66vvkr/production/97e99b08d30d7be153a212189387a9de804bd055-3025x1986.png?q=75&auto=format)
The needs for the website:
- Ensure the new brand is reflected and celebrated throughout.
- A design system comprised of a core set of components that are flexible enough to be shared across the site without getting boring or stale.
- Emphasis on user experience, increased engagement, and interactivity. It had to be helpful and guiding while leaving room for interpretation and intrigue.
- A user-friendly backend that empowered the client to own, manage, and grow the website over time.
- Make everything feel connected. Supporting visuals, third-party integrations, and historical content migrated—everything had to come together, be cohesive, and feel balanced.
How we did this:
- Content Strategy: We pruned and trimmed to create audience-focused, goal-driven content.
- User-Focused Design: We prioritized ease of use, accessibility, and usability while focusing on making everything easy to find, interact with, and manage.
- Design System: We created a unified design language that embraced the new brand and pushed its digital presence to feel consistent, cohesive, and trustworthy.
- Flexible Content Editing: We built a flexible layout system that provided editors with the flexibility of a page builder combined with the consistency of a design system.
- Saving Room for Play: We took advantage of opportunities to incorporate unique brand enhancements that enhanced the user experience and further promoted the new brand.
Process
Understanding Our User
Our brand strategy phase gave us key insights to consider during website design and development. Bernheim is colorful, bold, and energetic. Illustration and visual assets needed to be used playfully while still supporting the content. The website needed to embody the fusion of art and nature in a tangible way.
High-quality photography was essential for capturing visitor emotions and showcasing Bernheim's grandeur and scale. We had to show the forest and everything it had to offer.
We worked collaboratively and thoughtfully with Bernheim’s team to create a flexible framework that felt right and acted as our blueprint moving into design.
![Bernheim Website wireframe collage](https://cdn.sanity.io/images/0m66vvkr/production/d6413802b64d692c66d0eb77efe7e347a3c6f04f-2806x1002.png?auto=format)
Site Identity
Once everyone felt comfortable with the wireframes, we dove into design. First, we extracted all common components into a library and worked the visual language into each piece, one by one. This built a shared foundation for efficient design, future scalability, and an easy-to-manage product moving forward.
![Bernheim components collage](https://cdn.sanity.io/images/0m66vvkr/production/70a0be29decc12b6814dc846d6dc2fd58c37d886-2870x2864.png?q=75&auto=format)
Balancing Form and Function
Goal number 1 was a unified design experience that focused on our users' needs and built a familiar, trustworthy, brand-forward platform. However, we couldn’t lose sight of Bernheim's quirkiness, personality, and unique nature. The site had to present content thoughtfully, tell the correct story, and encourage exploration—but it also had to delight.
![3 examples of photo masking within branded shapes](https://cdn.sanity.io/images/0m66vvkr/production/482740a60dd00539e3d72d23f082f7761210fd3b-2870x620.png?q=75&auto=format)
Every design decision considered the updated brand's texture, details, and creativity. Bernheim Forest is an established leader who is to be taken seriously, but that doesn’t mean they don’t have a big personality.
![Bernheim brand embellishments for use on website](https://cdn.sanity.io/images/0m66vvkr/production/1052a8f199ede6bfa10888ceb74dedcddb2ca597-2870x826.png?auto=format)
Flexible Content Editing
With years worth of content accumulated and so many offerings to share with users, creating unique layouts for each page would've been a budget-buster, but we also didn't want to limit the client to a set of strict page templates. Instead, we created a collection of custom-branded layout blocks, allowing them to design each page based on the content requirements. These layout blocks provided content editors with the flexibility of a page builder tool, plus the consistency of a design system.
![Full page designs collage](https://cdn.sanity.io/images/0m66vvkr/production/0496a8b0b09a7b662b94f5321738cf9baae7a3d0-2806x1002.png?auto=format)
![Grid collage of design comps](https://cdn.sanity.io/images/0m66vvkr/production/561f1d5b988d2e7d0868526adfe17731ac3580f6-2870x1922.png?auto=format)
The Results
The website was transformed into a true representation of the updated brand, able to adapt and grow using the flexible architecture and brand system we baked in. In fact, we’re already working on some enhancements 😉.
A digital presence that is inspiring in its vision and cohesive in its expression, inviting and trustworthy to prospective visitors, donors, and students alike. We redesigned Bernheim.org to not only tell the story but also create a user experience that was as useful as it was beautiful.
![Bernheim.org mobile and desktop mockups](https://cdn.sanity.io/images/0m66vvkr/production/23bc5844135dafeeb0409a39a43a1f227013d15a-2870x1104.png?auto=format)
![Rebecca Brady, Chief Operating Officer quote about project](https://cdn.sanity.io/images/0m66vvkr/production/70a2ce24a111fd2f1331c013d85c500ca6601337-2268x1508.png?q=75&auto=format)
"The Website Team at VIA Studio did their homework. They have given us the keys to a Lamborghini that we have only begun to learn to drive — yet we know it looks so good on the road. With VIA on our side, we know we will see the results we expect in terms of engagement, and the opportunity to allow our internal team to express their expertise in a whole new way that captures audiences and brings them to Bernheim Forest."
— Rebecca Brady, Chief Operating Officer
![Bernheim Forest Rebrand](https://cdn.sanity.io/images/0m66vvkr/production/fe9e060734501f5048de99a2085010f36d393f10-10814x6214.jpg?q=75&auto=format)
Bernheim Forest Rebrand
A new brand for the next century of Bernheim Forest.With this bold new vision pointing the way, we worked step by step with Bernheim to craft a new brand that equipped them for this new journey.
Read the Rebrand Case Study