Skip to main content
An image showing the homepage design of the JHU Press website

Johns Hopkins University Press

Breathing new life into a historic University’s site and brand

Background

Founded in 1878, Johns Hopkins University Press (JHUP) is America’s oldest university press. They provide authors with a reputable forum for discourse and exposure to a worldwide audience—publishing over 100 scholarly journals and 200 new books every year, with over 4k books currently in their system.

They approached Mindgrub with a question: Is there a way to create a fresh brand that still fits into the John Hopkins University family, and a modern website to match?

Thankfully, the answer was yes.

Our Services

  • Branding
  • Content Strategy
  • Design
  • DevOps
  • Ecommerce
  • Strategy
  • System Integration
  • UX
  • Web Development

The Opportunity

John Hopkins University Press wanted their website to incorporate modern functionality, while also bringing a vibrant new brand aesthetic to the table. Their goal was to have a bold brand strategy that would differentiate them from both the competition and their University ecosystem, while still maintaining a connection to one of the most prestigious academic institutions in the world.

Their challenges were three-fold: users across their website and mobile platforms weren’t experiencing consistency, their check-out process needed modernizing, and an uptick in online business due to COVID meant they had to strike now, while the iron was hot.

They needed a vendor that would breathe new life into their brand with fresh guidelines and highlight their new positioning on a functional and seamless website.

A laptop showing the homepage design of the JHU Press website

Our Approach

The experts at Mindgrub were brought in to update the design and structure of the JHUP website, develop their brand to create a consistent experience, and support their revenue growth.

We started by revamping their brand to change the overall perception of its target audiences, and then moved on to designing a site with the latest check-out functionality and UX best practices.

 

Someone sitting in a chair reading an ebook next to a bookcase

Merging a new media look with an established institution.

Designs for three distinct brand concepts

The Brand Refresh

  • We began with stakeholder interviews and collaborative workshops. Key decision-makers from JHUP were invited to collaborate, and we went over their target audience’s needs and motivations, as well as how JHUP viewed its brand going forward.

  • Mindgrub gathered this information, along with competitor analysis, and presented JHUP with an updated brand platform that properly defined its brand persona, attributes, and positioning statement.

  • Then we focused on updating JHUP’s visual brand—inspired by elements from the Johns Hopkins University parent brand in order to maintain unity. JHUP was presented with multiple style explorations, and at their request some options pushed the envelope, some stayed within the expected lanes, and a few lived in the middle.

  • Once JHUP selected a visual identity that married their bold new beginning with the stalwart reputation of their institution, the brand truly came to life. All other choices (including voice and tone, color and logo theories, and more) were put together in comprehensive Brand Guidelines. This served as a foundation for their website.

John Hopkins University Press brand guideline imagery
man using laptop next to a stack of books

A streamlined site with a smooth check-out experience.

The Website Redesign

Now that the new brand aesthetic was clear, the site construction could begin. The goal was to provide customers and stakeholders with a seamless experience, augment their revenue growth, and create consistency. Here were the main priorities:

Boosting Site Search

By updating JHUP’s existing Solr Server to accommodate advanced site, book, and journal search, we enhanced search capabilities to include their All Books metadata and Journal metadata.

A section of the JHU press website with a gold background and search bar

Shopping Cart Overhaul

Their checkout and account management functions needed refining. By incorporating the latest ecommerce features, the site can now accommodate different billing and shipping addresses, as well as multiple payment methods.

Unifying Verticals

We recommended merging all four sub-brands (books, journals, HFS, and MUSE) onto the main site. Each originally had its own site because of different updating procedures. Mindgrub and JHUP agreed that combining them would give users a better experience.

A section of the JHU press website that has four colorful sections each featuring a different vertical

Increasing Conversions

To decrease bounce rates and abandoned carts while increasing conversions, the user experience had to come first. Improving the efficiency and navigation of the site—and updating to Drupal 9— helped modernize purchasing and site exploration.

The footer of the JHU press website with links to social media

Quality Assurance

Once all wireframes and designs were approved, development of the site began, and after rigorous quality assurance (QA) to ensure stability, their new site was launched.

Three pages of the JHU press website featuring the design and ux

Results that Matter

Soon after launch, JHU Press presented their new site in an internal Town Hall meeting to rave reviews and positive feedback from staff, students, and stakeholders alike.

Moreover, the new site was honored with two Awards of Distinction for website design at the 29th Annual Communicator Awards.

The Hopkins press logo over top of an image of books