Our Work

Center for the Developing Adolescent

Screenshot of the CDA website home page


Client Since
August 2019

The Center for the Developing Adolescent champions science-based, equity-driven innovations that positively impact the lives and futures of all young people.

This UC Berkeley-based program advocates for equitable, science-based policies, programs and practices that affect adolescents.

Screenshot of the CDA website blog page
Services Provided

CDA arrived with an outdated, hard-to-edit website and a new branding package. The goal of the redesign was to incorporate the new brand, but equally important was to put control into the hands of the site’s editors. The previous site made it especially difficult to change text and images, effectively hobbling a vibrant active research group with a website they couldn’t update.

Solving this problem was right up our alley! We love to work with clients that want to revamp the public-facing websites, and we especially love when we can pair a visual transformation with a process transformation. It’s easy to understand that websites serve a particular audience, but you can’t forget the folks who are actually creating website content—they need easy-to-use, quick, effective tools or the site essentially becomes nothing more than a static brochure. Brochures are great, but not for an organization whose mission is to “distill and share the most up-to-date developmental science” about adolescents.

The resulting site makes the most of abstract visual imagery and occasional stock photos, but puts the emphasis on the CDA’s research and resources. We focused heavily on understanding the several research branches and goals of the CDA and how best to present that material in an accessible, friendly format. This is a text-heavy site, so site architecture was key in creating ways for people to navigate to the content most suited to their interests. The new site has Policy, News, and Blog sections.

We also built key topic pages to surface resources around particularly impactful topics. This approach really paid off when the COVID-19 pandemic started, allowing the CDA to put together an extensive and crucial set of COVID-19 resources for parents, educators, and researchers concerned about the pandemic’s impact on adolescent development.

In addition to all of the above, we also designed and coded the site to meet WCAG 2.1 Level A accessibility standards.


"I’ve now had the chance to work with Hop Studios twice—first for an overhaul of our old, mostly static website, and again as we added a new information hub and podcast page. The entire team has been a delight to work with. They have provided ideas and solutions, implemented them quickly, and responded with grace and patience as I pepper them with new requests along the way. I have thoroughly enjoyed working with Hop Studios, and I recommend them enthusiastically."

Meghan Forder
Communications Director

We've Blogged About This Project

Have a Project for Us?

Request a Proposal