Berkshires Outside Case Study

Berkshire Regional Planning Commission had collected data about every park, trail, and outdoor recreation activity in the Berkshires. They commissioned a project to gather this information into a new database and make it available to the public. The result is a map-driven, interactive list of places available to everyone.

What We Did

  • Database Design
  • Custom CMS Development
  • Logo Design
  • Website Design
  • SEO
  • WordPress Development
  • API Development
  • Map Development
Visit Website

Measuring Success

BRPC collaborated with the folks at 1Berkshire and Berkshires.org to turn the idea of this project into a successful website. We wanted to know what success would look like for them. We started by asking their team how we can measure this project's success if the website was already built.

The overall mission was to build awareness about outdoor recreation sites that have low visitation and to distribute the popularity of these places. To measure success, we agreed we would need to look at the number of unique visitors, the number of referrals to us, and the popular pages viewed on the website. We also wanted property managers to see an increase in visitation and usefulness of their sites.

Identifying our visitors

To build a website people wanted to use, we decided to create three visitor personas: a young mom and resident of the Berkshires, an older man and second homeowner, and a city resident looking for some outdoor recreation. We thought about the things they liked, their pain-points, and the information we could provide.

Then we worked on the visitor journey, which is a look at what motivated the visitor to look for outdoor recreation and how our new website was first introduced to them. We wanted to know how they might use the website, the pages they would visit, and the imagined result of their visit. We did this for each persona and the group uncovered insights that set the course for how this project was going to come together.

Outdoor Branding

The look and feel of the new website needed to connect with people looking to explore the outdoors any time of year. We adopted a pallet of earth tones, sand and foliage, and included bright yellow and orange as accent colors. The accompanying logo design went through a series of iterations on an idea to combine trail markers and signage with the words "Berkshires Outside". Our designer found the clever “Be Outside” which we highlighted ever-so slightly.

Final logo design, color palette, and font selection for Berkshires Outside brand

Building a Custom CMS

BRPC had been collecting data about every outdoor recreation spot in the Berkshires, and entering that data into a Microsoft access database. Every trailhead, parking spot, and amenity, including its condition, had been meticulously documented. Making this information public, and presenting it in a useful way, would require the design of a new database and a custom content management system.

We started by analyzing the data store, asked questions, and offered suggestions for improvement. Sometimes we knew best, but other times we didn’t understand the data as well as they did. Our collaboration allowed us to complete the data analysis and start designing a new database structure that should sustain the project in the future.

We developed the corresponding custom CMS which allows BRPC staff to log in and create, read, update, and delete data as they see fit. The changes they make are live on their new website, bringing everything together.

Custom CMS developed by Gemini Creative for the Berkshires Outside website project

The Website Design Phase

Usability was at the top of the list. We started by looking at what others have done before us and reviewed State websites, like the City of Boulder, CO which has a simple and useful interface. We also knew we wanted an interactive map showing where these places were, so visitors could see the whole county and how near or far away places are from their location. We diagramed the important pages and discussed what each page would need. This gave everyone a sense of navigation and usefulness of the website we were going to make.

We decided on a three-column layout of filters, locations, and a map. We designed mockups for a wide monitor and for a mobile device, showing how we planned to solve the design challenges to come. With the designer, the developer, and the client in agreement, we submitted a total of 17 mockups, including menus, mobile and desktop layouts, and the different page templates we planned to build. We invite you to check out the finished design on your phone or desktop.

Original wireframe design concept for the Berkshires Outside website
In this wireframe mockup, we collabrated with the client on usability ideas for the interactive map. An important step before writing any code.
Wireframe design concept for the Berkshires Outside website
The group decided on a three-column layout, using the width of a monitor to allow for filters, location cards, and the map.
Finished design concept for the Berkshires Outside website
The final mockup showing interactivity between the location cards and the map markers, as well as the hover state and a selected filter.

Data and the Map

BRPC plotted thousands of points on the map which are interpreted as hiking trails and parkland. This data is shown as layers on top of the interactive map, and includes locations as markers. We also added bus routes and a custom map legend to help the visitor see the area and their relationship to it.

We created a custom API connection to the database, so we can ask it questions and receive a JSON response. This allowed us to populate the website with places to visit and reuse the data to pinpoint their location on the map. This allows for interactivity between the list of locations and their corresponding map marker. The API is used throughout the website, building location pages, activity pages, and town pages with impressive speed. Try it out!

Laura Brennan

“Our website project was no small feat, and Gemini Creative has been a fantastic partner in making it happen. They truly exceeded our expectations, and the resulting product is better than we envisioned in terms of functionality and aesthetics. Glenn was easy to work with and provided thoughtful input at every step along the way. We will not hesitate to use Gemini Creative again for future website projects, and we recommend them to everyone who asks!”

Laura Brennan Assistant Director at BRPC
More Testimonials

What can we do for you?

Next Case Study

Berkshire MuseumPittsfield, MA

Berkshire Museum was looking to change how they engage with their patrons, become a part of Berkshire tourism, and remain a strong member of the Pittsfield community. We started with an eight-week discovery phase and got to the heart of who they want to be. This process influenced the design of their new logo and their exciting new website, launched in August, 2023.

Work with us

Start your project

Thank you for considering us! To get the conversation started, please fill out this short form. We'll get back to you within the next busines day.

Type of Project

The Details

Timeline

Budget

Referral

Hello!

How can we help you? Please fill out the form below and we'll respond within the next business day.

You are unique

Let us tailor an approach to your project that fits your budget and achieves the best possible outcome.

413-854-4599 sales@gemini-creative.com