Youth on Record

Website Redesign in Drupal 8 Helps a Rockstar Nonprofit get an edge

Two teens playing music
Youth on Record screen on mobile device
A Youth on Record webpage shown on a screen
Diverse group of students posing with instruments
A closeup of a calendar event from the Youth on Record website

View the case study on drupal.com

The Challenge

Youth on Record is dedicated to empowering high school students, especially those at-risk and underprivileged, to succeed in their future through musical programs. They partner with schools, treatment centers, local and national musicians to provide for-credit classes that are engaging, inspirational, and culturally relevant to students. Their website struggled to show the tangible impact of giving kids access to learn from real artists, and didn’t support crucial fundraising and event awareness efforts.

With their key goals in mind, Elevated Third created a new site information architecture, improved user experience, and a modern, responsive design was developed in Drupal 8.

Youth on Record screens


The Drupal 8 Solutions

Youth on Record had a lot of content to provide to it’s audience, but it was not well organized or easy to navigate.

We love clients who bring media to a build. It is great to have a visually engaged client who has lots of content to choose from, but a slew of media can mean constant confusion. In this case, Drupal 8 saved a lot of hassle. Drupal 8 allows for simpler integration of external libraries. We easily included a library to handle our implementation of the Twitter API, which saved hours of work and cost, and allows for Youth on Record’s content to be consistently relevant.

A screenshot of social feeds on the Youth on Record site.

Nonprofit site maintenance is constantly being handed over and turned around. Keeping consistent, fresh knowledge, as well as a maintenance guidebook for the site can be a huge challenge.

Drupal 8’s default admin experience is much improved and relies heavily on customization, which allows us to make it even easier for clients to use. It means we can develop a site that fits a nonprofit’s needs perfectly so it can be seamlessly passed down over time. Moreover, Drupal 8’s ability to interface with all types of platforms means that new functionally is available on a consistent basis. Pattern Lab, a third-party tool, was used to build media-based components and centrally manage templates and style assets, which helped mitigate the risk of mistake and inconsistency in various implementation across the site.  

Youth on Record desktop and mobile screens

Unrestricted Potential

The new Youth on Record website acts both as a resource and a media center for all aspects of the organization. A new emphasis on fundraising and partnerships goes hand-in-hand with a refreshed brand and ability to attract more followers, partner artists and event goers. All of this will help Youth on Record access a broader audience that will continue to contribute to the organization in valuable ways. Drupal 8 proved to be an invaluable tool that provided a full, future-proofed website for a deserving client and organization. Even with a learning curve, the project was launched on time, under budget, and exceeded client expectations.

Does your nonprofit site need a major facelift?