When redesigning ASCAP.com, we created a modular approach allowing for the marketing team to build their own pages based on the modules. We provided example layouts for their reference.
Each module had different layout options for the team to use depending on the use case. This was to allow them the creative freedom to create interesting pages while maintaining consistency across the brand.
This redesign was ASCAP's first step into responsive web design. We accomplished this by talking about each component as a module that will shift for each device. We had to balance the internal processes of the organization with the shifting external expectations. This redesign helped move ASCAP's internal stakeholders to start thinking about the impact on mobile and how to better prepare for the future.
As part of the redesign, we needed to justify to the different departments how the update would effect their legacy content. As a team we spent time unpacking what was the most important communication for each ASCAP audience and providing a space for further content.
We simplified the navigation from multiple different visual navigation treatments to a singular navigation. This allowed for the organization to give equal weight to each of their audiences. The left nav bar became the singular item that remained constant across the site.
Through user research we noticed that users navigated between Member Access and ASCAP.com content. To make that simpler and allow for quick access to member information, when logged in, the user has access to their content first then the ASCAP content.